96's blog

WEBサイト制作科 6ヶ月コース

Illustrator

Illlustrator (テキストを画像にする際の注意)

見出し バウンディングボックスなし 本文 バウンディングボックスor矩形(テキストツールで端にもっていくと、カーソルが丸くなって矩形の中にテキストを流し込める) ダイレクト選択ツールでボックスを動かすと、テキストのサイズが変わらない。 文字16pxに…

Illustrator14(描画の練習)

下絵を利用してパスタを描く。 下絵をテンプレートで配置。 パスタ パスをクリックで配置し、直線でなぞる。 [効果]→[スタイライズ]→[角を丸くする]で曲線にする。 コピーして3つ作り、それぞれ向きを変える。 重層的に見せるために、2番目に作られたパス…

Illustrator13(透過PNG画像の作成)

○足あとのマーク 効果→スタイライズ→角を丸くする。アウトラインもこの形にするにはオブジェクト→アビアランスの分割。

Illustrator12(補足)

.artは昔のIllustratorの拡張子。 .eps(Encapsulated Post Script)は、海外サイトの素材データで多い。Illustratorのバージョンを問わず開ける、印刷しやすいという点があるが、Webでは使わないので.epsデータを入手したら.ai形式か.psd形式で保存する。 ctr…

Illustrator11(ファビコン、袋文字)

ファビコン(雨粒) 丸を描いて、頂点のパスをアンカーポイント切り替えツールでクリックして尖らす。上に伸ばしたりして形を調整。 薄い色で縦長の楕円を描いて重ねる。 ファビコン(星) 星ツール。 ファビコン(吹き出し) 足 楕円を2つずらして重ね、パ…

Illustrator10(パスの操作tips)

下絵をコピー&ペーストで持ってきてから、レイヤーをダブルクリックしてテンプレートにチェック。 パスで描いた線を、リフレクトツールでコピーしたあとつなげるには、オブジェクト→パス→平均で2軸とも で位置を合わせから、パス→結合。 同形でサイズを変え…

Illustrator09(ファビコン作成練習)

3枚重ねのシャツ ベースはグラデーションつきの角丸。コピーして3枚重ねたら選択、効果→パス→パスの変形 で台形に変形させて奥行きを出す。 襟もとは、内側を2つの楕円に濃淡差をつけて重ね、襟と影をペンツールでパスを設置して作る。 ボタンは、影を黒…

Illustrator08(ワイヤーフレーム)

キューピーのコーポレートサイトをもとにワイヤーフレームを作成。 下絵となるキューピーのサイトをキャプチャー。 Illustratorで配置(テンプレートにチェック)。レイヤーで濃度調整。 ルーラーからガイドを引き、レイアウト要素ごとに区切ってシェイプで…

Illustrator07(ボタン作成)

CSS Sprite(横並び)で表示するボタンを作成 アンチエイリアスを避けるためピクセルプレビューをチェック。 四角、グラデーション(薄い色で)、文字で一組作る。 選択ツールをダブルクリックで横に距離指定してコピー。繰り返し。 文字を適宜変えたらa:lin…

Illustrator06

グラデーション リニア=線形 カラー △をshift+ドラッグで色相を固定したままトーンを変えられる。 web用に作るには、ピクセルプレビューの表示をし、グリッドに吸着することでアンチエイリアス化を防ぐ。 薄いグラデーションを利用したボタン作成。 macで…

Illustrator05

複合パス 重ねた図形の形に切り抜く。 図形を重ねて描き、選択後オブジェクト→複合パス→作成。 パスファインダーの前面オブジェクトで型抜きと同じ効果。 重要な点は、複数の図形を1つの図形にするということ。計算の処理が少なくなる。 クリッピングマスク…

Illustrator04

曲線(ハートと迷路) 連続曲線を描くとき、山の頂点と曲線の変化点にアンカーポイントを作っていけばうまく描きやすい。 イラストのトレース(カニ) 丸みのある図形は、アンカーポイント4つ。 丸を描いて、ダイレクト選択ツールで変形させてもできる。 曲…

Illustrator03

ペンツール 直線 始点をクリック→終点をクリック(+shiftで角度固定)→ctrlクリックで選択解除。 曲線 始点をプレスドラッグ、離す→終点をプレスドラッグ、離す→ctrlクリックで選択解除。直線の両端に力を加えて曲げるイメージ。 直線から曲線になるコーナ…

Illustrator02

拡大・縮小 shift+左ドラッグで比率固定 コピーはalt押しながら。 アレンジ オブジェクトの描かれた順に重なっている。 描くときは大きいものから。 オブジェクト→重ね順。ショートカットキーはctrl+]と[で順番変える。shift押しながらで最前面、最背面。 …

Illustrator01

絵を描くというよりは、計算式で図形を描く。 (Illstratorに限らず)ダブルクリック厳禁。操作が記憶されない。ショートカットキーやメニューから操作。 ctrl+wでウインドー閉じる。win/mac共通。 space+ドラッグでグラバーハンド。作業エリアを動かす。…