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

Using Photoshop & Illustrator Properly

Avatar for Naoki Kanazawa Naoki Kanazawa
January 21, 2014
Design
0
96

Using Photoshop & Illustrator Properly

Slides for schoo WEB-campus
http://schoo.jp/class/280

Avatar for Naoki Kanazawa

Naoki Kanazawa

January 21, 2014
Tweet

More Decks by Naoki Kanazawa

See All by Naoki Kanazawa
Design Door - Be Startup
Avatar for Naoki Kanazawa designless
0
79
Design MOCKUP
Avatar for Naoki Kanazawa designless
3
370
Design 4 Hack
Avatar for Naoki Kanazawa designless
2
280
DESIGN FOR EVERYONE
Avatar for Naoki Kanazawa designless
10
560
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
100
Document Design by Adobe Illustrator - 3
Avatar for Naoki Kanazawa designless
0
100
Prototyping by Adobe Photoshop
Avatar for Naoki Kanazawa designless
1
140
Prototyping by Adobe Illustrator
Avatar for Naoki Kanazawa designless
1
130

Other Decks in Design

See All in Design
AI時代に、僕たちデザイナーはどう歩むか
Avatar for kim kazuhirokimura
0
340
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
Avatar for Saiko.T _psyc0_
0
280
What makes a great Director?
Avatar for _Limex_ _limex_
0
130
エンジニアでも捗る デザイナー的思考入門
Avatar for Tsubasa SEKIGUCHI tinykitten
1
1.2k
Crisp Code inc. ブランドガイドライン
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
200
Findyのプロデチームの 歩みとこれから
Avatar for Satty satty9556
0
250
portfolio.pdf
Avatar for Fumitaka Ono onof003
0
150
freee + Product Design FY25Q4
Avatar for freee freee
4
15k
ランドマークが光る！季節を彩るナビ体験 - Mobility Night #3 -
Avatar for tetsuya kitauji kitau
0
110
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ！
Avatar for Akiko Kurono cremacrema
0
1.5k
Marpで推しCSSスライドを作ろう！ / marp-with-favorite-css
Avatar for ふじえもん fujiemon
0
510
読書シェア会 vol.5 / Yumemi.grow 20250526
Avatar for Rakus_Dev rakus_dev
0
1.7k

Featured

See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
23
1.4k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
1.1k
It's Worth the Effort
Avatar for 3n 3n
187
28k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
50k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
87
4.8k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
283
13k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k

Transcript

  1. ͷ ࢖͍෼͚ ΛֶͿ schoo WEB-campus 2013೥11݄24೔ ۚᖒ௚ؽ Adobe® Illustrator® Adobe®

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

  2. Naoki Kanazawa http://designless.net

  3. ? PhotoshopͱIllustrator ͲͪΒ͕޷͖Ͱ͔͢

  4. WebσβΠϯࢹ఺͔Βͷ ҙ༁ΛؚΈ·͢

  5. 1 ࢹ֮Խ 2 Ps ɾ Aiͷੑ֨ 3 έʔεελσΟ 4 ੈք؍

  6. 1 ࢹ֮Խ

  7. ݪଇ

  8. ৭

  9. จࣈ ͋ ͋ ͋

  10. ࣸਅ

  11. ΞΠσΞ

  12. 2 Ps ɾ Aiͷੑ֨

  13. Photoshop

  14. ޫ

  15. ϐΫηϧͷਫ਼ࡉ͞

  16. ϨΠϠʔ º νϟϯωϧ

  17. ௐ੔ϨΠϠʔ ϨΠϠʔϚεΫ Demo

  18. Illustrator

  19. ܗ

  20. ύεͷ൚༻ੑ

  21. ΦϒδΣΫτ º ΞϐΞϥϯε

  22. Demo ݸผʹมܗ ύεͷมܗ

  23. 3 έʔεελσΟ

  24. Case 1 ϨΠΞ΢τ

  25. Case 1 1T ˠ ΨΠυ "J ˠ ஈ૊ઃఆ

  26. ࣸਅ͔Βϩΰ Case 2

  27. Case 2 1T ˠ ࣸਅิਖ਼ "J ˠ τϨʔε

  28. ΩʔϏδϡΞϧ Case 3

  29. Case 3 1T ˠ ϑΟϧλ "J ˠ λΠϙάϥϑΟ

  30. Case 4 N ov, 2013 SPE C IA L TY

    C O FFE E όφʔ

  31. Case 4 1T ˠ ςΫενϟ "J ˠ ύεϑΝΠϯμʔ

  32. 4 ੈք؍

  33. ? ࢴͱͷҧ͍

  34. ̌ˠ̍

  35. None

  36. ? ࣭ٙԠ౴

  37. ? Ps & Ai ޷͖ͳػೳͱཧ༝ Ϩϙʔτ՝୊

  38. Thank You!