1. 絵描きさんあるある
Photoshop技
HASHIZUME Yumi
20140613

2. お前、誰よ
uniq
橋爪由美
夏コミでデザイナー向けGit本だ
すよ！
萌え絵描きデザイナー
CSS/HTML/djangoテンプレート
書いたり、デザイン考えたり
BeProudで働いてます
前はドワンゴ
前の前は、
フリーの絵描き

3. Photoshop and me
始めての出会いはお絵描きでした
お絵描きのおかげでショートカットや機能を覚えること
ができた
最近のwebデザイン業務は、
Photoshopでデザインつくるよりも、コード書いちゃっ
た方が早い…（だから覚えない＞＜）
なので、絵描き技以外は詳しくなかったり…
でもでも、他のデザイナーさんの知らない技を知ってる
お陰で、ちょっと重宝された事もあったりなかったり

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

5. Photoshopさん
ありがとう！
感謝の気持ちをこめて、
絵描きさんPhotoshopあるある技を紹介します

6. 紙に描いてスキャン
iPhoneで撮影することも
Photoshopでペン入れは
難しい（出来ないことは
ないけど…）ので、主線
を描いた紙をスキャンし
て使う

7. 下書きを飛ばす
レベル補正 Command+l
明るさとコントラスト

8. 主線レイヤー作る
カラーモードはRGB
Command+jで背景レイ
ヤーをコピー
Command+alt+5で白が
選択されます。Delキー
で白部分を削除すれば主
線レイヤーの出来上がり。

9. こんな時に役立ちました！
手書き風イラストが必要な時
カンプ（サイトのレイアウトなど）を準備する時。
紙でさくっと書いて、さくっと補正して、さくっと
見せる。

10. ごみがある…
あとあと面倒だし
美しく仕上げるために
消したい

11. ゴミを取る
レイヤー効果の境界線を
使って、ゴミを分かりや
すくする。
消しゴム（e）でゴミを
消す。
選択ツール（m）でゴミ
を選択して消す。
手のひらツール（h）で
あちこち移動

12. こんな時に役立ちました！
イラストや写真きりとる時
印刷用データで、ゴミがないか調べる時
（使ってないオブジェクトがたまに残ってたり）

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

14. タブレットで塗る
Photoshopでも厚塗り・
水彩塗りっぽいのは出来
ます。
ブラシ設定＞その他＞コ
ントロールを「筆圧」に
ブラシで塗ってる最中は
altキーでスポイトに
なってくれる

15. こんな時に役立ちました！
手書き風のイラストが必
要な時
写真を手書き風に加工し
て、ちょっと手を加えた
い時

16. 塗った後の仕上げ
このままだと、なんだか
のっぺりしてるなーって
感じ
塗った後の仕上げは
Photoshop必須だよね！

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

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

19. 仕上げ、他にも…
ノイズレイヤーを上から重ねる
フィルター＞描画＞雲模様を上から重ねる
背景との一体感がでたり、メリハリが付いたりする

20. こんな時に役立ちました！
二枚以上の写真を合成したい時（人物と背景をなじ
ませる）
先方からいただいたイラスト素材を、こちらで用意
した別素材とで、なじませる

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

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