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

Using Photoshop & Illustrator Properly

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
100
0

Using Photoshop & Illustrator Properly

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

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
85
Design MOCKUP
Avatar for Naoki Kanazawa designless
3
380
Design 4 Hack
Avatar for Naoki Kanazawa designless
2
280
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 Photoshop
Avatar for Naoki Kanazawa designless
1
150
Prototyping by Adobe Illustrator
Avatar for Naoki Kanazawa designless
1
130

Other Decks in Design

See All in Design
情報を翻訳する-伝わる可視化３原則とオープンデータ活用-
Avatar for Hajime Kato hjmkth
1
310
Signull 団体説明資料
Avatar for Signull signull
0
720
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは？～操作を減らし、成果を最大にするための設計～
Avatar for NCDC ncdc
1
700
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.7k
hicard_credential_202601
Avatar for hicard hicard
0
260
【優秀賞＋特別賞】くまモン食いしん坊弁当「くまモンの魔法の柑橘弁当」最終審査資料
Avatar for Shoko shoko_seven11
0
220
ClaudeCodeでマーケターの課題を解決する
Avatar for 太田賢一 kenichiota0711
11
14k
「惜しいデザイン」 を生み出さないための AIレビューループ
Avatar for Kazuhiro Tobita 0b1tk
2
2.5k
test deck title
Avatar for Shota Matsuo shotamatsuo
0
1.5k
2026年の勢い / Momentum for 2026
Avatar for bebe bebe
0
500
CULTURE DECK／Marketing Director
Avatar for M-HAND,Inc. mhand01
0
1.4k
設計と制作 意図を形に表す / Design and Making: Intent Made Form
Avatar for usagimaru usagimaru
3
2k

Featured

See All Featured
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
560
New Earth Scene 8
Avatar for Sydney Stone popppiees
3
2.4k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
510
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
400
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.3k
Visualization
Avatar for Eitan Lees eitanlees
152
17k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6.2k
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.2k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
1k
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
118
120k

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!