絵描きさんあるあるPhotoshop技

HASHIZUME Yumi 20140613

お前、誰よ

uniq

橋爪由美

夏コミでデザイナー向けGit本だすよ！

萌え絵描きデザイナー

CSS/HTML/djangoテンプレート書いたり、デザイン考えたり

BeProudで働いてます

前はドワンゴ

前の前は、フリーの絵描き

Photoshop and me

始めての出会いはお絵描きでした

お絵描きのおかげでショートカットや機能を覚えることができた

最近のwebデザイン業務は、Photoshopでデザインつくるよりも、コード書いちゃった方が早い…（だから覚えない＞＜）なので、絵描き技以外は詳しくなかったり…

でもでも、他のデザイナーさんの知らない技を知ってるお陰で、ちょっと重宝された事もあったりなかったり

Photoshopで絵を描いてたので、web業界にて生き残れました

Photoshopさん ありがとう！感謝の気持ちをこめて、

絵描きさんPhotoshopあるある技を紹介します

紙に描いてスキャン

iPhoneで撮影することも

Photoshopでペン入れは難しい（出来ないことはないけど…）ので、主線を描いた紙をスキャンして使う

下書きを飛ばす

レベル補正 Command+l

明るさとコントラスト

主線レイヤー作る

カラーモードはRGB

Command+jで背景レイヤーをコピー

Command+alt+5で白が選択されます。Delキーで白部分を削除すれば主線レイヤーの出来上がり。

こんな時に役立ちました！

手書き風イラストが必要な時

カンプ（サイトのレイアウトなど）を準備する時。紙でさくっと書いて、さくっと補正して、さくっと見せる。

ごみがある…あとあと面倒だし

美しく仕上げるために 消したい

ゴミを取る

レイヤー効果の境界線を使って、ゴミを分かりやすくする。

消しゴム（e）でゴミを消す。

選択ツール（m）でゴミを選択して消す。

手のひらツール（h）であちこち移動

こんな時に役立ちました！

イラストや写真きりとる時

印刷用データで、ゴミがないか調べる時（使ってないオブジェクトがたまに残ってたり）

色塗りのためのパーツ分け分かりやすい色で分けると塗り漏れに気づいて良い

タブレットで塗る

Photoshopでも厚塗り・水彩塗りっぽいのは出来ます。

ブラシ設定＞その他＞コントロールを「筆圧」に

ブラシで塗ってる最中はaltキーでスポイトになってくれる

こんな時に役立ちました！

手書き風のイラストが必要な時

写真を手書き風に加工して、ちょっと手を加えたい時

塗った後の仕上げ

このままだと、なんだかのっぺりしてるなーって感じ

塗った後の仕上げはPhotoshop必須だよね！

イラストレイヤーをコピーしてガウスぼかし。乗算で重ねる。

イラストレイヤーをコピーしてガウスぼかし。オーバーレイで重ねる

仕上げ、他にも…

ノイズレイヤーを上から重ねる

フィルター＞描画＞雲模様を上から重ねる

背景との一体感がでたり、メリハリが付いたりする

こんな時に役立ちました！

二枚以上の写真を合成したい時（人物と背景をなじませる）

先方からいただいたイラスト素材を、こちらで用意した別素材とで、なじませる

そんなこんなで完成＼(^o^)／

ありがとうございましたPhotoshop and me