ポートレートモードを自作しよう / Making Portrait mode yourself

try! Swift 2019 Tokyo 5min

最近のiPhoneはデュアルカメラやTrueDepthカメラの搭載により、深度情報を利用して背景をぼかし、被写体を際立たせた美しい写真を撮影することができます。
このトークでは、「深度情報を持たない」画像から背景と被写体を分離してぼかすポートレートモードをゴリゴリ自作して、美しい写真を仕上げていく過程をお話しします。

HP: https://www.tryswift.co/events/2019/tokyo/jp/
Demo App: https://github.com/koooootake/Portrait-without-Depth-ios
note: https://note.mu/koooootake/n/n7fb25676359f

Transcript

1. .BLJOH1PSUSBJUNPEFZPVSTFMG!
   ϙʔτϨʔτϞʔυΛࣗ࡞͠Α͏
   

   View Slide

2. !LPPPPPUBLF
   ਆ෢
   

   View Slide

3. 1PSUSBJUNPEF!
   

   View Slide

4. :PVDBOUBLFCFBVUJGVMQIPUPT✨
   UIBULFFQZPVSTVCKFDUTIBSQXIJMFCMVSSJOHUIFCBDLHSPVOE
   #FGPSF
   ඃࣸମΛ
   ࡍཱͨͤΔ
   എܠΛ
   ϘΧ͢
   

   View Slide

5. :PVDBOUBLFCFBVUJGVMQIPUPT✨
   UIBULFFQZPVSTVCKFDUTIBSQXIJMFCMVSSJOHUIFCBDLHSPVOE
   #FGPSF
   "GUFS
   ඃࣸମΛ
   ࡍཱͨͤΔ
   എܠΛ
   ϘΧ͢
   

   View Slide

6. 1PSUSBJUNPEFVUJMJ[FTJOGPSNBUJPOPO%FQUI
   5IFEJTUBODFCFUXFFOZPVSWJFXQPJOUBOEFBDIPCKFDU
   ਂ౓৘ใΛ׆༻
   

   View Slide

7. #VU
   

   View Slide

8. XJUIPVU%FQUI
   

   View Slide

9. *❤DIBSBDUFST
   GSPNBOJNF$ NBOHB%BOEHBNFT&
   

   View Slide

10. *XBOUUPNBLFCFBVUJGVM%JNBHFT'
    ೋ࣍ݩը૾Λө͍͑ͤͨ͞
    

    View Slide

11. *`WFEFDJEFEUPDSFBUFBOJ04BQQ
    UIBUXJMMNBLF%JNBHFT
    XJUIPVU%FQUI
    JOUP1PSUSBJUNPEF(
    ೋ࣍ݩө͑ΞϓϦ࡞Δͧ(
    

    View Slide

12. )PX )
    

    View Slide

13. 4FHNFOUBUJPO✂
    4VCKFDU #BDLHSPVOE
    ඃࣸମͱഎܠͷ෼཭
    

    View Slide

14. 8JUI%FQUI ZPVDBOFBTJMZTFHNFOU+
    

    View Slide

15. 8JUIPVU%FQUI DBOXFVUJMJ[FEFFQMFBOJOH
    .BTL3$//,BJNJOH)F (FPSHJB(LJPYBSJ 1JPUS%PMMBS 3PTT(JSTIJDL*$$7
    FY.BTL3$//
    

    View Slide

16. 8JUIPVU%FQUI DBOXFVUJMJ[FEFFQMFBOJOH
    .BTL3$//,BJNJOH)F (FPSHJB(LJPYBSJ 1JPUS%PMMBS 3PTT(JSTIJDL*$$7
    FY.BTL3$//
    

    View Slide

17. *UEJEOPUHPXFMM,
    /PEPHHP-
    

    View Slide

18. %FFQMFBSOJOHIBTUPMFBSOBMMDIBSBDUFST
    *U`TVOSFBMJTUJD.
    "NCJHVPVT
    ᐆດ/ ωί͓͓͓0
    $BUDBO`UCFEFUFDUFE
    

    View Slide

19. $IBOHFBQQSPBDI1
    

    View Slide

20. (SBC$VU
    (SBC$VUJOUFSBDUJWFGPSFHSPVOEFYUSBDUJPOVTJOHJUFSBUFEHSBQIDVUT
    $BSTUFO3PUIFS 7MBEJNJS,PMNPHPSPW "OESFX#MBLF4*((3"1)
    4FHNFOUBUJPOBMHPSJUIN
    

    View Slide

21. -FUNFEFNPOTUSBUF(
    

    View Slide

22. 8JUIUIF(BVTTJBO#MVSPOUIFCBDLHSPVOE
    

    View Slide

23. View Slide

24. 5IFTFHNFOUJTBCJUPGG3
    

    View Slide

25. "EEJUJPOBMSFUPVDIJOH2
    

    View Slide

26. ✌
    

    View Slide

27. 4FHNFOUBUJPO✂
    #FGPSF ✨"GUFS✨
    

    View Slide

28. #VU
    

    View Slide

29. .PSFCFBVUJGVM((
    

    View Slide

30. $PMPSMFBLQSFWFOUJPO5
    ৭࿙ΕΛ๷͙
    5IFCMBDLDPMPSPGIBJSMFBLTJOUPUIFCBDLHSPVOE/
    

    View Slide

31. ❕
    

    View Slide

32. *OQBJOUJOH
    "O*NBHF*OQBJOUJOH5FDIOJRVF#BTFEPOUIF'BTU.BSDIJOH.FUIPE
    "MFYBOESV5FMFB+PVSOBMPG(SBQIJDT5PPMT
    3FDPOTUSVDUJPOBMHPSJUIN
    

    View Slide

33. *OQBJOUJOH
    #FGPSF
    

    View Slide

34. *OQBJOUJOH
    "GUFS
    

    View Slide

35. 5IFTVCKFDUJTOPUBGGFDUFECZUIFCBDLHSPVOE
    #FGPSF ✨"GUFS✨
    $PMPSMFBLQSFWFOUJPO5
    

    View Slide

36. ✨"GUFS✨
    5IFTVCKFDUJTOPUBGGFDUFECZUIFCBDLHSPVOE
    #FGPSF
    $PMPSMFBLQSFWFOUJPO5
    

    View Slide

37. #VU
    

    View Slide

38. .PSF .PSFCFBVUJGVM(((
    

    View Slide

39. %FQUIPG'JFME7
    ඃࣸքਂ౓
    5IFSBOHFXIFSFUIFQIPUPJTJOGPDVT
    IUUQDBNFSBXFCKQCFHJOOFSEFQUIPGpFME
    

    View Slide

40. :PVDBOBEKVTU%FQUIPG'JFME
    *G%FQUI %JTQBSJUZ
    JTBWBJMBCMF+
    4ZOUIFUJD%FQUIPG'JFMEXJUIB4JOHMF$BNFSB.PCJMF1IPOF
    (PPHMF3FTFBSDI4*((3"1)
    

    View Slide

41. $IBOHFBQQSPBDI1
    

    View Slide

42. "EKVTUJOHGVODUJPOUPCMVSBOBSFB1
    

    View Slide

43. "EKVTUJOHGVODUJPOUPCMVSBOBSFB2
    

    View Slide

44. View Slide

45. %FQUIPG'JFME7
    #FGPSF "GUFS
    

    View Slide

46. $PNCJOF
    4FHNFOUBUJPO✂
    $PMPSMFBLQSFWFOUJPO5
    %FQUIPG'JFME7
    

    View Slide

47. #FBVUJGVM%JNBHFT✨
    #FGPSF
    

    View Slide

48. #FBVUJGVM%JNBHFT✨
    "GUFS
    

    View Slide

49. #FBVUJGVM%JNBHFT✨
    #FGPSF ✨"GUFS✨
    *NGFFMJOHWFSZTBUJTpFE
    8େຬ଍8
    

    View Slide

50. 8PSLTPOSFBMQIPUPTUPP✨
    .Z"QQXJUIPVU%FQUI J1IPOF94XJUI%FQUI
    

    View Slide

51. #FBVUJGVM%JNBHFT✨
    #FGPSF "GUFS
    ʰϋφΧΫʱ
    

    View Slide

52. #FBVUJGVM%JNBHFT✨
    #FGPSF "GUFS
    ʰϋφΧΫʱ
    

    View Slide

53. IUUQTHJUIVCDPNLPPPPPUBLF
    1PSUSBJUXJUIPVU%FQUIJPT
    %FNP"QQ
    

    View Slide

54. !LPPPPPUBLF
    ਆ෢
    

    View Slide