포토샵으로 포스트잇 이미지 만들기!(초간단)

포토샵(Photoshop)으로 할 수 있는 게 정말 무궁무진한 것 같습니다. 조금만 생각을 바꾸면 이것 저것 신박한 것들을 여러가지 만들 수 있으니까요. 이번에는 아주 간단한 방법으로 포스트잇 이미지 만들기를 해볼겁니다.

단순하게 사각형 도형만 띡-! 하고 만드는 것이 아니라, 그림자 효과까지 넣어서 만들어 보도록 할텐데요. 방법이 어렵지 않아서 아래의 내용만 차분히 따라오시면 쉽게 만드실 수 있을겁니다.

포토샵으로 포스트잇 이미지 만들기

제일 먼저 적당한 크기의 캔버스를 생성해주세요. 만들고자 하는 포스트잇 이미지의 크기에 맞게 생성하셔도 되고, 썸네일 이미지에 사용할 예정이라면 정방형 1:1 비율로 생성하시면 됩니다.

포스트잇 종이 부분 만들기

좌측 메뉴에서 사각형 윤곽 도구를 선택하신 후, 위 그림처럼 캔버스의 적당한 위치에 포스트잇 모양의 사각형을 그려주세요. 기본 배경 레이어 위쪽으로 새로운 레이어를 생성한 후에 사각형을 그리면 됩니다.

왼쪽 그림처럼 사각형 영역에 원하는 색상을 입혀주고, 단축키 Ctrl+D를 눌러 도형 테두리에 생성되어 있는 사각형 윤곽을 해제 해주세요. 그 이후에는 포스트잇 모양을 만들기 위해 도형에 왜곡을 줘야 합니다.

사각형 도형이 들어가 있는 레이어를 선택한 후에 오른쪽 그림처럼 필터→왜곡→기울임 순서대로 들어가 주세요.

그러면 제일 왼쪽 그림처럼 도형의 모양을 변형 시켜주는 창이 뜨는데, 빨간 동그라미 부분의 점을 클릭한 상태에서 우측으로 살짝 드래그 해주면 됩니다.

그 후에는 2~3번째 그림과 같이 도형의 방향 전환을 해줘야 합니다. 단축키 Ctrl+T를 눌러 도형의 방향이 180도가 되도록 돌려주신 후에 Enter를 눌러주세요.

포스트잇 이미지 그림자 효과 넣기

이제 포스트잇의 그림자를 만들어 줄 차례입니다. 그냥 도형만 만들고 사용해도 무방하지만, 그림자 효과까지 넣어주면 더 현실적으로 보여질 것입니다.

왼쪽 그림처럼 새로운 레이어를 생성한 후, 처음과 동일하게 사각형 윤곽 도구를 선택하여 포스트잇 이미지에서 살짝 아래쪽으로 드래그하여 사각형을 그려줍니다.

그리고 보시는 것처럼 빨간색 사각형 부분의 화살표를 눌러 전경색 선택으로 바꿔주고, 흰색 사각형을 클릭하셔서 검정색으로 바꿔주세요. 그림자 효과를 넣어 줄 색상입니다.

그 다음 좌측의 페인트 통 도구에 마우스 우클릭을 하셔서 그레이디언트 도구를 선택하시고, 우측 그림처럼 좌측에서 우측 방향으로 드래그 해서 색상을 채워 넣으면 됩니다. 그 후에는 역시 단축키 Ctrl+D를 눌러 선택 해제를 해주면 됩니다.

그리고 레이어의 순서를 바꿔줍니다. 보시는 것처럼 레이어1과 레이어2의 순서를 바꿔주세요. 마우스 드래그를 통해 쉽게 바꿀 수 있습니다.

그러면 위와 같이 그림자 효과가 적용된 것을 볼 수 있습니다. 하지만, 너무 각이 져 보이는 것이 살짝 부자연스러워 보입니다. 이 경우 레이어 박스의 불투명도(Opacity)나 칠(Fill)의 값을 낮춰 해결하는 방법도 있겠으나, 필터 기능을 이용하는 것이 훨씬 더 자연스럽게 보일겁니다.

‘가우시안 필터’로 자연스러운 효과 주기

그림자 부분에는 필터 기능을 활용하면 보다 더 현실감 있는 이미지를 만들 수 있습니다. 상단 메뉴에서 필터→흐림효과→가우시안 흐림 효과 순서대로 들어가주세요.

그리고 반경 부분의 픽셀 값을 적당히 조절하신 후에 확인 버튼을 누르면, 우측 그림처럼 그림자 부분을 구성하고 있는 사각형 영역의 경계가 보다 부드러워진 것을 볼 수 있습니다.

이후에는 그림자 레이어를 선택하셔서 방향키로 그림자 위치를 적당히 조정하시면 됩니다. 여기에서 그림자를 좀 더 연하게 하고 싶을 경우에는 Opacity나 Fill 값을 조금씩 낮춰주면 됩니다.

작업 완료 후, 레이어 병합하기

필수적인 것은 아닙니다만 수십개의 레이어가 있는 작업을 할 때에는 단축키 Ctrl+G를 눌러 그룹으로 묶어주거나, 우측 그림처럼 하나의 레이어로 합쳐주면 보다 편한 작업을 할 수 있습니다.

상황에 따라 어떻게 할지 선택하여 결정하시면 됩니다. 이를테면, 지속적인 수정이 필요할 경우에는 그룹으로 묶어주면 되고, 더 이상의 수정이 필요없으면 레이어 병합(Merge Layer)을 해주면 됩니다.

여러개의 레이어를 선택하는 방법은 Shift, 혹은 Ctrl을 누른 상태에서 원하는 레이어를 클릭해주면 됩니다.

완성된 포스트잇 이미지(샘플)

완성된 포스트잇 이미지의 샘플입니다. 이미지 형태로 저장할 때에는 다른 디자인에도 사용할 것을 대비하여 파일 확장자를 PNG로 선택하여 배경을 투명 색상으로 해주면 됩니다.

포스트잇 이미지 위에 문구를 적어 넣는 경우, 해당 텍스트 레이어를 문자 레스터화 해서 사각형 이미지와 똑같이 왜곡 효과를 넣어주면 됩니다. 여기까지 잘 따라오셨다면 포스트잇 이미지 만들기에 대한 모든 작업이 마무리된 것입니다.

글을 마치며

지금까지 작성된 포토샵 관련된 글, 그리고 앞으로 작성 예정인 일부 글에서는 Photoshop CC 2019 버전을 기준으로 설명이 이루어질 예정입니다. 기존 티스토리에 작성되어 있는 글들을 어느 정도 각색하여 업로드한 이후에는 2021 버전을 기준으로 설명됩니다. 긴 글 읽어주셔서 감사합니다. 끝!