井上のきあさんによる「同じデザインで名刺をPhotoshopとIllustratorで作って作業を比較してみる」Tips

出力すると同じものではありますが、PhotoshopとIllustratorとではどのように作業の違いがあるのかを デザイナーの井上のきあさんが実際に作成しながら解説してくださっています。 両方のツールの初心者さんや、どちらかを購入しようと思っている方にも有用な情報ではないでしょうか。 位置揃えやトンボの設定など、知ってて得するチョイ技も貴重です。
145
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

このあいだシェイプレイヤー化した素材で名刺つくるよ アプリはフォトショ http://twitpic.com/3yax26

2011-02-10 23:24:45
拡大
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

幅90mm高さ55mmのファイルつくって(解像度は300もあれば十分ですが心配なひとは350にしてもいいかも) シェイプレイヤーをこのファイルにドラッグ http://twitpic.com/3yay7s

2011-02-10 23:28:35
拡大
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

ざっくり要素の大きさを調整してみます 文字サイズは差をつけたほうがメリハリとか重要度がわかりやすいです こんなかんじでマークとかある場合は ヘルベチカとかのセリフ(ヒゲ)のないフォントを選んだほうがすっきりするかも http://twitpic.com/3yb1f3

2011-02-10 23:38:34
拡大
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

文字レイヤー「CHINO」を選択して、すべてを選択で選択範囲つくって [垂直方向中央揃え]をクリックすると (ツールは移動ツール選択しないとこのボタンでない) http://twitpic.com/3yb3gf

2011-02-10 23:44:37
拡大
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

「CHINO YUKIMIYA」の位置が縦方向の中央に揃うのですね(わかりづらいけど beforeをもっとおもいっきり違うとこに置いとくとよかったんだけど) http://twitpic.com/3yb4oo

2011-02-10 23:48:15
拡大
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

せっかくなのでマークにイニシャル入れてみます 文字はわかりやすいように赤字にしてます あとでシェイプレイヤーに持っていきます http://twitpic.com/3yb7ai

2011-02-10 23:56:31
拡大
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

レイヤーメニューからシェイプに変換を選択してこれもシェイプレイヤーにします http://twitpic.com/3yb8c7

2011-02-10 23:59:49
拡大
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

マークのベクトルマスクを選択してペーストってやると 同じ位置にペーストされます 元の赤字レイヤーは非表示にしてあります http://twitpic.com/3yb9j4

2011-02-11 00:03:15
拡大
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

印刷用のファイルを別につくります  A4を想定すると 横に2つ縦に5つ並べることができるので それにぴったり合わせたサイズの幅180mm高さ275mm(ごめんキャプチャ間違えてる)さっきと同じ解像度でファイルつくります http://twitpic.com/3ybcqc

2011-02-11 00:12:45
拡大
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

作業用ファイルにペーストします バウンディングボックスを表示にしとくと境界がわかりやすいです あとレイヤー自動選択にしてたほうがらく http://twitpic.com/3ybdpe

2011-02-11 00:15:44
拡大
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

そうすると、ドキュメントの端とか画像の端とかにスナップされるのでならべやすいです altキー押しながらドラッグするとどんどん複製されてきます http://twitpic.com/3ybeto

2011-02-11 00:19:00
拡大
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

ピンクの部分が拡張した部分 いまわかりやすいようにべた塗りレイヤーで色つけてますが印刷のときは非表示にします http://twitpic.com/3ybhcs

2011-02-11 00:26:48
拡大
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

この垂直線を名刺より上の余白に移動したあと 左端をそろえる名刺を一緒に選択して [左端揃え]をクリックします http://twitpic.com/3ybjlz

2011-02-11 00:33:23
拡大