포토샵 타임라인 단축키 - potosyab taimlain danchugki

포토샵에서 애니메이션을 다 만들었는데 ㅜㅜ 너무 빨리 시간이 측정되어 

휘리릭 지나간다 ㅜㅜ 그래서 다시 시간조절하는 방법을 찾기 시작

Timeline의 오른쪽 상단에 메뉴바에서 

Set Timeline Frame Rate 에서 (기존은 30.00fps로 지정)

60fps로 수정했더니 느려졌당 ^^ 야호

타임라인에서 쭈루룩 노가다 안하고 쉽게 해결

다음에 잊어버릴수도 있으니 여기에 메모중입니다 

이렇게 해서 느리게 작업 완성

하나하나 프레임에서 시간조절할뻔함요 ^^;

공유하기

게시글 관리

• 카카오스토리
• 트위터
• 페이스북

'Misoro' 카테고리의 다른 글

이슈아입니다.

이번엔 포토샵 GIF로 글자가 흐르는 애니메이션을 만들어볼거예요.

만드는 방법은 '비디오 타임라인'과 '프레임 애니메이션' 두 종류가 있습니다.

그 중에서 '비디오 타임라인'을 사용해볼거랍니다.

*포스팅 아래쪽에 영상이 포함되어 있습니다.

​

*이 포스트는 사진 클릭시 확대됩니다.

​(사진 클릭 후, 원본보기 클릭하면 더 크게 확대됩니다.)

완성된 사진입니다.

조금만 기다리면 전광판에 글자가 나타납니다.

포토샵 GIF 애니메이션만들기

파일(File)-열기(Open)를 선택하여 글자를 넣어줄 사진을 불러옵니다.

[단축키 Ctrl+O]

메뉴에서 창-타임라인을 선택하여 하단에 타임라인 창을 띄워줍니다.

노란 네모를 클릭하면 '프레임 애니메이션'과 '비디오 타임라인' 두 종류를 선택할 수 있습니다.

*실수로 '프레임' 버튼을 클릭했다면 나중에 바꾸어줄 수 있으니까 당황할 필요없답니다.

실수로 '프레임'버튼을 누르면 아래처럼 사진 한 장이 보입니다.

화살표처럼 한 장, 한 장을 쌓아나아가는 것이 '프레임'입니다.

'비디오 타임라인'으로 바꾸어주려면 노란색 네모를 클릭하면 바뀝니다.

'비디오 타임라인'으로 바꾼 모습인데 '배경' 레이어는 타임라인에 보이지않습니다.

*더블클릭하여 잠금을 풀어주면 보입니다.

다시 노란색 네모를 클릭하면 '프레임'으로 바꿀 수 있지만 바꾸지않을거예요.

수평 문자 툴(단축키 T)로 임의의 글자를 넣어줍니다.

타임라인에도 레이어가 보이고 하늘색 네모처럼 시간도 보입니다.

*사진 한 장에 1f(1프레임)이며, 1초에 30프레임으로 구성되어 있답니다.

이제 3초짜리 애니메이션을 만들어볼거예요.

글자 레이어의 끝 부분을 클릭하여 왼쪽으로 드래그해주면 시간이 줄어듭니다.

*오른쪽으로 드래그하면 반대로 시간이 늘어납니다.

3초(03:00f)에 맞추어주고 노란색 네모를 클릭하여 하위메뉴를 띄웁니다.

*하위메뉴를 잘 보고 있어야합니다.

글자 레이어에 마우스 오른쪽 클릭하고 '래스터화'를 선택하면 하위메뉴가 바뀝니다.

바뀐 하위메뉴 중에서 '위치'를 사용하여 글자를 흐르도록 만들거예요.

1초에 있는 바를 클릭하여 20f로 드래그하고 스탑워치(노란네모)를 클릭합니다.

클릭하면 노란 화살표에 점이 생기고 20f에는 시작점이 생깁니다.

20f에 있는 바를 클릭하여 2초 20f로 드래그합니다.

그리고 왼쪽에 있는 노란 네모를 클릭하여 끝 점을 만들어줍니다.

*만들어준 점은 파란네모처럼 클릭+드래그하여 애니메이션되는 시간을 수정해줄 수 있습니다.

이동 툴(단축키 V)을 선택하고 글자를 왼쪽으로 이동해줍니다.

글자가 제대로 흐르는지 확인해보려면 플레이 버튼(노란네모)클릭합니다.

*바가 2초 20f(애니메이션의 끝부분)에 있기때문에 플레이 버튼을 눌러도 확인할 수 없습니다.

*다시 한번 플레이버튼을 누르면 0초부터 플레이되어 확인할 수 있습니다.

플레이는 잘 되지만 글자가 전광판 밖으로 나가지않게 만들어줄거예요.

레이어 패널에서 '배경' 레이어를 클릭하여 선택합니다.

사각형 선택 툴(단축키 M)을 선택하고 클릭+드래그로 글자가 충분히 가려지도록 한쪽 영역을 잡아줍니다.

그리고 Shift키를 누른 채 다시 클릭+드래그하여 반대편 영역도 잡아줍니다.

그 다음, 편집-복사(단축키 Ctrl+C), 편집-붙여넣기(단축키 Ctrl+V)를 선택합니다.

붙여넣기하니까 타임라인에 '레이어 1'이 생겼습니다.

'레이어 1'이 2초 20f부터 시작하면 글자를 가릴 수 없습니다.

클릭+드래그하여 0초로 이동해줍니다.

*'레이어 1'의 중간부분을 클릭하고 드래그해야합니다.

*끝부분을 클릭+드래그하면 '레이어 1'의 시간이 늘어납니다.

'레이어 1'의 플레이 시간이 5초가 아니라 3초에서 끝나야합니다.

끝부분을 클릭해서 3초로 드래그해주고 '레이어 1'과 '글자' 레이어의 위치(노란네모)를 서로 바꾸어줍니다.

글자를 가렸으니 GIF로 만들어야합니다.

파일-웹용으로 저장(단축키 Ctrl+Shift+Alt+S)을 클릭하여 저장 창을 띄웁니다.

저장하기 전에 루핑 옵션을 클릭하여 '계속'을 선택하고 저장하면 됩니다.

포토샵 작업이 끝났습니다.

이슈아였습니다.

타임라인 모드에서 레이어 내용을 애니메이션으로 저장하려면 현재 시간 표시기를 다른 시간/프레임으로 이동할 때 [타임라인] 패널에서 키프레임을 설정한 다음 레이어 내용의 위치, 불투명도 또는 스타일을 수정합니다. Photoshop에서는 기존의 두 프레임 사이에 프레임들이 자동으로 추가되거나 수정됩니다. 그리고 이때 새 프레임들 사이에서 레이어 속성(위치, 불투명도, 스타일)이 균일하게 변하면서 움직이거나 변하는 모양이 만들어집니다.

예를 들어, 레이어에 페이드 아웃 효과를 적용하려면 시작 프레임의 레이어 불투명도를 100%로 설정하고 레이어의 [불투명도 초시계]를 클릭합니다. 그런 다음 현재 시간 표시기를 끝 프레임의 시간/프레임으로 이동하고 같은 레이어의 불투명도를 0%로 설정합니다. Photoshop에서는 시작 프레임과 끝 프레임 사이의 프레임들이 자동으로 보간되며 레이어의 불투명도가 새 프레임에서 균일하게 감소됩니다.

Photoshop에서 자동으로 애니메이션의 프레임을 보간하는 것 외에도 빈 비디오 레이어를 페인트하여 손으로 그린 프레임별 애니메이션을 만들 수 있습니다.