본문 바로가기
GIF 튜토리얼

[움짤 제작스킬] 3.움짤에 닉네임 넣기(동영상 강의)

by Jinsy 2011. 11. 23.


이미지 클릭시 움짤 만들기 강좌 모음으로 이동(ctrl+클릭 새창)


클릭하면 해당 구간으로 이동됩니다.

1. 닉네임 넣기

2. 액션을 이용해 간단하게 넣기


1. 움짤에 닉네임(텍스트) 넣기


대부분 움짤을 제작하는 사람들은 자신의 닉네임을 움짤에 넣습니다. 블로그나 홈피의 주소를 넣거나(저 처럼) 이니셜이나 특이한 엠블럼(마크나 사진) 등을 쓰는 사람도 있습니다. 이번에 배워볼 내용이 바로 움짤에 자신의 닉네임을 넣는 것입니다.

 작업 전 한가지 알아야할 중요한 사항이 있습니다. 이는 CS버전에서 다양하게 나타나는 현상으로 버그라 생각하는데 가끔 전체적으로 적용되어야할 효과들이 한 프레임에만 되거나 이동시켜도 엉뚱한 곳으로 가는 경우가 있습니다. 이는 첫 프레임(레이어말고 Animation창의 프레임)을 삭제하면 해결되는데 첫 프레임을 삭제하지 않으면 전체적으로 적용되어야 할 효과(프레임이동,블랜딩모드,레이어 스타일 등)들이 프레임을 전체선택해도 첫번째로 찍었던 그 프레임에만 들어가는 경우가 생깁니다. 다른 방법으로 애니메이션창(타임라인)의 재생 버튼을 눌러 끝까지 한번 재생해 주는 것입니다. 이미지레디의 경우 스샷을 임포트하고 포토샵으로 넘어갔다가(도구상자툴 가장 밑에있는 Edit in버튼) 다시 이미지레디로 돌아오면 첫 프레임을 삭제하지 않아도 모든 프레임에 원하는 효과를 적용시킬 수 있습니다. 다만 이렇게 하면 왔다갔다 불러들이는 시간이 있기때문에 잘 사용하지 않고 위의 방법(첫프레임삭제)을 많이 사용합니다.

모든 작업을 완료하고 저장을하기 바로 전 단계에 닉네임을 넣는 것이 보통입니다. 포토샵으로 텍스트를 써 봤다면 80프로 이미 완료한 것이나 다름 없습니다. 저장 전 움짤(또는 불러온 완성움짤) 상태에서 시작해 보겠습니다.
 
1. 도구상자에서 Type Tool을 선택하면 상당 메인메뉴 아래 옵션들이 나옵나다. ①번을 클릭하거나 메인메뉴 Window-Character를 선택합니다. 

 
2. 포토샵과 다를 것 없는 텍스트 옵션창입니다. 포토샵과 다른 점이라면 미리보기가 없고 텍스트 선택시 옆에 바가 없어서 폰트의 종류가 많을 경우 찾는데 좀 고생하는 경우가 있는데 이럴때는 포토샵으로 넘어가서 폰트를 선택하고 다시 넘어오는 방법을 사용해도 좋습니다. 폰트의 글꼴과 크기, 색상, 기타 옵션들을 개인취향에 맞게 세팅합니다.


3. 1번프레임과 가장 마지막 레이어를 선택하고(레이어는 만지지 않았다면 그대로) 움짤 위에다 좌클릭을 하면 텍스트를 쓸 수 있는 조건이 완료됩니다. 원하는 내용을 써보세요. 저는 제 블로그 주소를 넣어보겠습니다.



팁-텍스트를 다 입력하고 다른 작업을 하다 다시 텍스트 수정이 필요하다면 텍스트가 있는 레이어를 더블클릭으로 선택해서 언제든 고칠 수 있습니다.

4. 이제 원하는 위치로 텍스트를 이동 할 차례입니다. 도구창에서 Move Tool을 선택해서 글자 위에 드레그 앤 드롭을 해봅니다.

  


>><<특별히 움직이는 텍스트를 만들지 않는 이상 텍스트 이동시에는 반드시 첫 프레임(1프레임)에서 해야합니다>><<
 

※여기서 Animation창의 프레임들을 넘겨보면 자신이 움직여 원하는 위치에 텍스트를 이동시켰음에도 다른 프레임들은 다른곳에 텍스트가 이동된 경우가 생깁니다. 이런 경우 앞에 말한 것 처럼 첫번째 텍스트를 쓰기전(가장 처음 좌클릭으로 커서를 찍기전) 1번 프레임(가장 첫 프레임)을 삭제하던가 텍스트를 입력후 바로 포토샵으로 넘어갔다 오면 이런 문제가 해결됩니다.


팁-텍스트와 프레임의 이동방법으로 클릭해서 드레그하는 방법 이외에도 키보드 방향키를 이용해 픽셀단위로 이동이 가능합니다. 이는 반드시 레이어창에 텍스트 레이어가 선택된 상태에서 가능하며 Shift를 이용한 방향키 이동도 가능합니다. 그밖에 Move Tool의 옵션을 보면 정렬기능이 있습니다. 캔버스를 중심으로 좌,우,위,아래,중심으로 정확하게 텍스트를 이동시켜주는 기능입니다. 유용하니 사용해 보세요.

<Move Tool옵션창의 정렬>

팁-텍스트를 넣을 때 너무 움짤의 벽면(테두리)에 붙여서 작업할 경우 완성 후에 글자가 짤리는 경우가 있습니다. 되도록 1~2픽셀 정도 띄워서 작업하는 것을 추천합니다.

5. 원하는 위치로 텍스트를 이동시키고 텍스트에 효과를 적용시켜 완성해보겠습니다.


텍스트의 크기를 조금 더 작게 만들었고 Move Tool의 세로아래정렬+가로중앙정렬+2픽셀 위로 했습니다. 테두리의 검은색은 레이어 스타일의 스트록(외곽선)을 Outside 1픽셀로 추가한 것입니다.

※레이어 스타일(메인메뉴 Layer-Layer Style-원하는 효과선택)
레이어창 하단을 보면  아래와 같이 검은 동그라미에 F라고 써진 아이콘이 있습니다.(아마 상위 버전은 Fx라고 표시) 클릭해서 효과를 선택하면 레이어에 각종 이펙트를 부여 할 수 있습니다.(텍스트에 적용할 내용이니 꼭 텍스트 레이어가 선택되어 있어야 합니다)


레이어 스타일 아이콘을 선택하면 아래와 같은 효과적용 메뉴들이 뜨는데 제가 사용한 스트록은 가장 하단에 있네요.여기 중에 한 가지 효과를 선택하면 레이어스타일창이 따로 뜹니다.


레이어스타일



1번 박스에서 효과를 선택하면 오른쪽 2번 박스에서 세부적인 옵션을 조정 할 수있습니다. 효과는 중복으로도 적용이 가능하며(1번의 체크박스) 수만, 수천가지 스타일을 만들어 낼 수 있으니 직접 적용해보세요. Ok를 누르면 실행되며 적용된 레이어 옆으로 앞서 말한 레이어 스타일 아이콘이 함께 생깁니다. 이 아이콘을 더블클릭해서 언제든 수정이 가능합니다. 레이어스타일에 관한 내용은 웹상에 많은 강좌가 있으니 검색해보는 것을 추천합니다.



팁-움짤의 사이즈가 클 경우 텍스트가 이렇게 커도 별로 과하지 않지만 100x100 같은 작은 움짤에는 적당한 크기의 텍스트를 넣어야 합니다. Character 옵션 하단을 보면 aa라고 안티엘리어싱 옵션을 정하는 곳이 있습니다. 이는 원래 모든 폰트자체가 딱딱한 픽셀로 말들어져 있는데 이를 부드럽게 보여주기 위한 기능입니다. 되도록 이 기능을 꺼도(None) 글자가 깨지지 않고 깨끗하게 보이는 폰트를 추천하며 가장 많이 쓰이는 폰트는 '정체'로 이런 폰트는 태어날 때부터 자신의 규격(크기)을 가지고 있습니다.
 
 
재생 후 720p 전체화면보기를 권장합니다.

 


2. 액션을 이용해서 간단하게 닉네임 넣기


액션은 쉽게 생각하면 녹음한 것을 되감아 재생한다고 보면 됩니다. 그럼 방금 녹음했던 내용이 나오겠죠?
일괄적으로 똑같은 작업을 해야하는데 사람이 하려면 그만큼 피곤한 일도 없죠. 그래서 작업자가 실행하는 모든 과정을 저장해서 한 번에 실행해주는 고마운 기능입니다. 포토샵에서 액션을 써보신 분이라면 액션으로 닉네임을 만들어 사용해보세요. 아주 편합니다.

항상 같은 모양의 텍스트를 같은 위치에 넣는 다는 것은 쉬운일이 아닙니다. 그래서 액션기능을 이용해 간단하고 편하게 폰트 넣는 것을 소개합니다.

1. 액션창을 열어봅니다(메인메뉴 Window-Actions)

<포토샵과 다르게 폴더를 추가 할 수 없습니다>

1)녹화순서는 ④번을 눌러 새창이 뜨면 액션 이름과 Record를 눌러 녹화를 시작합니다. 이 Record는 ②번과 같은 기능을 하는 것으로 녹화의 시작버튼 입니다. 각종 필터효과, 레이어스타일, 이동, 영역지정, 크기변경 등 녹화가 필요한 작업들을 실행합니다. 이미지레디 대부분의 기능을 녹화시키며 녹화가 안 되는 부분도 간혹 있기 때문에(Undo 같은) 녹화시 주의가 필요합니다. 

2)⑤번은 휴지통이며 삭제하고 싶은 코드가 있다면 선택 후 휴지통을 눌러줍니다. 녹화중 휴지통을 실행하면 녹화가 자동 중단됩니다.

모든 작업과정을 녹화하고 ①번 정지버튼을 누르면 녹화 과정이 끝납니다. ②번을 눌러 코드 중간에서 녹화를 시작할 수도 있고 끝을 이어서 시작할 수도 있습니다.

3)이제 적용할 움짤이나 작업이 완료된 움짤에 가장 첫 프레임과 가장 마지막 레이어(가장 상단의 레이어)를 선택하고 ③을 누르면 저장된 액션값이 자동으로 적용됩니다.

정리하면
1번 정지
2번 녹화
3번 재생(녹화한 것을 실행)
4번 새액션
5번 휴지통

팁-녹화시 주의할 점이라면 녹화와 정지버튼을 확실히 누르라는 것입니다. 녹화도중 자신도 모르게 원하지 않는 액션값이 저장되는 경우가 있는데 이럴때는 전체삭제를 하지말고 틀린부분만 삭제하고 그 부분에 수정할 액션값만 다시 녹화하면 됩니다. 또한 액션코드들은 개별로 위나 아래로 이동이 가능합니다. Alt키를 누르고 이동시에는 액션코드를 복사합니다.

 재생 후 720p 전체화면보기를 권장합니다.


다음에 쓸 내용은 흔히 말하는 음식생성움짤에 많이 쓰이는 리버스기능, 부드러운 화면넘김의 모션트윈 기능을 알아보겠습니다.


댓글