Home   |   Login
 
[이미지레디] Esc놀이용 이미지 체인징 애니메이션 효과
고유주소 : http://webagit.com/bbs/tb.php/photoshop1/2467
관련링크 : http://webagit.com/bbs/board.php?bo_table=photoshop1&sca=&sfl=wr_subject%7C%7Cwr_content&s…


순서대로 이미지가 체인징되는 gif 애니메이션 효과를 배워볼께요!


gif6.gif







①포토샵에서 적당한 크기로 신규 캔바스를 생성한 다음 ②원하는 개수만큼의 이미지를 붙여 넣어 주세요.


gif6_1.jpg
 




다음 단계는 선택 사항입니다. 이미지를 특정 모양의 틀 안에 가둬줄거랍니다.
①팔레트 최 상단에 레이어를 하나 추가해준 다음 ②툴박스의 전경색을 원하는 컬러로 설정!
페인트통 툴로 ④작업창을 클릭해주어 전경색으로 채워줍니다.


gif6_2.jpg
 




커스텀 쉐이프 툴을 선택하고 ②원하는 모양 선택~ ③Shift키 누른채로 원하는 크기로 드래그해주세요.
④팔레트에 생성된 쉐이프 레이어의 섬네일을 Ctrl키 누른채로 클릭해주어~ 선택 영역 생성해주고!
⑤쉐이프 레이어를 휴지통으로 드래그해주어 삭제해줍니다.


gif6_3.jpg
 



①선택 영역을 제거해줍니다. (Ctrl+X)
툴박스 하단에 이미지레디 버튼을 클릭!


gif6_4.jpg
 







이미지레디가 실행된 초기 화면입니다.


gif6_5.jpg
 




Animation창 하단에 프레임 추가 아이콘을 클릭하여 ②프레임을 추가해준 다음
③팔레트에서 맨 위에 위치한 이미지 레이어의 눈을 꺼주세요. 그렇게 되면 아래 위치한 이미지가 보여지겠죠!
해당 애니메이션 프레임이 이 장면을 기억하게 됩니다.


gif6_6.jpg
 




위와 같은 방법으로 ①애니메이션 프레임을 ②추가해가며~ ③팔레트에 위치한 이미지의 눈을 순차적으로 꺼주도록 합니다.
④팔레트 최상위에 위치한 Layer 6은~ 눈을 항시 켜두어 고정 출력되게 되는 거지요.


gif6_7.jpg
 




아래 보기와 같이~ 이미지 갯수와 동일하게 총 5개의 애미니메션 프레임을 완성했답니다.


gif6_8.jpg
 




애니메이션 속도를 적용해줄 건데요~
Ctrl키 누른채로 프레임 전체를 다중선택 해주세요.
②프레임 하단에 0 sec▼ 클릭하여 0.1초로 적용해주었어요~
플레이하여 속도를 측정해보고, 원하는 속도로 적용해주면 된답니다.


gif6_9.jpg
 




마지막으로 캔바스의 불필요한 여백을 제거해 보겠습니다.
크롭 툴을 선택하고 ②추출해낼 영역만 드래그 > 엔터!


gif6_10.jpg
 




아래 결과물과 같이~ 선택된 부분만 남기고 여백이 제거됩니다.


gif6_11.jpg
 






save.jpg
 




결과물입니다.

gif6.gif



Tag : 포토샵강좌,이미지레디,gif애니메이션,움짤,gif체인징,이미지교차효과,Esc이미지
 
 

000