UI 이펙트 제작 방법론
- UI 디자인을 가져온다
- 가져온 UI 디자인을 추출
- 딴 디자인을 Alpha 값이 있도록 저장
- 원본 이미지 저장
Combusion or AfterEffect
- Combustion에서 Alpha 이미지를 불러온다.
- Combustion에 있는 파티클이펙트를 활용하여 이펙트를 제작한다.
- 알파값에만 이펙트가 들어가도록 설정을 한다.
- 이펙트가 들어간 Alpha 이미지를 추출한다.
- 이펙트가 들어간 이미지와 원본이미지를 불러온다.
 |
| fig1. UI Effect |
01. UI 디자인 편집
 |
| fig2. Photoshop을 활용하여 이펙트를 넣을 디자인의 알파값을 추출한다 |
02. Combustion을 활용하여 이펙트 제작
 |
| fig3. 이펙트 플러그인 불러오기 |
 |
| fig4. Preserve Alpha기능을 활용하여 알파값에만 이펙트 효과를 넣는다 |
 |
| fig5. 이펙트에 애니메이션 적용 |
댓글 없음:
댓글 쓰기