Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Prototyping by Adobe Photoshop

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Naoki Kanazawa Naoki Kanazawa
January 21, 2014
Design
150
1

Prototyping by Adobe Photoshop

Tricks of Adobe Photshop for beginners.

Avatar for Naoki Kanazawa

Naoki Kanazawa

January 21, 2014

More Decks by Naoki Kanazawa

See All by Naoki Kanazawa
Design Door - Be Startup
Avatar for Naoki Kanazawa designless
0
89
Design MOCKUP
Avatar for Naoki Kanazawa designless
3
380
Design 4 Hack
Avatar for Naoki Kanazawa designless
2
290
DESIGN FOR EVERYONE
Avatar for Naoki Kanazawa designless
10
570
Document Design by Adobe Illustrator - 1
Avatar for Naoki Kanazawa designless
2
230
Document Design by Adobe Illustrator - 2
Avatar for Naoki Kanazawa designless
0
110
Document Design by Adobe Illustrator - 3
Avatar for Naoki Kanazawa designless
0
110
Prototyping by Adobe Illustrator
Avatar for Naoki Kanazawa designless
1
140
Text Editor for Web Designer
Avatar for Naoki Kanazawa designless
0
120

Other Decks in Design

See All in Design
ISO 9241-171:2025っていうのがあってな
Avatar for Shoji Ohashi shosira
1
270
Edmonton River Slidedeck
Avatar for Edmonton River edmontonriver
0
240
つくり方を変えていく | change-how-we-build
Avatar for mottox2 mottox2
2
1.4k
設計の進め方と 品質特性品質特性
Avatar for harachan harakeishi
0
1.2k
20260309_3月ICTデザイン勉強会_地域創生2.0
Avatar for Kimura Atsunobu a2k
0
180
デザインとフロントエンドの境界が融ける Claude Code × Figma
Avatar for littlebusters littlebusters
2
3.5k
図面資産×AI 眠れる資産を起こす挑戦
Avatar for 青野正寛 aonomasahiro
0
230
2026-04-06 CMU School of Design "Vision-Driven Design"
Avatar for Hiroshi Ishii ishii_mit
0
140
Design dependencies
Avatar for Teba_eleven teba_eleven
0
160
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
Avatar for Tsubasa SEKIGUCHI tinykitten
1
470
TOPOSTOPOS
Avatar for Shohei Yoshida shoheyey
0
170
ClaudeCodeでマーケターの課題を解決する
Avatar for 太田賢一 kenichiota0711
11
14k

Featured

See All Featured
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.3k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.9k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
490
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
6
1.2k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
430
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
510
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
570
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
540
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
720
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
520
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
41
2.7k

Transcript

  1. Adobe® Photoshop® Adobe͓ΑͼPhotoshop͸ɺ Adobe Systems Incorporated ʢΞυϏγεςϜζࣾʣ ͷ঎ඪͰ͢ɻ KDDI Hackathon

    July 25, 2013 Naoki Kanazawa by

  2. ۚᖒ ௚ؽ Naoki Kanazawa designless.net

  3. 1 WORKSPACE 2 TRY&ERROR 3 DESIGN

  4. 1

  5. None
  6. None

  7. ?

  8. !

  9. TOOL Text Shape ͋ A 1

  10. Color, Size, etc... OPTION

  11. PANEL History Information Setting

  12. LAYER Style Adjustment Opacity & Blend Mask

  13. 2

  14. LAYER STYLE START START

  15. None

  16. SMART FILTER or

  17. εϚʔτϑΟϧλʔ༻ʹม׵ ΅͔͠ ʼ ΅͔͠ ʢΨ΢εʣ

  18. ϑΟϧλΪϟϥϦʔ ʼ ΞʔςΟεςΟοΫ ʼ ΧοτΞ΢τ

  19. ϨΠϠʔύωϧ ʼ μϒϧΫϦοΫ

  20. 3

  21. DESIGN UI UX

  22. UI

  23. UX

  24. Appendix

  25. Shortcuts 㵰 + JɿϨΠϠʔͷෳ੡ 㵰 + Tɿࣗ༝มܗ 㵰 + Iɿ

    ֊ௐ൓స 㵰 + 1ɿ 100%දࣔ 㵰 + deleteɿഎܠ৭ͰృΓͭͿ͠

  26. Q Χʔιϧ͕ɹ ʁ A ϨΠϠʔΛΫϦοΫ ʂ ΋͘͠͸ɺ දࣔͯ͠ΈΑ͏ ʂ FAQ

    Q ఺ઢ͕ফ͑ͳ͍ʁ A 㵰ʴDͰબ୒ൣғ͕ফ͑·͢ ʂ Q എܠɹͬ ͯʁ A μϒϧΫϦοΫͰී௨ͷϨΠϠʔʹͳΓ·͢ ʂ

  27. Thank You! ۚᖒ ௚ؽ @designless0 [email protected] http://designless.net