알짜정보/포토샵강의

포토샵으로 초간단하게 포스트잇 만들어보기!

브로콜ㄹl 2020. 11. 27.

 

안녕하세요! 브로콜리입니다. 포토샵으로 할 수 있는게 정말 무궁무진한것 같습니다. 바로 직전에 알려드렸던 '부분 흑백' 효과를 넣는 것 부터 글씨에 '네온사인' 효과를 넣는 것까지 알아가면 알아갈 수록 포토샵이라는 프로그램은 이미지 편집 프로그램의 최강자인 것 같습니다.

 

이번 시간에는 아주 간단한 방법으로 포스트잇을 만들어볼거에요. 단순하게 사각형 도형만 띡- 하고 만드는 것이 아니라 그림자 효과까지 넣어서 만들어보도록 할텐데요! 이것도 아주 쉽게 따라하실 수 있으니 아래의 내용들을 차근차근 읽어보시고 순서대로 잘 따라와주세요~!

 

포토샵으로 초간단하게 포스트잇 만들어보기!

 

포스트잇을 만들 캔버스 생성하기!

이번 시간에 캔버스 크기 관련해서 다시 한 번 짚고 넘어가도록 하겠습니다. 항상 드리는 말씀이지만 캔버스의 크기를 정하는 것은 사용자의 입맛에 맞게 자유롭게 정하셔서 이용하시면 됩니다. 저처럼 [1:1] 비율이 아니라 [4:3], 또는 [16:9] 비율을 좋아하시는 분들은 그렇게 진행하시면 됩니다.

 

저는 블로그 스킨의 특성 상, 썸네일 이미지에 들어가 있는 내용들이 글 목록 화면에서도 다 보여지는게 깔끔해보이기도 해서 1:1 비율을 선택한 것이지 무조건 저처럼 해야한다! 이것은 아닙니다. 고로 저는 정방형 비율인 500X500 픽셀 크기의 캔버스로 작업을 했습니다.

 

 

포스트잇 종이 부분 만들기!

포토샵으로 초간단하게 포스트잇 만들어보기! - undefined - 포스트잇 종이 부분 만들기!

먼저, 항상 그렇듯이 새로운 레이어를 생성해주시고 좌측 상단의 [사각형 윤곽 도구]를 클릭하신 후, 캔버스 위에 마우스 좌클릭으로 드래그하여 사각형 모양을 만들어주세요!

 

포토샵으로 초간단하게 포스트잇 만들어보기! - undefined - 포스트잇 종이 부분 만들기!포토샵으로 초간단하게 포스트잇 만들어보기! - undefined - 포스트잇 종이 부분 만들기!

포스트잇에 원하는 색상을 채워 넣어주신 후에 [Ctrl+D]를 눌러 도형 테두리에 생성되어 있는 "사각형 윤곽을 해제"해주세요. 자, 이제는 포스트잇 효과를 주기 위해 도형을 살짝 비틀어줘야 합니다. 사각형 도형이 들어가있는 레이어를 선택해주신 후, [필터-왜곡-기울임]을 클릭해주세요!

 

TIP
 
 

'사각형 윤곽 도구'로 드래그 하여 도형을 만들어 주시고 색을 채워주세요. 그리고 반드시 [Ctrl+D]를 눌러서 선택 해제를 해주셔야 합니다. 다음 단계에서 도형의 모양을 변형시켜줘야 하는데 선택을 해제하지 않으면 도형의 모양이 변형되지 않습니다!

 

 

포토샵으로 초간단하게 포스트잇 만들어보기! - undefined - 포스트잇 종이 부분 만들기!포토샵으로 초간단하게 포스트잇 만들어보기! - undefined - 포스트잇 종이 부분 만들기!포토샵으로 초간단하게 포스트잇 만들어보기! - undefined - 포스트잇 종이 부분 만들기!

그러면 위와 같이 도형의 모양을 변형해주는 창이 뜨는데요. 중간 부분을 클릭한채로 우측으로 살짝 드래그 해주신 후 [확인] 버튼을 눌러 완료해주세요. 그리고 도형을 가로 모양으로 회전을 시켜줘야 합니다. 키보드에서 [Ctrl+T]를 눌러 도형이 180도가 되도록 돌려주신 후에 Enter를 눌러주세요!!

 

 

포스트잇 밑에 그림자 만들어주기!

포토샵으로 초간단하게 포스트잇 만들어보기! - undefined - 포스트잇 밑에 그림자 만들어주기!포토샵으로 초간단하게 포스트잇 만들어보기! - undefined - 포스트잇 밑에 그림자 만들어주기!

자! 이제 포스트잇의 그림자를 만들어줄 차례입니다. 사실 도형만 만들어도 어느정도 포스트잇의 모양은 나오겠지만, 그림자를 만들어주면 더 현실적으로 보이겠죠? 먼저 레이어 추가 버튼을 눌러 새로운 레이어를 만들어주신 후, [사각형 윤곽 도구]를 클릭하여 조금 전에 만들었던 도형의 살짝 밑쪽으로 드래그하여 사각형을 그려줍니다.

 

포토샵으로 초간단하게 포스트잇 만들어보기! - undefined - 포스트잇 밑에 그림자 만들어주기!

그리고 위 사진에서 보시는 것처럼 좌측의 빨간색 사각형 부분의 화살표를 눌러 [전경색 선택]으로 바꿔주시고, 흰생 사각형을 클릭하셔서 검정색으로 바꿔주세요! 색을 바꿔주셨으면 [확인] 클릭!

 

포토샵으로 초간단하게 포스트잇 만들어보기! - undefined - 포스트잇 밑에 그림자 만들어주기!포토샵으로 초간단하게 포스트잇 만들어보기! - undefined - 포스트잇 밑에 그림자 만들어주기!

그 다음은 좌측의 [페인트 통 도구]에 마우스 우클릭을 하신 후 [그레이디언트 도구]를 선택하셔서 캔버스 위의 그린 사각형 위에 검정색 색상을 채워주세요! 그레이디언트 도구로 색상을 채우실 때에는 위 우측 사진에서 보시는 것처럼 좌측에서 우측으로 마우스 드래그를 해주시면 됩니다. 그리고 [Ctrl+D]를 눌러 선택 해제를 해주시면 됩니다.

 

포토샵으로 초간단하게 포스트잇 만들어보기! - undefined - 포스트잇 밑에 그림자 만들어주기!포토샵으로 초간단하게 포스트잇 만들어보기! - undefined - 포스트잇 밑에 그림자 만들어주기!

해당 도구로 검정색 색상까지 채워주셨으면 그 다음은 마우스 드래그를 통해 레이어의 순서를 바꿔줘야 합니다. 위에 보시는 것처럼 [레이어1]과 [레이어2]의 순서를 바꿔주세요. 그러면 우측의 사진처럼 그레이디언트 도구로 채워진 검정색 사각형이 분홍색 도형 뒤쪽으로 숨어 들어간 것을 보실 수 있습니다.

 

포토샵으로 초간단하게 포스트잇 만들어보기! - undefined - 포스트잇 밑에 그림자 만들어주기!

자! 그 다음은 뒷 부분에 들어간 그림자 효과를 더 현실감 있고 자연스럽게 만들어주는 작업입니다. 먼저 레이어 박스에서 그림자 효과가 들어간 레이어를 선택해주시고 상단 메뉴에서 [필터-흐림효과-가우시안 흐림효과]를 클릭해주세요.

 

포토샵으로 초간단하게 포스트잇 만들어보기! - undefined - 포스트잇 밑에 그림자 만들어주기!포토샵으로 초간단하게 포스트잇 만들어보기! - undefined - 포스트잇 밑에 그림자 만들어주기!

그러면 위와 같이 손바닥만한 창이 뜨는데 하단쪽의 '반경'값을 수정해주신 후에 [확인] 버튼을 눌러주시면, 우측의 빨간 동그라미 부분처럼 그림자 효과가 더욱 자연스러워진 것을 보실 수 있습니다. 만약에 그림자 효과를 주는 검정색 사각형의 위치가 맘에 들지 않는다면 좌측의 [이동 도구]를 선택한 후에 위치를 조정해주시면 됩니다.

 

작업이 완료됐다면 레이어 병합하기!

위의 작업까지 잘 따라오셔서 여러분들이 맘에드는 수준까지 완료하셨다면, 그 다음은 지금까지 작업하셨던 레이어들을 '하나의 레이어'로 병합해줘야 합니다. 다른 이유가 있는 것은 아니고 지금은 포스트잇을 만드는 작업만 하지만 수십개의 레이어가 있는 작업을 할 때는 하나의 레이어로 합쳐주면 아주 편하답니다. 그래서 지금부터는 포스트잇 종이와 그림자 효과가 들어간 레이어를 하나로 합쳐줄겁니다.

 

포토샵으로 초간단하게 포스트잇 만들어보기! - undefined - 작업이 완료됐다면 레이어 병합하기!포토샵으로 초간단하게 포스트잇 만들어보기! - undefined - 작업이 완료됐다면 레이어 병합하기!

쉽게 하실 수 있는데요. 먼저 [레이어1]을 클릭해주신 다음에 [Shift] 키를 누르신 상태에서 [레이어2]를 클릭해주면, 왼쪽의 사진처럼 동시에 두 개의 레이어를 선택할 수 있습니다. 그리고 그 위에 마우스 우클릭을 하셔서 [레이어 병합]을 클릭하시면 위에 보이는 레이어가 하나로 합쳐진답니다. 여기까지 작업을 하시면 포스트잇 종이와 그림자 효과 레이어가 '하나의 이미지(레이어)'가 됩니다.

포토샵으로 초간단하게 포스트잇 만들어보기! - undefined - 작업이 완료됐다면 레이어 병합하기!

드디어 완성입니다! 저는 PNG 파일로 저장하여 포스트잇 뒤의 배경을 아예 투명 배경으로 저장을 했습니다. JPEG 파일로 할지 PNG 파일로 저장할지 그 부분은 여러분들께서 원하시는대로 저장해주시면 됩니다. 비록 텍스트 문구가 자연스럽지는 않지만 많이 자연스러워진 느낌이죠? 여기까지 잘 따라오셨다면 '포스트잇 만들기'의 모든 작업이 종료되었습니다!

 

 

글을 마치며

초반에는 살짝 게으름을 피우다가 요즘에는 저도 재미가 들렸는지 포토샵 강의와 관련된 글들도 재밌게 작성하고 있는 것 같습니다. 더불어서 저의 글을 읽어주시는 분들께도 도움이 되었으면 좋겠네요. 앞으로도 많은 관심 가져주시고 다음 글들도 기대해주세요! 긴 글 읽어주셔서 감사합니다.

 

 

 

 

해당 블로그에서 발행되는 콘텐츠 중 일부 글에는 제휴 및 홍보 관련 링크가 포함되며, 파트너스 활동의 일환으로 일정액의 수수료를 받을 수 있습니다.

댓글