이미지 광고배너 만드는 방법, 제작 - 포토샵 배우기

인터넷으로 쇼핑몰을 운영하거나, 인터넷으로 광고비지니스를 할 경우에, 내 블로그나 카페에 광고배너를 달아야 할 경우가 종종 생기게 됩니다.

이렇게 광고배너나 이미지배너를 블로그나 카페에 만들어서 다는 방법을 한번 알아보도록 하겠습니다.

광고(이미지)배너는 그 이미지배너에 링크를 달아서 방문자가 그 배너를 클릭했을 때, 해당 사이트로 이동시키는 기능을 하는 홍보용배너를 말합니다.

요즘, 인터넷블로그나 카페, 커뮤니티 사이트에서 광고배너를 달아서 수익을 추구하는 블로그마케팅이 유행하고 있답니다.

또한 내 사이트나 내 홈페이지를 홍보하고 싶을 때, 특정 카페나 블로그에서 내 홈페이지를 알리고 내 홈피로 네티즌들을 유입하기 위해서는 해당 카페나 블로그에 광고(이미지)배너를 달아두면 방문자들을 많이 확보할 수 있다는 장점이 있지요.

그 카페나 그 블로그를 방문한 네티즌들이 눈길을 확 사로잡는 광고(이미지)배너를 보고, 호기심이 발동해서 그 광고배너를 클릭하는 순간, 그 배너에 연결된 자신의 사이트나 쇼핑몰로 곧바로 이동하게 된답니다.

이렇게 광고배너는 카페나 블로그 등 여러 매체들에 달아서 어렵지않게 많은 방문자들을 유입시킬 수 있으므로, 광고(이미지)배너는 요즘, 인터넷비즈니스에서 각광을 받는 중요한 수단이 되고 있답니다.

여러분들도 한번 광고(이미지)배너를 직접 만들어서 특정의 카페나 블로그에 달아서 내 사이트로 많은 네티즌들을 방문하도록 해보는 것이 어떻겠습니까?

그럼, 광고(이미지)배너를 만들어서 블로그나 카페에 다는 방법을 알아보도록 하겠습니다. 초보자분들은 아래 설명대로 그대로 따라하시면 됩니다. 광고배너는 포토샵을 이용해서 제작하기 때문에 컴퓨터에 반드시 포토샵이 설치되어 있어야 합니다.

1) 먼저, 포토샵을 연다. 포토샵 상단에 있는 메뉴에서 ‘새로만들기’ 또는 ‘신규’를 클릭한다.

2) ‘새로만들기’ 대화상자가 나오는데, ‘폭’에 ‘177’픽셀을, ‘높이’에 ‘245’픽셀을 입력하고 ‘확인’을 클릭한다. 폭 177픽셀, 높이 245픽셀은 광고배너의 가로크기와 세로크기를 말하는데, 이 배너의 크기는 자신이 원하는 크기로 다른 수치를 넣으면 된다. 여기서는 네이버의 사이드바에 넣을 경우에 적합한 가로, 세로 크기를 넣은 것이다.

3) 포토샵에 새로운 작업창이 열렸다. 새로 나타난 작업창은 크기가 작아서 이미지작업을 하기가 불편하므로, 작업창을 ‘돗보기’도구를 이용해서 크게 확대해서 작업하면 편리하다.

왼쪽에 있는 길다란 막대가 도구모음상자인데, 여기에서 ‘돗보기’를 클릭하고, 좌측상단에 있는 ‘돗보기확대’를 클릭한 후, 작업창을 클릭해서 작업창을 크게 확대한다.

4) 위에 보이는 것처럼 작업창이 크게 확대되었다. 이것은 작업창의 실제크기가 커진 것이 아니라, 눈에 보이는 형태만 커진 것이며, 이미지창의 실제크기는 아까 설정한 크기 그대로이다.

단지, 작업을 편리하게 하기위해서 눈에 보이는 창만 크게 만든 것이다.

5) 이 작업창에다가 배너로 사용할 이미지를 만들어야 한다.

이미지는 미리 적당한 형태의 이미지를 만들거나, 구해서 내컴퓨터에 그림파일로 저장해놓아야 한다.

상단메뉴에서 ‘파일’을 클릭하고 ‘열기’를 클릭해서 내컴퓨터에 해당 이미지를 저장해놓은 경로로 찾아들어가서, 해당 이미지를 클릭하면, 해당 이미지가 열린 새로운 창이 나타난다.

6) 새로운 이미지를 불러냈는데. 이 이미지를 먼저 작업창에 ‘붙여넣기’를 해보자. 새로운 이미지는 기존 광고이미지창의 60% 정도크기로 이미지크기를 조정한다.

위의 이미지처럼 불러온 이미지의 헤드부분에 마우스 오른쪽을 클릭해서 나타난 단축메뉴에서 '이미지크기'를 선택한 후 폭과 높이를 알맞는 크기로 입력힌다.  

그리고 이미지를 기존 작업창에 붙여넣기를 하려면, 이미지의 배경부분을 지워주어야 한다. 그래야만 이미지만을 붙여넣을 수가 있다.

7) 만약 불러온 이미지의 배경에 그림이나 색상이 있다면, ‘도구상자’에서 지우개틀을 클릭해서 지우개로 배경부분을 말끔히 지워준다. 불러온 그림의 이미지만을 작업창에 붙여넣기 위해서이다.

8) 이제 불러온 이미지를 작업창에 삽입해야 한다.

불러온 이미지창을 클릭한 후, 상단에 있는 ‘편집’메뉴에서 ‘복사’를 클릭한다.

9) 작업창을 클릭한 후 상단에 있는 ‘편집’메뉴에서 ‘붙여넣기’를 클릭한다.

⑩ 불러온 이미지가 위의 그림과 같이 기존 작업창에 복사되었다.

‘도구상자’의 ‘이동키’를 클릭한 후, 작업창에 붙여넣어진 이미지를 클릭해서 아래부분으로 이동시킨다. 이미지를 작업창의 아래부분으로 이동시키는 이유는 작업창의 윗부분에 문자를 넣을 공간을 확보하기 위해서다.

⑪ 이제 이미지창에 적절한 문구를 넣을 차례다. 어차피 내 사이트나 쇼핑몰을 홍보하는 광고배너니까, 내 사이트나 쇼핑몰을 효과적으로 홍보할 수 있는 적당하고 함축적인 문구를 만들어 넣으면 된다.

도구상자에서 ‘문자’툴을 클릭한 후, 상단에 있는 ‘문자서체’를 선택하고 상단바에 있는 ‘문자수치’에 적당한 크기의 값을 입력 또는 선택하고, 도구상자에 있는 ‘색상’을 선택하고 마지막으로 작업창에 문자를 입력한다.

⑫ 위의 이미지처럼 이미지창에 문구가 넣어졌는데, 사이트나 쇼핑몰의 이름은 설명문구보다 더 크고 눈에 띠는 색상을 선택해서 넣는다.

그리고 이미지창의 맨하단에 사이트나 쇼핑몰의 주소를 입력한다. 서로 다른 문자를 입력할 때에는 우측하단에 있는 레이어에서 서로 다른 레이어를 선택해서 문자를 입력하는 것이 좋다. 서로 다른 레이어를 선택해서 문자를 입력하면 ‘이동키’로 위치를 잡기만 용이하고 그문자의 수정이 쉽다.

⑬ 이미지와 문자가 완성되었다. 이미지배너의 배경색상이 하얀색으로 되어 있는데. 그대로 완성시켜도 되고 좀더 네티즌들의 눈에 띠게 하려면, 배경에 칼라색상을 넣어주는 것이 좋다.

우측 레이어창에서 맨밑에 있는 ‘배경레이어’를 선택하고 도구상자에서 적당한 ‘색상’을 선택하고, 도구상자에 있는 ‘페인트통’을 선택한 후 이미지창의 배경부분을 클릭해준다.

⑭ 이미지의 배경부분에 하늘색 칼라가 칠해졌다. 배경이 하얀색상보다는 더 눈에 띄는 색상이다.

이번에는 이미지배너에 테두리를 입혀보자,

우측하단의 레이어창에서 ‘배경레이어’를 클릭하고 도구상자에서 ‘검은색’ 색상을 선택하고, 상단에 있는 메뉴에서 ‘선택’ - ‘모두’를 클릭한다.

그리고 ‘편집’메뉴에서 ‘획’을 클릭하고 나면 ‘획’ 대화상자가 나타나는데. ‘폭’에 3픽셀을 입력하고 ‘확인’을 클릭하면 이미지에 검은색 테두리가 입혀진다.

위와같이 깜찍하고 산뜻한 이미지배너가 완성되었다. 푸른색 배경의 이미지 광고배너가 만들어졌는데. 배경의 색상을 바꾸려면, 우측하단에 있는 레이이창의 최하단에 있는 ‘배경레이어’를 선택한 후, 도구상자의 ‘색상’을 클릭해서 다른 색상을 클릭해주면 배경색상을 여러 가지 색으로 바꿀 수가 있다.

⑮ 이렇게 완성된 광고(이미지)배너를 내컴퓨터에 저장해야 한다.

그런데 이미지배너를 저장하기 전에 포토샵에서 이미지작업을 하던 중 많은 레이어들을 열어놓았다. 열어놓은 레이어들을 모두 병합한 후에 저장하는 것이 좋다. ‘레이어’클릭 후 ‘보이는 레이어 병합’을 클릭해서 레이어를 하나로 통합한다.

그리고 ‘파일’메뉴의 ‘저장’을 클릭한다. 그러면 ‘저장’ 대화상자가 나오는데. 저장 대화상자에서 저장하기 원하는 파일경로를 지정하고 난후, 파일이름을 입력해주고 파일형식에는 반드시 ‘JPEG'를 선택하고 ’저장‘을 클릭한다.

파일형식에 ‘JPEG'를 선택하는 이유는 다른 형식을 선택해도 저장이 되지만, ‘JPEG'형식이 인터넷에 올렸을 때 용량이 적게 차지하고, 인터넷에 에러없이 잘 올려지기 때문이다. 다른 형식들은 인터넷에 올렸을 때 용량을 많이 차지하거나, 에러가 발생하는 경우가 많다.

따라서 이미지를 저장할 때에는 ‘JPEG'형식으로 저장하는 것이 가장 무난하다.

귀엽고 산뜻한 이미지 광고배너가 완성되었다. 이 광고배너를 블로그나 카페, 그리고 커뮤니티사이트에 올려서, 자신의 사이트를 널리 홍보하고 알려서 자신의 사이트나 인터넷쇼핑몰로 방문을 유도할 수 있다.

배경색만 바궈주면 위와 같이 푸른색 배경, 노란색배경, 하얀색 배경의 세가지 색상의 이미지배너를 만들 수가 있다. 이중에서 가장 마음에 드는 색상을 골라서 광고배너로 사용하면 된다. 

다음 시간에는 이렇게 만들어진 이미지 광고배너를 블로그나 카페, 웹사이트에 달거나 올리는 방법을 강의하고자 한다. 그럼 다음시간에 뵈요!