Making of App Previews

iOS Creators' Meetup vol.1での発表したApp Previewsの制作方法についてのスライドです http://oi-study.connpass.com/event/32826/

実際に制作したものはこちら https://www.youtube.com/watch?v=EtDyguFqkGk

Transcript

1. .BLJOHPG"QQ1SFWJFXT
   J04$SFBUPST.FFUVQWPM
   .PUPLJ/BSJUB
   !NP@UP@
   

   View Slide

2. ࣗݾ঺հ
   w ੒ాݩًʢͳΓͨ΋ͱ͖ʣ
   w !NP@UP@
   w )0.&`4ͷJ04ΤϯδχΞ
   w ݸਓͰ΋ΧϝϥΞϓϦΛ࡞ͬͨΓ
   w J04ΤϯδχΞʹͳΔ೥ͪΐͬͱલ·Ͱ͸ςϨϏؔ܎ͷ
   άϥϑΟοΫؔ܎ͷ࢓ࣄΛ͍ͯͯ͠ɺ$(࡞ͬͨΓ͍ͯ͠
   ·ͨ͠
   

   View Slide

3. "QQ1SFWJFXT
   

   View Slide

4. "QQ1SFWJFXTͱ͸
   w "QQ4UPSFͷΞϓϦ঺հϖʔδ্ͰΞϓϦͷػೳ΍
   ࢖͍ํΛ঺հ͢ΔͨΊͷγϣʔτϏσΦ
   w ͋͘·Ͱ΋ΞϓϦͷػೳΛ঺հ͢ΔͨΊͷ΋ͷ
   w ೥ʹ௥Ճ͞Εͨػೳ
   w ಈըͷ௕͞͸ඵ͔Βඵ
   w J04 UW04ʹରԠ
   

   View Slide

5. View Slide

6. .BLJOHPG"QQ1SFWJFXT
   

   View Slide

7. جຊతͳྲྀΕ
   

   View Slide

8. جຊతͳྲྀΕ
   ֆίϯς࡞੒
   Ωϟϓνϟ
   ฤू
   ϨϯμϦϯά
   

   View Slide

9. ֆίϯς࡞੒
   

   View Slide

10. ֆίϯς࡞੒
    w ίϚອըΛॻ͘ײ͡ͰϜʔϏʔͷશ
    ମతͳྲྀΕΛ೺ѲͰ͖ΔΑ͏ʹॻ͘
    w શମͷྲྀΕͱɺͲͷΑ͏ͳө૾͕ඞ
    ཁʹͳΔ͔Λ໌Β͔ʹ͢Δʢৄࡉʹ
    ॻ͖ࠐΉඞཁͳ͠ʣ
    w lֆίϯςςϯϓϨʔτzͱ͔Ͱάά
    ΔͱϑϦʔͷςϯϓϨʔτ͕͋Δ
    w ͜ͷ࣌఺Ͱ#(.ͷબఆ͕Ͱ͖͍ͯΔ
    ͱΠϝʔδ͠΍͍͔͢΋
    w ϖʔύʔϓϩτλΠϐϯάͱಉ͡
    TITLE TOTAL
    ／
    CUT PICTURE ACTION DIALOGUE TIME
    Α͘܇࿅͞Εͨૉࡐ԰ʢIUUQNBUFSJBMBOJNFIBDLKQUPPMT@DVUTIFFUIUNMʣΑΓ
    

    View Slide

11. #(.
    

    View Slide

12. ͓͢͢Ί͸BVEJPKVOHMF
    

    View Slide

13. ϥΠηϯεʙ͘Β͍ͰߪೖՄೳ
    

    View Slide

14. ۂͷงғؾͰߜΓࠐΈ͕Ͱ͖Δ
    

    View Slide

15. w ඵɺඵͱ͍͏ई͸ΞϓϦͷػೳΛઆ໌͢Δʹ͸͔ͳ
    Γ୹͍
    w ͢΂ͯͷػೳΛઆ໌͢Δ͜ͱ͸Ͱ͖ͳ͍ͷͰɺॏཁͳػೳ
    ͚ͩΛઆ໌͢ΔʢzGPDVTPOUIFUPQrGFBUVSFTzͱॻ͔
    Ε͍ͯΔʣ
    w ը໘ͷҰ෦Λ੾ΓऔͬͨΓζʔϜͨ͠Γ͢Δ͜ͱ͸ඇਪ঑
    w ࡉ͔ͳن໿͸IUUQTEFWFMPQFSBQQMFDPNBQQTUPSF
    BQQQSFWJFXTΛࢀর
    ϜʔϏʔ࡞੒࣌ͷ஫ҙ఺
    

    View Slide

16. Ωϟϓνϟ
    

    View Slide

17. Ωϟϓνϟ
    w :PTFNJUFҎ߱ͷ2VJDL5JNFͰJ1IPOFͷը໘ऩ࿥͕
    Ͱ͖ΔΑ͏ʹͳ͍ͬͯΔ
    w ֆίϯςͰચ͍ͩͨ͠ඞཁͳө૾Λऩ࿥͢Δ
    

    View Slide

18. 2VJDL5JNFΛ্ཱͪ͛ɺϑΝΠϧ৽نϜʔϏʔऩ࿥Λબ୒
    

    View Slide

19. ऩ࿥ը໘্ཱ͕͕ͪͬͨΒ઀ଓ͍ͯ͠ΔσόΠεΛબ୒
    

    View Slide

20. UJQT
    w ֆίϯςͰΩϟϓνϟ͢Δ΋ͷΛ͔ͬ͠Γͱߟ͓͑ͯ͘ͱԿճ΋
    Ωϟϓνϟ͠ͳ͓͞ͳͯ͘ྑ͍
    w ޙͰฤू͢Δ͜ͱΛߟྀͯ͠λΠϛϯάͳͲ͸ؾʹ͗͢͠ͳͯ͘
    ྑ͍
    w ૢ࡞ͷલޙͰ6*ͷঢ়ଶ͕มΘΔΑ͏ͳ΋ͷ͸஫ҙ
    w ಈը༻ͷσʔλ͕༻ҙͰ͖ΔͷͰ͋Ε͹༻ҙ͢Δ
    

    View Slide

21. ฤू
    

    View Slide

22. ฤू
    w ฤूιϑτ
    w J.PWJF
    w 'JOBM$VU1SP9
    w "EPCF"GUFS&⒎FDUT
    w "EPCF1SFNJFSF1SP
    w J.PWJF͸.BDʹೖ͍ͬͯͯແྉͰ࢖͑ΔͷͰ͓͢͢Ί
    w "EPCF$SFBUJWF$MPVE࢖͍ͬͯΔͷͰ͋Ε͹"GUFS&⒎FDUT΍

    1SFNJFSFΛ࢖͏ͱදݱͷ෯͕޿͕ΔͷͰΦεεϝ
    w J.PWJFϓϩ༻πʔϧͳͷͰֶशίετߴ͍
    

    View Slide

23. ϨϯμϦϯά
    

    View Slide

24. ϑΥʔϚοτ
    -BOETDBQF 1PSUSBJU
    "QQMF57 Y Š
    J1IPOF J1IPOFD
    J1IPOFT J1IPOF4&
    Y
    Y
    Y
    Y
    J1IPOF
    J1IPOFT
    Y Y
    J1IPOF1MVT
    J1IPOFT1MVT
    Y Y
    J1BE
    J1BE1SP
    Y
    Y
    Y
    Y
    

    View Slide

25. ϨϯμϦϯά
    w J5VOFT$POOFDU͕αϙʔτ͍ͯ͠Δͷ͸ɺ.7 .1 .07Ͱ
    .#ҎԼͷϑΝΠϧ
    w ࠓ·Ͱ͸σόΠεͷαΠζ͝ͱʹಈըΛ༻ҙ͢Δඞཁ͕͋ͬͨ
    w J5VOFT$POOFDU͕ڧԽ͞ΕɺσόΠεϑΝϛϦʔ͝ͱʹ༻ҙ͢
    Ε͹0,ʹʢৄ͘͠͸88%$ͷ8IBUT/FXJOJ5VOFT
    $POOFDUIUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
    Ͱʣ
    

    View Slide

26. ੍࡞ͨ͠"QQ1SFWJFXT
    IUUQTXXXZPVUVCFDPNXBUDI W&U%ZHV'RL(L
    

    View Slide

27. ରԠ͢Δͱྑ͍͜ͱ
    

    View Slide

28. ରԠ͢Δͱྑ͍͜ͱ
    w ΞϓϦ͕࣮ࡍʹಈ͍͍ͯΔ༷ࢠ
    ͕ݟΕΔͷͰϢʔβʔʹ఻ΘΓ
    ΍͍͢
    w Ξχϝʔγϣϯͱ͔খ͞ͳͩ͜
    ΘΓΛΞϓϦΛ࢖͍ͬͯͳ͍ঢ়
    ଶͰ΋ݟͤΔ͜ͱ͕Ͱ͖Δ
    w "QQ4UPSFͷ͓͢͢Ίλϒʹϓ
    ϨϏϡʔͱ͍͏ಛू͕ଘࡏ͢Δ
    w ΞϓϦ͕ରԠ͍ͯ͠Ε͹ܝࡌ͞
    ΕΔՄೳੑ͕͋Δ
    

    View Slide

29. ·ͱΊ
    

    View Slide

30. ·ͱΊ
    w ֆίϯςͰඞཁͳө૾Λચ͍ग़͢
    w :PTFNJUFҎ߱ͷ.BDͷ2VJDL5JNFͰը໘Ωϟϓνϟ
    ͕Մೳ
    w J.PWJFͳͲͷฤूιϑτΛ࢖ͬͯฤू
    w "GUFS&⒎FDUTͱ͔͋Δͱ͍Ζ͍ΖͰ͖Δ
    w ಈըΛॻ͖ग़͢ࡍͷϑΥʔϚοτʹ͸஫ҙ
    w ಈըͩͱΞϓϦͷັྗ͕ΑΓ఻ΘΓ΍͍͢
    w ಛूʹ΋औΓ্͛ΒΕΔ͔΋Ͷʂ
    

    View Slide

31. 3FGFSFODFT
    w IUUQTEFWFMPQFSBQQMFDPNBQQTUPSFBQQ
    QSFWJFXT
    w IUUQTEFWFMPQFSBQQMFDPNTVQQPSUBQQ
    QSFWJFXT
    w IUUQTJUVOFTQBSUOFSBQQMFDPNFOBQQTWJEFPT
    w IUUQTEFWFMPQFSBQQMFDPNBQQTUPSFBQQ
    QSFWJFXT
    

    View Slide

32. ͓ΘΓ
    

    View Slide