prototyping by adobe photoshop

27
Adobe ® Photoshop ® AdobeおよびPhotoshopは、 Adobe Systems Incorporated (アドビシステムズ社)の商標です。 KDDI Hackathon July 25, 2013 Naoki Kanazawa by

Upload: naoki-kanazawa

Post on 30-Jun-2015

260 views

Category:

Design


0 download

DESCRIPTION

Tricks of Adobe Photshop for beginners.

TRANSCRIPT

Page 1: Prototyping by Adobe Photoshop

Adobe® Photoshop®

AdobeおよびPhotoshopは、Adobe Systems Incorporated(アドビシステムズ社)の商標です。

KDDI HackathonJuly 25, 2013Naoki Kanazawa

by

Page 2: Prototyping by Adobe Photoshop

金澤 直毅Naoki Kanazawa

designless.net

Page 3: Prototyping by Adobe Photoshop

1 WORKSPACE

2 TRY&ERROR

3 DESIGN

Page 4: Prototyping by Adobe Photoshop

1

Page 5: Prototyping by Adobe Photoshop
Page 6: Prototyping by Adobe Photoshop
Page 7: Prototyping by Adobe Photoshop

?

Page 8: Prototyping by Adobe Photoshop

!

Page 9: Prototyping by Adobe Photoshop

TOOL

Text

Shape

あA 1

Page 10: Prototyping by Adobe Photoshop

Color, Size, etc...

OPTION

Page 11: Prototyping by Adobe Photoshop

PANELHistory

Information

Setting

Page 12: Prototyping by Adobe Photoshop

LAYERStyle

Adjustment

Opacity & Blend

Mask

Page 13: Prototyping by Adobe Photoshop

2

Page 14: Prototyping by Adobe Photoshop

LAYER STYLESTART

START

Page 15: Prototyping by Adobe Photoshop
Page 16: Prototyping by Adobe Photoshop

SMART FILTER

or

Page 17: Prototyping by Adobe Photoshop

スマートフィルター用に変換

ぼかし > ぼかし(ガウス)

Page 18: Prototyping by Adobe Photoshop

フィルタギャラリー > アーティスティック > カットアウト

Page 19: Prototyping by Adobe Photoshop

レイヤーパネル > ダブルクリック

Page 20: Prototyping by Adobe Photoshop

3

Page 21: Prototyping by Adobe Photoshop

DESIGNUI UX

Page 22: Prototyping by Adobe Photoshop

UI

Page 23: Prototyping by Adobe Photoshop

UX

Page 24: Prototyping by Adobe Photoshop

Appendix

Page 25: Prototyping by Adobe Photoshop

Shortcuts⌘ + J:レイヤーの複製⌘ + T:自由変形⌘ + I: 階調反転⌘ + 1: 100%表示⌘ + delete:背景色で塗りつぶし

Page 26: Prototyping by Adobe Photoshop

Q カーソルが  ?A レイヤーをクリック!もしくは、表示してみよう!

FAQ

Q 点線が消えない?A ⌘+Dで選択範囲が消えます!

Q 背景 って?A ダブルクリックで普通のレイヤーになります!

Page 27: Prototyping by Adobe Photoshop

Thank You!金澤 直毅@designless0

[email protected]

http://designless.net