Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

Using Photoshop & Illustrator Properly

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

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
1年目デザイナーが実践する、チーム貢献のための2つのアプローチ
Avatar for kinomi kinomidesign
0
130
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう！
Avatar for コネクリ connecre
1
180
ドルちゃん
Avatar for ドルちゃん design_dolphins
0
490
Correspondence：共に生成していく過程
Avatar for Akira Motomura akiramotomura
0
130
新しいデザインの難しさ（公開版） / Difficulties in the New Design (public ver.)
Avatar for usagimaru usagimaru
2
960
数理的アプローチで挑むスマホUIのデザイン改善：タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
930
AI時代に問われる、リサーチの感受性──地域⇄大企業の現場から見えた「違和感」との向き合い方
Avatar for Muture muture
PRO
0
210
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
340
Findyのプロデチームの 歩みとこれから
Avatar for Satty satty9556
0
340
プロダクトリニューアルと同時に進める初めてのデザインシステム
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
180
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
360
「自分の仕事はどこまで？」と問い続けたら。デザイナーの「視座」を考える
Avatar for Takeru Mukai mukai_takeru
0
250

Featured

See All Featured
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.7k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
34
2.3k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.1k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
7k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Visualization
Avatar for Eitan Lees eitanlees
150
16k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
127
54k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k

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!