포토샵으로 카드뉴스 만들기# 2｜그라데이션과 그림자 활용하기

저번 시리즈에 이어서, 이번에는 그라데이션을 사용해서 포토샵 카드뉴스 만들기를 해보았다.

▶지난 시리즈: [Photoshop] - 포토샵으로 카드뉴스 만들기# 1｜텍스트 테두리 활용하기

포토샵으로 카드뉴스 만들기# 1｜텍스트 테두리 활용하기

텍스트 테두리만 활용해서 만드는 것보다는 어렵지만, 익숙해지면 금방 만들 수 있다.

Gradient Overlay, Inner Shadow, Drop Shadow 스타일을 활용했다.

---

1. 배경 채우기

카드뉴스 사이즈는 1080x1080 Pixles/Inch, 해상도 72px/in를 사용했다.

왼쪽 Color 선택하고 'Alt+Delete'키를 활용해서 전체 배경 채우기를 할 수 있다.

또는 편집물을 꽉 채우는 네모상자를 그려서 배경색을 채워줄 수도 있다.

2. Layer Style>Gradient Overlay

Layer창의 Layer style에서 Gradient Overlay를 선택하면, 텍스트에 그라데이션을 입힐 수 있다.

Layer Style>Gradient Overlay

여기서 Gardient: 색상되어있는 부분을 클릭해서 원하는 색상을 골라준다.

Blend Mode와 Style역시 하나씩 눌러보면서 원하는 스타일을 고르면 된다.

Photoshop Gradient Overlay 설정

3. Inner Shadow(안쪽 그림자) 넣기

그라데이션만 넣으면 뭔가 부족한 느낌이다. 조금 더 풍성한 느낌을 위해서 Inner Shadow를 넣어줬다.

Angle을 이렇게 돌려보면 안쪽 그림자의 방향을 조절할 수 있다.

Distance와 Size도 같은 방식으로 적용해보면 된다.

Photoshop Inner Shadow Angle 설정

4. Drop Shadow (그림자)

조금 더 가독성이 좋은 효과를 주고 싶다면, Layer창의 Layer style에서 Drop Shadow(그림자)를 넣으면 된다.

그림자 색과 Blend Mode, Opacity(불투명도), Distance, Spread, Size를 조정하면서 그림자 효과를 확인할 수 있다.

Opacity는 값이 클수록 색이 진하고, 낮아질수록 투명해진다.

Photoshop Drop Shadow Opacity 설정

5. 완성된 텍스트 Layer 복사 후 글자 선만 따주기, 마무리

갑자기 글씨체가 마음에 들지 않아 수정했다.

텍스트 레이어를 클릭하고 복사해준다. 'Ctrl+J'를 누르면 쉽게 복사할 수 있다.

그리고 저번 글에서 했던 것처럼, Stroke Effect로 흰색 선만 따준다.

그리고 Layer창의 'Fill'을 0%로 바꿔주면 아래처럼 흰색 텍스트 라인만 만들어줄 수 있다.

복사한 텍스트 레이어의 위치를 조금씩 이동시키면 텍스트가 튀어나오는 느낌을 낼 수 있다.

포토샵으로 카드뉴스 만들기# 2｜그라데이션과 그림자 활용하기

이제 추가로 필요한 텍스트를 입력하고, 마무리 해주면 된다.

다 만들고 나니 배경이 좀 더 어두운 색이었으면 더 가독성이 좋았을 것 같다는 생각이 든다.

어렵게만 느껴졌던 포토샵인데, 이렇게 하나하나 Tool들을 직접 만져보면서 작업물을 만드니 재밌다는 생각이 든다.