2014년 5월 25일 일요일

[포토샵cs6으로 움짤 gif 만들기]

안녕하세요 김군입니다
화창한 월욜이네요..^^ 오늘은 포토샵 cs6 을 이용한 움짤(gif)화일
 만들기에 대해서 공부해 볼께요 아주 간단 하답니다 ^^
 
 
일단 포토샵 을 불러 옵니다 ^^
 
 
 
그런다음 메뉴에서-화일-새로만들기 클릭
 
 
 
일단 가로*새로를 500 픽셀로 만들고
바탕은 흰색으로 해볼께요 ^^
 
 
 
자 그럼 이런 레이어가 생성이 되죠?
레이서 생성이 안되셨다면 다시 한번 해보시구요.. 생성 할때 바탕색상도
조절해 주세요 ^^
레이어 싸이즈[컨버스 크기]는  나중에 수정해도 되니 일단
작업하기 편하게 요렇게 만르고..
 
 
 
자 그럼 왼쪽 메뉴에서
T 모양 있죠? 이게 글씨 쓰는 메뉴에요.. 크릭하세요
 
 
 
오늘 만들 움짤 글씨는 [김군토이샵] 입니다
일단 [김] 하나를 쓰신다음
포인트1, 바로글씨를 붙여 쓰시는게 아니라. 우측 히스토리에서
레이어를 추가 하신 다음
다음 글씨인 [군] 을 추가 하셔야합니다..
즉..
[김, 군,토, 이, 샵]
이모든 글자가 각각의 레이어이어야 한다는 말입니다.
 
 
 
 
자 각각의 레이어에 한 글자씩 추가 하셨다면.
색을 한번 넣어 볼께요..
역시 마찬가지로 각각의 레이어 [즉,글씨] 를 따로 클릭하셔야합니다
 
 
 
그럼 이런 색상이 들어가죠?
김 과 샵 글씨가 같은 색상이고
군 과 이 가  같은 색상이죠?
 
이건 스포이드 도구를 이용하여서 클릭만 하면 동일한 색상으로 적용이 된답니다
 
 
 
이렇게 색상까지 입히셨다면
하단에
[프레임애니메이션만들기]
이게 보이시나요?
이게 바로 포토샵cs6에 새로 적용된 기능입니다
 
예전의 이미지레디로 넘어가지 않아도
바로 작업 할 수 있다는 장점..ㅋㅋㅋㅋ
 
 
 
 
이것 또한 마찬 가지 입니다
각각의 레이어.. 즉 글씨를 각각 하나씩 추가 하셔야 합니다
애니메이션 창 역시 레이어 추가 버튼이 있어여..
레이어 하나씩 추가 하신 다음 원하시는 글씨를 입히기 위해서는
애니메이션 레이어를 추가하시고.. 그 레이에입히고 싶은 글자를
우측 히스트리 레이어에서 눈 을 켜주세요
반대로 빼고 싶은 글씨 는 눈을 꺼주세요..
 
 
 
이렇게 각각 하나씩 작업하면..
애니메이션 창에 총 6개의 레이어가 생성이 되어야 합니다
즉
1번- 배경
2번-김
3번-군
 4번-토
5번-이
6번-샵
 
6개의 레이어가 생성이 되셨나요??
 
 
 
자 그럼 각각 움직이는 시간을 맞혀 볼께여
일단 0.5초로 해 놓고..
 
 
 
두번째도 역시 0.5초
모든 레이어에 타임을 똑같이 적용해주세요.
그래서 어긋나지 않고 이쁘게 나온답니다
 
 
 
그리고 요기서 잠깐
바탕이 글씨에 비해 너무 크죠?
이걸 줄일땐 아까 말씀 드린.. 캔버스크기 수정
메인-이미지-캔버스크기  클릭
 
 
 
 
요런 창이 뜨면 ..
원하고자 하는 싸이즈 로 수정을 하세요^^
 
 
 
 
자 이제 완성이 되었습니다
그럼 이제 각각의 레이어를 하나의 화일
즉gif 로 만들께요...
 
요기서 중요한것
콘트롤+알트+쉬프트+S 를 누르셔야 합니다
 
그래야 웹용으로 저장이 됩니다..
 
 
자 이제 다 됬습니다
위에 설명대로 저장을 하면 이런 화면이 뜨는데요..
새창 우측 상단에..GIF 이걸 꼭 확인하세요
 
움짤 화일은 gif 이구요.jpg 또는 png 로 저장 하시면
움짤 이 안되요 ^^!!!
 
 
자 그럼 제가 만든 완성품을 한번 올려 보겠씁니다
 
짜잔~~
 
 
 
 
 
맘에 드시나요???
 
여러분들은 응용을 하셔서 더 멋진 움짤 올려 보세요 ^^

댓글 없음:

댓글 쓰기