Webデザイナースクール体験記

ポストカードの土台は、Illustrator作ります。
Photshopで加工、切り抜いた画像をIllustratorで開き、テキストを配置して仕上げていきます。

Web講座の覚えがき PhotshopとIllustratorの連動

【Photshop】
レイアウトしたい画像を加工していく。

■Photshopで加工したい画像を開く。
レイヤーパレットで背景をダブルクリックしてレイヤーに変換する。（忘れないこと！

■自動選択ツールで切り抜く。
自動選択ツールとは、クリックしたらクリックした時の同じような色を拾う機能。
選択できなかったところは、Shiftキーを押しながらクリックして選択範囲を拾っていく。

注意事項
オプションバーの「色の許容値」に注意。
許容値を上げるほど選択値が上がる。

さらに画像を美しく見せるためにレベル補正で修正する。
画像をpsdファイルで保存する。

■新規ファイルを作成
背景色をつける。
この背景色がキーカラーになる。

重要：
Photshopで加工した画像をコピー＆ペーストでIllustratorに移動した場合、移動できるのは切り抜いた画像のみ。
切り抜き情報は消えてしまうので、背景が透明だとIllustratorにペーストした時に背景が白になってしまう。
なので、ここで背景色（キーカラー）をつけておく必要がある。

■移動ツールで保存したpsdファイルをドラッグ。

■自由変形ツールでレイアウトしていく。

■選択範囲→すべて選択。
表示レイヤーを結合。

これをコピーしてIllustratorへペーストする。

【Illustrator】
ポストカードの土台を作る。

■新規ドキュメント作成
サイズ：148×100
カラー：RGB

■Photshopからペースト

拡大縮小ツールでサイズを調整する。

■レイヤーをロック。

■新規レイヤー作成。

■文字ツールでテキストを配置していく。

■文字ブロックを作成、整列させる。

今回の授業はここまで。仕上げは来週です。

IllustratorとPhotshopの基本操作について今回で６回の授業が終了しました。

一番の収穫は、豊富な機能のうちで使いこなすべきツールはどれなのかだんだんわかってきたことです。
独学で、ただ、やみくもに市販の参考書とにらめっこしていた時に比べるとなんと効率のよいことか・・

できない、わからないところはその場ですぐに質問、解決できるのが、これまた嬉しい。
スクールに通っている間に弱点を克服しようと貪欲です。

【デザインレイアウトの３つコツ】

１．パーツで埋め尽くさないこと。
重心になる部分と何もない部分をつくる。

２．使う色は３色まで。
１色キーカーラーを決めておき、その１色の濃淡でカラーコーディネートしていく。
色数が少ないほどクールなデザインが出来上がる。
初心者は、初めは色を使わず白と黒の濃淡だけでデザインできるように訓練していくのが上手くなる近道。

３．テキストや文字のブロックなどのパーツは整理整頓。
整列ウィンドウでパーツを整理して配置する。