포토샵으로 움직이는 글리치Glitch 애니메이션 효과만들기

디자인연습 (57)

포토샵으로 움직이는 글리치Glitch 애니메이션 효과만들기

 

 

 

 

 

 

오랜만에 포토샵으로 돌아온 구냥입니다. 포토샵에서 글리치효과를 연습해봤는데요. 애펙이나 프리미어프로에서는 이를 보다 쉽게 만들어주는 기능도 있지만, 나는 오직 포토샵밖에 못한다 혹은 짤같은 짧은 애니메이션 영상을 만들고 싶다 하시는 분들에게 유용한 포스팅이 될 것 같아요!

 

글리치Glitch효과는 시스템의 오류가 났을 때 마치 모니터가 아작?난 것처럼 모니터화면이 분할되어 보여지는 것을 말하는데요. 유튜브에서 화면조정이나 화면전환용으로 이러한 효과가 사용되기도 합니다. 

 

포토샵에서 글리치효과를 만들기 위해서는 약간의 노가다가 필요하지만 어려운 기능은 없어서 초보자분들도 쉽게 따라하실 수 있을 거예요. 

 

 

 

---

1 소스준비

효과를 줄 이미지나 글자를 불러오면 되는데요. 연습용으로 짧은 단어 하나를 가져와서 하는게 편하네요. 전 GLITCH를 가져왔어요. 

 

 

2 모양분할하기

두번째 단계부터 너무 노가다라 놀라실 수도 있지만, 이번 단계만 넘기면 절반은 완성이니깐요 ㅎㅎ

 

글자의 모양에 변형을 주기 위해서는 우선 텍스트레이어를 Rasterize화를 시켜야 합니다. 텍스트 이미지와는 달리 썸네일의 이미지가 T에서 격자무늬로 바뀌는데요 이미지레이어처럼 변했다는 것을 의미합니다.

 

이제 단축키 M (마퀴 툴)을 누르면 사각형으로 원하는 부분을 선택하는데요. 이 상태에서 단축키 V (선택툴)을 누른 후 방향키로 좌우 약간만 움직여 줍니다. 그리고 단축키 ctrl+D(선택해제)

정리하면, M  ->  선택  ->  V  ->  방향키  ->  Ctrl+D 이런 순으로 계속 어긋나게 만들어주면 됩니다.

 

하나하나 해줘야하는 번거로움이 있지만, 이런 과정들이 단축키가 손에 익히도록 하는 연습이 될 수도 있으니 초보자분들에게 아주 좋은 연습용이라 생각돼요!

 

 

저는 요렇게 완성시켜주었습니다.

 

 

 

3 색입히기

이제 레이어를 복사해서 글리치효과를 위한 색을 입혀줍니다. Layer Style > Color Overlay

색이 보일수 있도록 위치를 살짝씩 이동해줘요.

하나 더 복사해서 다른 색으로 주고요.

빨간삭 파란색 마젠타 녹색 등 이런 컬러로 해줬을 때 느낌이 더 살아요!

이 중에 하나 정도는 모션블러를 먹여서 움직임의 느낌을 더 살릴 수 있어요. Effect > Blur > Motion Blur

모션블러는 방향성을 갖고 블러가 적용되는 효과입니다.

 

 

4 노이즈

배경에 노이즈효과를 추가하면 시스템 오류의 느낌을 더욱 살릴 수 있는데요. 효과> 노이즈추가에서 monochromatic에 해제가 되었는지 확인해야 합니다. 노이즈를 준 레이어를 하나 더 추가하여 모션블러를 줘봤고요.

레이어모드에 overlay를 줘서 아래와 같이 완성시켰어요

 

 

5 애니메이션 주기

윈도우 > 타임라인은 애니메이션을 만들 수 있는 기능입니다.

프레임을 2개를 만든 다음, 첫번째 프레임은 흰색 글씨만 레이어의 눈을 켜주고요.

두번째 프레임은 아래 이미지와 같이 글리치효과가 먹힌 레이어를 모두 켜주세요.

각 프레임의 시간을 달리하면서 애니메이션이 움직였을 때 느낌을 주면 됩니다. 숫자가 작을수록 빠르게 움직이고 숫자가 클수록 딜레이가 생깁니다. 첫번째 프레임과 두번쨰 프레임을 교차해서 복사하여 주면 효과가 더 자연스럽게 돼요.

 

 

 

 

 

 

완성입니다

오늘은 여기까지입니다 지지직📺

공감좋아요 댓글 감사합니다 지지직📺