絵描きさんあるあるPhotoshop技 DIST3

1,867 views

Published on

Published in: Art & Photos
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,867
On SlideShare
0
From Embeds
0
Number of Embeds
476
Actions
Shares
0
Downloads
5
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide

絵描きさんあるあるPhotoshop技 DIST3

  1. 1. 絵描きさんあるある Photoshop技 HASHIZUME Yumi 20140613
  2. 2. お前、誰よ uniq 橋爪由美 夏コミでデザイナー向けGit本だ すよ! 萌え絵描きデザイナー CSS/HTML/djangoテンプレート 書いたり、デザイン考えたり BeProudで働いてます 前はドワンゴ 前の前は、
 フリーの絵描き
  3. 3. Photoshop and me 始めての出会いはお絵描きでした お絵描きのおかげでショートカットや機能を覚えること ができた 最近のwebデザイン業務は、
 Photoshopでデザインつくるよりも、コード書いちゃっ た方が早い…(だから覚えない><)
 なので、絵描き技以外は詳しくなかったり… でもでも、他のデザイナーさんの知らない技を知ってる お陰で、ちょっと重宝された事もあったりなかったり
  4. 4. Photoshopで絵を描いてたので、 web業界にて生き残れました
  5. 5. Photoshopさん ありがとう! 感謝の気持ちをこめて、
 絵描きさんPhotoshopあるある技を紹介します
  6. 6. 紙に描いてスキャン iPhoneで撮影することも Photoshopでペン入れは 難しい(出来ないことは ないけど…)ので、主線 を描いた紙をスキャンし て使う
  7. 7. 下書きを飛ばす レベル補正 Command+l 明るさとコントラスト
  8. 8. 主線レイヤー作る カラーモードはRGB Command+jで背景レイ ヤーをコピー Command+alt+5で白が 選択されます。Delキー で白部分を削除すれば主 線レイヤーの出来上がり。
  9. 9. こんな時に役立ちました! 手書き風イラストが必要な時 カンプ(サイトのレイアウトなど)を準備する時。
 紙でさくっと書いて、さくっと補正して、さくっと 見せる。
  10. 10. ごみがある… あとあと面倒だし 美しく仕上げるために 消したい
  11. 11. ゴミを取る レイヤー効果の境界線を 使って、ゴミを分かりや すくする。 消しゴム(e)でゴミを 消す。 選択ツール(m)でゴミ を選択して消す。 手のひらツール(h)で あちこち移動
  12. 12. こんな時に役立ちました! イラストや写真きりとる時 印刷用データで、ゴミがないか調べる時
 (使ってないオブジェクトがたまに残ってたり)
  13. 13. 色塗りのためのパーツ分け 分かりやすい色で分けると塗り漏れに気づいて良い
  14. 14. タブレットで塗る Photoshopでも厚塗り・ 水彩塗りっぽいのは出来 ます。 ブラシ設定>その他>コ ントロールを「筆圧」に ブラシで塗ってる最中は altキーでスポイトに なってくれる
  15. 15. こんな時に役立ちました! 手書き風のイラストが必 要な時 写真を手書き風に加工し て、ちょっと手を加えた い時
  16. 16. 塗った後の仕上げ このままだと、なんだか のっぺりしてるなーって 感じ 塗った後の仕上げは Photoshop必須だよね!
  17. 17. イラストレイヤーをコピーしてガウスぼかし。乗算で重ねる。
  18. 18. イラストレイヤーをコピーしてガウスぼかし。オーバーレイで重ねる
  19. 19. 仕上げ、他にも… ノイズレイヤーを上から重ねる フィルター>描画>雲模様を上から重ねる
 
 背景との一体感がでたり、メリハリが付いたりする
  20. 20. こんな時に役立ちました! 二枚以上の写真を合成したい時(人物と背景をなじ ませる) 先方からいただいたイラスト素材を、こちらで用意 した別素材とで、なじませる
  21. 21. そんなこんなで完成 \(^o^)/
  22. 22. ありがとうございました Photoshop and me

×