ToyProjects/Flutter 앱 개발

[Flutter] iOS 미리보기 및 스크린샷 생성

코딩콩 2023. 3. 18. 20:36

미리보기 = 앱 실행한 동영상

스크린샷 = 앱 실행한 스크린샷

개발보다 더 귀찮고 오래 걸린다. 스크린샷은 안 꾸미고 그냥 냈다. 꾸며도 디자이너가 아니라서 구리다.

 

스크린샷 시뮬레이터 선택

https://haraj.tistory.com/859

 

[아이폰] 앱 개발 화면 해상도 정리 - 아이폰 개발 기준 해상도

아이폰 쪽으로 개발하다보면 해상도가 어떻게 되는지 확인이 필요합니다. 해당 해상도를 참고하여 개발에 도움이 되시길 바랍니다. iOS, 아이패드OS 장치 화면 크기 및 방향 장치치수(세로) 12.9인

haraj.tistory.com

6.5, 5.5, 12.9인치 스크린샷이 필수로 필요해서 여기서 인치에 맞는 시뮬레이터를 알아보았다.

6.5인치  => 아이폰 11 Pro Max

5.5인치 => 아이폰 8 Plus

12.9 => 아이패드 프로 2세대

 

미리보기 생성 과정

1. 시뮬레이터 녹화(15초~30초 사이)

2. 영상 크기 줄이기

각 인치마다 사용가능한 해상도가 있다. 사양 링크

6.5인치  => 886 x 1920픽셀, 1920 x 886픽셀

5.5인치 => 1080 x 1920픽셀, 1920 x 1080픽셀

12.9 => 1200 x 1600픽셀, 1600 x 1200 픽셀

 

Adobe After Effect 사용해서 줄였다.

https://medium.com/@originalwatermelon/appstore-%EC%95%B1-%EB%AF%B8%EB%A6%AC%EB%B3%B4%EA%B8%B0-%EB%A7%8C%EB%93%A4%EA%B8%B0-b5193a2361af

 

Appstore 앱 미리보기 만들기

이틀 동안 고군분투해 만든 앱 미리보기 세 번 리젝당한 이야기 (a.k.a 실패기)

medium.com

https://airviewkorea.com/entry/%EC%97%90%ED%94%84%ED%84%B0%EC%9D%B4%ED%8E%99%ED%8A%B8-%EC%9D%B4%EB%AF%B8%EC%A7%80%EC%82%AC%EC%A7%84-%EA%B0%80%EB%A1%9C-X-%EC%84%B8%EB%A1%9C-%ED%81%AC%EA%B8%B0-%EC%9B%90%ED%95%98%EB%8A%94%EB%8C%80%EB%A1%9C-%EC%A1%B0%EC%A0%88%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0-px-X-px-inch-mm

 

 

에프터이펙트 이미지(사진) 가로 X 세로 크기 원하는대로 조절(설정)하기 px X px / inch / mm / %

에프터 이펙트에 이미지(사진)을 넣고 나서 이미지 크기를 원본 사진의 비율에 따라 바꾸는 기능은 Scale의 %를 조절해서 쉽게 변경할 수 있지만, 정확하게 원하는 가로 X 세로 크기로 바꾸려고 하

airviewkorea.com

 

3. 영상 길이 자르기

https://www.youtube.com/watch?v=1I1ZaE-TSss&t=331s