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

出力すると同じものではありますが、PhotoshopとIllustratorとではどのように作業の違いがあるのかを デザイナーの井上のきあさんが実際に作成しながら解説してくださっています。 両方のツールの初心者さんや、どちらかを購入しようと思っている方にも有用な情報ではないでしょうか。 位置揃えやトンボの設定など、知ってて得するチョイ技も貴重です。
デザイン TIPS Photoshop 井上のきあ Illustrator
141
井上のきあ@GRAPHIC DESIGN METHOD @yue9
このあいだシェイプレイヤー化した素材で名刺つくるよ アプリはフォトショ http://twitpic.com/3yax26
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
幅90mm高さ55mmのファイルつくって(解像度は300もあれば十分ですが心配なひとは350にしてもいいかも) シェイプレイヤーをこのファイルにドラッグ http://twitpic.com/3yay7s
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
ざっくり要素の大きさを調整してみます 文字サイズは差をつけたほうがメリハリとか重要度がわかりやすいです こんなかんじでマークとかある場合は ヘルベチカとかのセリフ(ヒゲ)のないフォントを選んだほうがすっきりするかも http://twitpic.com/3yb1f3
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
個人的趣味ですがオプティカルを選ぶとわりと締まった詰めになるかと http://twitpic.com/3yb242
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
文字レイヤー「CHINO」を選択して、すべてを選択で選択範囲つくって [垂直方向中央揃え]をクリックすると (ツールは移動ツール選択しないとこのボタンでない) http://twitpic.com/3yb3gf
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
「CHINO YUKIMIYA」の位置が縦方向の中央に揃うのですね(わかりづらいけど beforeをもっとおもいっきり違うとこに置いとくとよかったんだけど) http://twitpic.com/3yb4oo
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
文字レイヤー2つ選択して[左端揃え]をクリックすると http://twitpic.com/3yb5ao
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
せっかくなのでマークにイニシャル入れてみます 文字はわかりやすいように赤字にしてます あとでシェイプレイヤーに持っていきます http://twitpic.com/3yb7ai
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
レイヤーメニューからシェイプに変換を選択してこれもシェイプレイヤーにします http://twitpic.com/3yb8c7
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
変換直後はベクトルマスクが選択されてる状態なのでそのままコピーして http://twitpic.com/3yb8yx
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
マークのベクトルマスクを選択してペーストってやると 同じ位置にペーストされます 元の赤字レイヤーは非表示にしてあります http://twitpic.com/3yb9j4
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
印刷用のファイルを別につくります  A4を想定すると 横に2つ縦に5つ並べることができるので それにぴったり合わせたサイズの幅180mm高さ275mm(ごめんキャプチャ間違えてる)さっきと同じ解像度でファイルつくります http://twitpic.com/3ybcqc
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
すべてを選択で選択範囲つくって結合部分をコピーして http://twitpic.com/3ybd3e
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
作業用ファイルにペーストします バウンディングボックスを表示にしとくと境界がわかりやすいです あとレイヤー自動選択にしてたほうがらく http://twitpic.com/3ybdpe
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
計算があってるとたぶん正確にならんでるはずなんですよね http://twitpic.com/3ybfmz
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
そうすると、ドキュメントの端とか画像の端とかにスナップされるのでならべやすいです altキー押しながらドラッグするとどんどん複製されてきます http://twitpic.com/3ybeto
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
トンボひくためにカンバスをひろげます http://twitpic.com/3ybglq
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
ピンクの部分が拡張した部分 いまわかりやすいようにべた塗りレイヤーで色つけてますが印刷のときは非表示にします http://twitpic.com/3ybhcs
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
この垂直線を名刺より上の余白に移動したあと 左端をそろえる名刺を一緒に選択して [左端揃え]をクリックします http://twitpic.com/3ybjlz
拡大
残りを読む(44)

コメント

コメントがまだありません。感想を最初に伝えてみませんか?

いまツイッターで話題の記事

ログインして広告を非表示にする
ログインして広告を非表示にする