포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

오늘은 이런 식으로 글씨에 긴 그림자 효과를 넣는 방법에 대해 알아보겠습니다.

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

일단 유튜브 썸네일 크기에 해당하는 1280x720으로 캔버스를 하나 만들어주세요. (단축키 Ctrl + N)

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

새 캔버스를 만들었으면, 페인트 툴(단축키 G)로 배경을 칠한 후 글씨를 써 주세요. (흰색 글씨 X)

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

이제 편집 - 브러시 사전 설정 정의를 눌러주세요.

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

그럼 이렇게 나오는데 이름은 마음대로 정하시면 됩니다.

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

이제 브러시 툴(단축키 B)을 눌러서 가장 아래를 보면 방금 만든 브러쉬가 있습니다. 이걸 선택해주세요.

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

그리고 창 - 브러시 사전 설정을 눌러줍니다.

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

브러시 탭에서 간격을 기존 25%에서 1%로 변경해줍니다.

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

새 레이어를 생성(단축키 Ctrl + Shift + N) 후 펜 툴(단축키 P)을 선택하여 대충 중앙에 점을 하나 찍고, Shift를 누른 채로 대각선 아래에 점을 하나 찍어줍니다.

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

이제 마우스를 우클릭하여 패스 획을 눌러줍니다.

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

그럼 이런식으로 긴 그림자가 생성되는데요.

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

여기서 레이어 순서를 바꿔서 그림자를 글씨 밑으로 보내고, 글씨도 마음에 드는 색상으로 바꿔줍니다.

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

여기까지 하셨으면 일단 완성이고, 다른 옵션을 추가해서 글씨를 더 꾸미시면 됩니다.

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge
포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

안녕하세요

오늘은 포토샵을 이용해 드롭쉐도우 효과
(글자 그림자)를 넣는 방법에 대해 알아볼게요

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

먼저 맨 왼쪽 상단의 메뉴바에서
<파일> - <새로만들기> 를 클릭해
새 파일을 만들어줍니다

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

유튜브 썸네일을 만드실 분들은
16:9 비율로 만들어주시면 되는데요

<웹> - <웹대형> 을 클릭해서 만들어도 되고
더 크게 만들고 싶다고 하면
16:9 비율을 유지하신채 사이즈를 키워주시면 됩니다

그런데 그냥 가로 1920px 세로 1080px 로
만들어도 충분히 큰 사이즈이긴 해요

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

반면 네이버나 티스토리 블로그는
정사각형 비율로 만들어주는게 예쁜데요

한 일년 정도 블로그를 해보니
검색될때나 블로그 메뉴에 뜰 때
정 사각형 비율이 예쁘고 제일 효과적이였습니다

가로세로 360px 혹은
가로세로 1000px로 설정해준 뒤

웹에서 열어줄 이미지니까 색상프로필은
rgb작업을 설정해주고 창을 열어줍니다
(참고로 인쇄용은 cmyk 입니다)

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

왼쪽 도구바에 <T>라고 적힌 글자를 클릭한뒤
원하는 글자를 써줍니다

그림자 효과를 넣을 때는 두껍고 반듯한
글씨체를 사용해주는게 효과적인데요

저는 TMON소리를 사용해주었고
티몬소리는 무료글씨체로
누구나 다운받을 수 있는 폰트입니다

양진체와 코드라볼드체, Black Han Sans
등도 선이 두껍고 또박또박해서
그림자 효과를 넣기 좋습니다

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

글자 레이어가 선택되어 있는 상태에서
글자를 더블클릭하면 폰트와 사이즈를 재설정
할 수 있는 창이 나오고,

직접 드래그 하면서 글자 사이즈를 조정하고
싶다고 한다면 <ctrl+T>버튼을 눌리고
사각형의 한 귀퉁이를 잡고 늘여주면 됩니다

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

혹시 모르니까 ctrl+c, ctrl+v 해서
원본을 하나 복사해준 뒤에
위에 있는 레이어는 꺼주고 브러쉬로 만들
레이어 하나만 켜줍니다

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

그런 뒤에 왼쪽 상단의 <편집> 클릭 후
<브러시 사전 설정 정의>를 클릭합니다

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

이제 이 글자 모양 그대로의
브러쉬가 생성된다는 뜻이예요

처음에는 파일 이름으로 자동으로 뜨는데
원하는 이름을 지정해준 뒤
확인 버튼을 클릭해줍니다

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

새 레이어를 하나 생성하고
도구바의 브러쉬 버튼을 클릭한 뒤에
화면의 빈 공간에 클릭을 해주면
클릭한번으로 아까 그 글자 모양이 그대로
뜨는 걸 확인 할 수 있습니다

이렇게 화면에 대고 한번 클릭을 하고,
shift를 누른 상태에서 화면 바깥 의
오른쪽 아래쪽 위치에 대고
한번 더 클릭을 해주면

처음 클릭 지점부터 두번째 클릭 지점까지
길게 늘어진 그림자가 생성됩니다

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

그런데 이렇게 렉 걸린 것마냥
끊어진 모양으로 생성이 되는데요

이게 마음에 든다면 그대로 사용하셔도 되지만
매끄러운 그림자를 원한다면
ctrl+z를 눌러서 되돌리기를 한 다음에

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

브러시 모양을 클릭한 상태에서
왼쪽 상단에 뜨는
<파일 안에 브러시가 들어간 아이콘>
을 클릭해서 <간격>을 1%로 최대한 낮춰줍니다

아까는 글자 사이 간격이 10퍼센트라서
그렇게 띄엄띄엄 부자연스럽게 보였던 건데
이 간격을 최대한 줄여주면 돼요

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

그러고 난 뒤에 아까처럼
클릭 - 화면 바깥 오른쪽 하단 클릭 하면
다음과 같은 모양의
매끄러운 그림자가 만들어집니다

이 그림자는 도형처럼 취급되서
아까와 마찬가지로 ctrl+t를 누르면
사이즈를 조정하거나
기울기를 조정할 수도 있는데요

단 처음 설정할때 화면 바깥으로
나갔던 부분은 자동으로 잘려요
위 화면과 같은 모양으로
설정된다는 점 주의하시면서
처음에 그림자를 그려주면 좋습니다

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

여기까지가 포토샵을 이용해
드롭쉐도우를 만드는 방법이었고
여기서 효과를 더 주고 싶다면

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

그림자 효과가 들어간 레이어를
더블클릭해서 <레이어 스타일> 창을
열어준 뒤에 <그레이디언트 오버레이>를
선택해 색을 입혀주면 됩니다

그레이디언트 글자 옆에
색부분을 클릭하면 색을 바꿀 수 있고

그 옆에 <반전>버튼을 체크하면
색의 위치를 서로 반전시킬 수도 있습니다
(하얀색이 있던 자리엔 핑크색이
핑크색이 있던 자리엔 하얀색이)

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

최종적으로 완성해본 이미지입니다

먼저 아까 처음에 꺼두었던 글자레이어를
다시 켜준 뒤 그라디언트 효과를 줘쓴ㄴ데요
(그림자에 그라디언트 효과 주는 방법과 동일,
레이어 더블클릭하고 레이어스타일 창
열리면 색깔/간격 등 설정하기)

이때 그림자보다 명도는 살짝 더 밝게
채도는 살짝 더 높게 만든 뒤에
위치를 반전시키면
(EX 그림자가 위쪽이 노랑 아래쪽이 하얀색이라면
글자는 위쪽이 하얀색 아래쪽이 노란색)

예쁜 그림자 효과를 만들 수 있어요

그림자가 빨강, 노랑 등 화사한 색깔인데
검정색 글자가 딱! 들어가면 별로 안 예쁘고
동 덜어진 듯한 느낌이 나기 때문에
위에 올라가는 글자까지
그라디언트 효과를 주면 예쁘더라구요
(꿀팁!)

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

그 외에는 사각형 도형을 하나 그려서
테두리를 그려주었고

필기체 느낌이 나는 <더페이샵 잉크리퀴드체>로
내용에 들어갈 부제목을 넣어주었습니다

말풍선 느낌의 체크 도형은
브러쉬를 이용해 그려주었는데요

마우스로 선을 그리니 삐뚤삐뚤 어렵다
잘 안그려진다, 하시는 분들은

아까 그림자를 만들던 방법처럼
shift를 누른 상태에서 클릭-클릭-클릭
하는 방법으로 직선 모양의
체크 표시를 그려줄 수 있습니다

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

"효과넣는 방법"이라는 글자는 흰색이다보니
가독성이 떨어질 수 있어
배경으로 연한 그림자를 넣어주었습니다

레이어를 더블클릭한 뒤
드롭쉐도우 효과를 줬는데
미리보기 화면을 보면서 배경과 어울리게
그림자의 투명도, 거리, 번짐 정도를
자연스럽게 설정해주었어요

포토샵 글자 그림자 길게 - potosyab geulja geulimja gilge

이상입니다

도움이 되셨다면 공감 버튼을 눌러주시고,
모두들 좋은 하루 보내세요 :)