くろひょうのwebデザインのお勉強帳

フェリカテクニカルアカデミー web制作科の受講生です。授業の要点、復習でつまづいた点などを記録し、レベルアップに励みます。

クリエイターになるための、お勉強の記録帳

Illustrator

[Illustrator]複合パス、クリッピングマスク

複合パス 複合パスは、複数のパスを1つのパスにするものである パスが重なっている部分は透明に抜ける。 オブジェクトを複合パスに変換すると、最背面のオブジェクトのスタイルが全てに適用される。 <作成方法> 複数のオブジェクトを選択> オブジェクト…

[CSS][Illustrator]透過PNG画像を使い画像の重なりをつくる

完成予想図 見出し画像の上にロゴマーク画像が重なっている状態を目指します。イラストレーターでロゴの透過PNGを、画像の重なりはCSSのPositionを使います。幅:800px 1.イラストレーターでの透過PNG画像作成 ロゴマーク画像をイラストレーターで開いてお…

[Illustrator]キャラクターのマーク作成

イラストレーターで、動物のキャラクターを使ったマークをつくります。 ①猫のイラストを描く 顔や目の輪郭は楕円ツール、ヒゲや口はペンツールで。リフレクトツール、回転ツールを多用し、左右対称に近づけます。完全な左右対称ではありません。 猫のイラス…

[Illustrator]ボタンの作成③ 横ナビゲーション用

完成図 イラストレーターで横ナビゲーション用のボタンを作る 上が通常時、下がマウスオン時ボタン1個のサイズは幅140px 高さ50px = 全体幅980px 1pxでもズレないように、画像作成時は時々チェックすること ①枠線・・黒 1pxで長方形を作る (幅980px 高さ5…

[Illustrator]ボタンの作成② ボタン1個

ナビゲーション用の簡単なボタンのIllustratorでの作成方法

[Illustrator]ナビゲーション用ボタンの作成① 

グローバルナビゲーション用ボタンをつくる(CSSスプライトで) [Illustratorの設定] ①新規作成→・新規ドキュメントプロファイルは「Web」 ・800px以上のサイズのものの場合は1024×768pxにする ・「新規オブジェクトをピクセルグリッドに整合」を必ずチェ…

[Illustrator]ペンツール

Illustratorのペンツールでトレースの練習をしました