loading 이미지 만들기

Posted by Breeze24
2016. 6. 5. 00:37 Android/design

로딩 이미지 만들기

포토샾으로 로딩 이미지 만드는 방법에 대해 알아보자. 

한 10분 투자하면, 아래와 같은 loading 이미지를 만들 수 있다. 

.

화면 구성하기

새파일을 만들어서 300픽셀, 150픽셀로 구성한다. 

그 파일에 아래와 같이 사각형 이미지를 만든다. 한 10개 정도를 만들면 된다. 

필요하다면 사각형 이미지 밑에 '진행중입니다.' 메세지를 추가한다. 


loading 이미지 만들기

불투명도 설정하기

각 레이어를 선택해서 불투명도를 10 ~ 5% 줄인다. 점차적으로 변하는 효과를 주기 위해 동일한 값을 차감한다. 


loading 이미지



애니메이션 효과주기

상단 메뉴 중에 창에 애니메이션을 선택한다. 

그럼 하단에 아래와 같은 창이 나온다. 

각 레이어를 선택해서 붉은 네모 처럼 보이는 시간을 설정해준다. 

애니메이션 효과


각 레이어에 모두 시간을 설정했다면, 마지막으로 작업 영역 끝 설정을 해준다. 


로딩 이미지 만들기

GIF로 저장하기

CTRL+SHIFT+ALT+S를 누르면 아래와 같은 창이 나온다. 

나온 창에서 루핑 옵션을 계속으로 선택하고, 저장 버튼을 클릭한다. 

최종적으로 loading GIF 파일을 확인할 수 있다. 

GIF 만들기

.

'Android > design' 카테고리의 다른 글

움직이는 GIF 만들기  (3) 2016.06.05
리스트뷰 스크롤시 검은색으로 변하는 현상  (0) 2016.06.05
무료 클립아트  (0) 2016.06.04
안드로이드 무료 이미지  (0) 2016.06.04
안드로이드 이미지 변환  (0) 2016.06.04