포토샵으로 간단하고 쉽게 배너 만들기

안녕하세요 오늘은 바로 위에 보이는

배너를 만들어볼거에요

 

만들기전에 먼저 그럼 왜? 우리가

귀찮게 손품을 팔아가면서 배너를 만들어야 하나 생각해볼까요?

너무나 쉬운 답이죠

배너를 대표이미지로 사용하거나

이곳 저곳 배치하여 보는이의 이목을 주목시킬 수 있고

배너는 게시글, 상품페이지 등의 글의 완성도를 높여줍니다

글의 제목과 같은 역할을 하기도 때문에

글쓴이라면 효율적으로 독자들에게 배너로써 시각적인 요소를 제공하고

그들의 보다 쉽게 유인하는 방법도 좋은 전략이겠죠?

 

그럼  포토샵으로 간단하고 쉽게 배너만들기

실천 시작합니다!

(준비물: 배너배경이미지

저는 제가 직접 찍은 하늘사진 활용했습니다)

 

 

포토샵 실행 후

새로만들기 창에서

원하시는 캔버스 사이즈를 설정합니다

(저는 860px 스마트스토어 최적화 사이즈입니다

높이는 임의사이즈입니다)

 

이렇게 빈 화면이 나옵니다

그럼 이어서

열기 또는 마우스로 하늘사진or원하는 이미지 파일  드래그 하여 열어줍니다

이렇게 다른 탭으로 불러오기 됩니다

 

하늘사진의 레이어를 끌어다가

작업할 배너 탭으로 넘어가 배경에 놓습니다

 

레이어가 추가되면서

사진이 크게 들어가있습니다

먼저 사진 크기를 줄여줍시다

 

사진을 누르거나 레이어를 눌러주시고

크기조절 단축키 Ctrl + T을 눌러

파란색 조절점이 나오면 크기조절을 해줍니다

하시면서 원하는 부분을 맞추어주세요

다하시면 엔터키 눌러줍니다

 

이제 사각형 도구를 활용 해서

텍스트가 들어갈 위치를 잡아줍시다

단축키 U

사각형 도구를 그려주시면 레이어가 또 자동으로 추가되고

사각형도 원하는 크기로 조절해주시고

속성창에서 색깔을 흰색으로 지정해줍니다

 

이제 사각형의 불투명도를 조절하여

배경을 살짝 보이게 해줍시다

다음은 수평 문자 도구를 활용하여 

단축키 T

사각형 위에 원하는 텍스트를 써줍니다

(수평 문자 도구를 사용하고 문자를 선택하면

단락 옵션이 나오고 가운데 설정하실

수 있습니다)

텍스트의 위치는 위치 조절 도구를

이용해서 맞춰줍니다

포토샵으로 간단하고 쉽게 배너 만들기

완성입니다

 

끝으로 항상

원본 파일은 저장하여 기본프레임으로 재사용할때 쓰시구~

웹용으로 저장하여 이미지 파일 저장해둡시다

-이렇게 갑작스레 끝-

 

---

이전의 게시글에서

배경색과 텍스트만으로

대표이미지를 만드는 방법을 설명드렸고

이번 게시글에서는

추가로 이미지와 불투명한 사각형을 활용하는법을 알려드렸습니다

이렇게 포토샵의 전문가 아니더라도

쉬운 툴과 작업만으로

효율 높은 작업물을 만들어

충분히 자신의 컨텐츠의 퀄리티를 향상 시킬 수 있습니다

오늘 따라하며 만들어본 원본 파일을 활용하여

재사용하시면서 앞으로는 더 쉽고 빠르게 만드실수있을거에요:)

 

포토샵으로 간단하고 쉽게 배너를 만들어보세요~