SNSでもWebサイトでも、 目を惹くイラストのつくり方

2018/7/7　contents.nagoya（コンテンツドットナゴヤ）でお話ししたスライドです。
http://contents.nagoya/

Transcript

1. 4/4Ͱ΋8FCαΠτͰ΋ɺ
   ໨Λऒ͘Πϥετͷͭ͘Γํ
   

   View Slide

2. ֯ాҁՂ ͢Έͩ͋΍͔
   8FCσβΠφʔ ΠϥετϨʔλʔ
   ೥ɹϑϦʔϥϯε TQJDBHSBQI
   
   ೥ɹגࣜձࣾΩςϨπϝϯόʔ
   ϋογϡλά͸
   DPOUFOUT
   

   View Slide

3. ࢓ࣄͰ΋
   

   View Slide

4. 5XJUUFSͰެ։த
   σβΠφʔͷ
   ൿີಓ۩
   4
   #
   ?
   ϓϥΠϕʔτͰ΋ɺֆΛඳ͔ͳ͍೔͸ͳ͍
   

   View Slide

5. ΠλϦΞਓΛറΔͱ
   ʁ
   

   View Slide

6. ΠλϦΞਓΛറΔͱ
   ʁ
   

   View Slide

7. Θͨ͠ʹͱͬͯΠϥετ͸
   ʮݴޠʯ
   ͷͻͱͭ
   ఻͑ΔσβΠϯͷ
   ʮಓ۩ʯ
   ͷͻͱͭ
   ͑ʔͱ
   ͦͷʔʜ
   ε
   ϥ
   ε
   ϥ
   ε
   ϥ
   

   View Slide

8. ͖
   Ỷ
   ͏
   ͷ
   ͓
   ͸
   ͳ
   ͠
   Θͨ͠ͷΠϥετͷ࡞Γํ
   ΠϥετԽͷϙΠϯτ
   Πϥετͷʮৄࡉ౓ʯ
   4/4ͱΠϥετ
   01
   02
   03
   04
   

   View Slide

9. Θͨ͠ͷΠϥετͷ࡞Γํ
   01
   

   View Slide

10. ΠϥετΛґཔ͞ΕͨΒɺ
    ·ͣ͢Δ͜ͱ
    ͓Ֆݟͷ
    Πϥε
    τ
    ྫ͑͹
    

    View Slide

11. ը૾ݕࡧ
    ύΫϦ͡Όͳ͍Α
    ʁ
    ʂ
    

    View Slide

12. Πϥετ͸Πϝʔδͷ࠷খެ໿਺
    ʮϙϐϡϥʔͳϞνʔϑʯΛ஌Δ
    ࡩͷ໦
    Ո଒ͮΕ
    ࡩ໫
    

    View Slide

13. Πϥετ͸Πϝʔδͷ࠷খެ໿਺
    ʮ஍Ҭੑʯ͕͋Δ͔ௐ΂Δ
    

    View Slide

14. ΠϥετԽͷϙΠϯτ
    02
    

    View Slide

15. ͏͢໨ ͬ͘͡
    Γ
    ର৅ΛΑ͘؍࡯͠Α͏
    

    View Slide

16. ͏͢໨
    ໨ΛࡉΊͯݟͯ΋ܗ͕Θ͔Δಛ௃తͳܗʹ؆ུԽ͢Δ
    

    View Slide

17. ͬ͘͡
    Γ
    ʮͦΕΒ͠͞ʯΛͭ͘
    Δಛ௃తͳཁૉΛݟ͚ͭΔ
    

    View Slide

18. ྫ͑͹
    ΤοϑΣϧౝ
    

    View Slide

19. 
    
    
    ͏͢໨ ͬ͘͡
    Γ
    

    View Slide

20. View Slide

21. ৘ใΛ͏·ؒ͘Ҿ͘
    ਺ΛݮΒͤΔ΋ͷ ਺ΛݮΒͤͳ͍΋ͷ ·ͱΊΔ͜ͱ͸Ͱ͖Δ
    

    View Slide

22. Πϥετͷදݱͷछྨ
    

    View Slide

23. ઢʴృΓͷΠϥετྫ
    ˇ
    ૬
    ੑ
    ྑ
    

    View Slide

24. Πϥετͷ
    ʮৄࡉ౓ʯ
    03
    

    View Slide

25. Πϥετͷৄࡉ౓
    

    View Slide

26. ୅͘
    Β͍
    ΞδΞܥ
    ελΠϧ͕͍͍
    ਗ਼ુͳײ͡
    0-΍ͬͯͦ͏
    ͍͍͓Շ͞ΜʹͳΓͦ͏
    সإ͕͔Θ͍͍
    ͓Μͳʜͷ͜
    ʁ
    

    View Slide

27. ʮݏΘΕͳ͍ʯʹ
    ಛԽͨ͠ܗ
    ʮ͔Θ͍͍ʯͷ
    ϋʔυϧ͕ߴ͍
    ৄࡉ౓͕ߴ͍ ৄࡉ౓͕௿͍
    

    View Slide

28. লεϖʔε
    

    View Slide

29. Ͱ΋ϤΨͰ͖ͳ͍
    

    View Slide

30. ࠷ۙͷΘͨ͠
    ༨ஊͰ͕͢
    

    View Slide

31. View Slide

32. ʮαΠϯʯ
    ͱ
    ʮΠϝʔδʯͷΠϥετ
    

    View Slide

33. 4/4ͱΠϥετ
    04
    

    View Slide

34. ʁ
    ό
    γ
    ỽ
    

    View Slide

35. ͔Θ͍͍͔Β
    

    View Slide

36. View Slide

37. πΠʔ
    τ
    ڵຯ
    ͋Γ
    ڵຯ
    ͋Γ
    ຯ
    ͋Γ
    ڵຯ
    ͋Γ
    ڵຯ
    ͋Γ
    ڵຯ
    ͋Γ
    ڵຯ
    ͋Γ
    ڵຯ
    ͋Γ
    ڵຯ͕
    ബ
    Ε
    ͯ
    ͍
    ͘
    ʮγΣΞʯͷΠϝʔδ
    ڵຯ
    ͋Γ
    ڵຯ
    ͋Γ
    ڵຯ
    ͋Γ
    

    View Slide

38. πΠʔ
    τ
    Θͨ͠ͷʮγΣΞʯͷΠϝʔδ
    ͓΋͠Ζ͍
    ͓΋͠Ζ͍
    ͓΋͠Ζ͍
    ͓΋͠Ζ͍
    ֆ͕
    ޷͖
    ֆ͕
    ޷͖
    ֆ͕
    ޷͖
    ֆ͕
    ޷͖
    ֆ͕
    ޷͖
    ڵຯ
    ͋Γ
    ڵຯ
    ͋Γ
    ڵຯ
    ͋Γ
    ڵຯ
    ͋Γ
    ڵຯ
    ͋Γ
    ڵຯ
    ͋Γ
    ڵຯ
    ͋Γ
    ڵຯ
    ͋Γ
    ڵຯ
    ͋Γ
    

    View Slide

39. ʮ޷͖ʯΛੜΉɺ
    ʮγΣΞ͢ΔʯಈػʹͳΔ͔΋
    ͜Ε͸
    ͍͍৘ใ
    ʂ
    ͔Θ͍͍Ͷ ͸
    ͍
    

    View Slide

40. View Slide

41. View Slide

42. γϛϡϥΫϥݱ৅
    ͭͷ఺Λʮਓͷإʯͱ
    ͯ͠ೝࣝ͢Δ೴ͷݱ৅
    ਓ͸ʮ໨ʯΛݟͯײ৘Λ൑அ͢Δ
    

    View Slide

43. DPOUFOUTOBHPZB͸
    ָ͍͠Πϕϯ
    τͰ͢
    DPOUFOUTOBHPZB͸
    ָ͍͠Πϕϯ
    τͰ͢
    

    View Slide

44. ਧ͖ग़͠ޮՌ
    ਧ͖ग़͠ͰғΉ͚ͩͰςΩε
    τʹײ৘͕৐Δ
    উखʹ໋໊
    

    View Slide

45. ςΩε
    τͱؙ͚ͩͰ
    ອըදݱ͸Ͱ͖Δ
    ςΩε
    τͱʜ
    ؙ͚ͩͰʜ
    ອըදݱ͸
    Ͱ͖Δ
    

    View Slide

46. ະདྷ աڈ ະདྷ
    աڈ
    ॎॻ͖ͱ
    ૬ੑѱ͍ʜ
    

    View Slide

47. ͬͪ͜༏ઌ͕
    ͓͢͢Ί
    ॎߏਤ
    จࣈେ͖Ί
    αΠζΛଗ͑Δ
    

    View Slide

48. ͳͥσβΠφʔ͕ʮίϯςϯπʯΛൃ৴͢Δͷ͔
    ඒຯͦ͠͏
    ͡Όͳ͍ʁ
    ೶Ոͷਓ͕
    ৯΂ͯΔ໺ࡊ
    

    View Slide

49. Ͳ͔͜Β͕ʮίϯςϯπʯͳͷ͔
    

    View Slide

50. !TQJDBHSBQI
    ͋Γ͕ͱ͏͍͟͝·ͨ͠
    

    View Slide