텍스트디자인을 할 때 많이들 긴 그림자 효과를 넣어서 텍스트를 더욱 돋보이게 합니다. 이 '롱 쉐도우 디자인'은 몇년 전에 나온 플랫 디자인(flat design)에서 파생되었죠. 

 

 

 https://www.deviantart.com/mikymeg/art/Long-Shadow-Social-Icons-Pack-by-mikymeg-403275097

위와같이, 주로 UI요소나 아이콘에 많이 쓰였는데 점차 다른 분야에도 많이 쓰여지게 되었습니다.

 

오늘은 텍스트에 이 롱쉐도우 효과를 주는 법에 대해서 간단하게 알아보겠습니다.


 

적당한 크기의 캔버스를 하나 불러옵니다. 여기서는 1000px*1000px 사이즈로 가져왔습니다.

 

 

Create New Fill or Audjustment Layer를 클릭하고 Solid Color로 바탕에 적당한 색을 하나 깔아줍니다.

 

 

쉐도우 효과를 줄 텍스트를 하나 만들어줍니다.

 

 

Ctrl + J를 눌러서 레이어를 복사하고 , 텍스트를 검은색으로 만듭니다.

 

 

검은색 텍스트레이어를 Ctrl + T를 누르고 Shift키를 누른 상태에서 45도 각도로 돌려줍니다.

 

 

돌렸으면, 그 검은색 텍스트레이어를 Rasterize Type을 눌러 래스터라이즈 시켜줍니다.

 

 

Alt + 방향키↓를 눌러 계속 복사해줍니다. 보이시는 것처럼 적당히 100개가 좀 넘게 복사해줍니다.

 

 

검은색 텍스트레이어만 전부 선택해서 합쳐줍니다.

 

 

Ctrl + T를 눌러 다시 45도 각도로 돌려주고, 위치를 맞춰주면 완성입니다.

 

 

쉐도우의 범위를 더 늘리고 싶다면, Alt + Shift키를 눌러서 드래그하면 복사됩니다. 원하는 범위까지 복사하고 늘어난 레이어는 전부 합쳐줍니다.

 

 

검은색 텍스트레이어에 Add Vecter Mask를 적용하고 그라데이션 툴로 적당히 효과 등을 줄 수 있습니다.

 


 간단하면서도 웹디자인 시 유용하게 사용할 수 있는 '롱쉐도우 효과 주기'에 대해서 알아보았습니다.  

 

이처럼 반복적으로 많이 쓰이는 효과는 포토샵 액션을 만들어두면 작업시간이 많이 절약됩니다. 

 

밑에 포토샵 롱쉐도우 액션 파일도 함게 첨부해 두겠습니다. 더블클릭하면 액션패널에 자동으로 등록되어 나오는데 텍스트레이어에서 이 액션의 재생버튼을 눌러주면 한 번에 롱쉐도우 효과를 줄 수 있습니다. 필요하신 분은 유용하게 사용하셨으면 좋겠습니다.

 

롱쉐도우 액션 패널에서 '재생'버튼을 누르면 완료
Long Shadow.atn
0.06MB

 

+ Recent posts