리뷰사진에 텍스트 추가하기

리뷰사진에 텍스트 추가하기

 

이번 시간에는 리뷰용 제품사진에 제목과 부위별 명칭을 설명하는 텍스트를 제작해 보겠습니다.

한층 더 깔끔한 리뷰페이지를 원하시는 분들에게 좋은 정보가 될 것입니다.

 

* 본 강좌는 포토샵 CS3 영문판을 사용하였으며 메뉴의 위치나 문구는 다소 다를 수 있습니다.

 

 

 

 

1024 x 744 픽셀의 수정 된 이미지로 작업을 해보겠습니다. 보정법은 지난 제품사진 보정하기 강좌를 참고하세요.

 

 

사이즈가 큰 원본 이미지를 이용할 경우 추후 사이즈 조절 시 입력한 텍스트가 깨져 보일 수 있으므로 미리 Crop Tool을 이용하여 적당한 사이즈로 이미지를 자른 후 작업을 시작합니다. 강좌에서는 가로 550 픽셀의 사이즈로 조절 후 작업했습니다.

 

세로 사이즈를 0 픽셀로 적어준 후 Crop Tool로 이미지를 자를 경우 가로사이즈는 550 픽셀로 고정되고, 세로는 가로 크기 550 픽셀의 길이에 맞게끔 값이 자동으로 주어집니다.

 

 

이미지를 자른 후의 사이즈입니다. Crop Tool에 가로 값이 자르기 전 설정한 550 픽셀로 돼 있고, 세로는 550 픽셀에 맞게끔 400 픽셀의 값으로 되어 있습니다.

 

 

타이틀 제목을 제일 먼저 써보겠습니다. 글씨를 쓰기 위해 Type Tool을 선택하고 폰트 종류는 보기 적당한 것으로 고릅니다. 컴퓨터에 설치되어있는 폰트가 많을수록 좋겠죠?^^ 그다음 텍스트 크기를 정해주고 폰트 색깔을 맘에 드는 색으로 골라 줍니다.

 

 

적당한 위치에 타이틀을 적어줍니다.

 

 

폰트를 예쁘게 디자인 하기 위해 이미지 형태로 바꾸겠습니다. 레이어 창에 폰트 레이어에 마우스 우측 버튼을 누르면 위와 같은 메뉴가 뜹니다. 메뉴 중에 Rasterize Type을 선택하면 폰트 레이어가 이미지 형태로 바뀌게 됩니다.

 

 

텍스트 타입의 레이어를 이미지 타입의 레이어로 바꾼 후의 모습입니다. 텍스트 타입일 때의 레이어를 이미지 타입으로 바꾸면 그림이나 사진에 사용하는 효과를 쉽게 적용할 수 있습니다.

 

 

Marquee Tool을 선택하고 타이틀 폰트를 반만 선택합니다.

 

 

그다음 Hue/Saturation (단축키 Ctrl + U) 설정 창에서 하단에 밝기를 조절하는 바의 값을 -30을 주면 선택부분이 어둡게 변하여 타이틀 폰트의 색깔이 상하 두 가지로 나뉘는 효과를 줄 수 있습니다.

 

 

Marquee Tool로 선택된 부분을 작업 화면의 아무 부분이나 클릭하여 취소를 해주고 이미지 폰트 레이어를 복사합니다.

 

 

타이틀의 그림자 효과를 주기 위해 레이어 창에서 빨간 박스 부분의 레이어를 선택하고 포토샵 상단 메뉴에 Edit -> Transform -> Flip Vertical을 클릭합니다. Flip Vertical은 이미지의 상하위치를 바꿔주는 메뉴이며 Flip Horizontal은 좌우를 바꿔주는 메뉴입니다.

 

 

Move Tool을 선택하고 방향키로 상하가 바뀐 폰트 이미지의 위치를 그림자 느낌이 나는 부분까지 이동시켜 줍니다.

 

 

그림자로 사용할 레이어의 Opacity를 20%로 낮추어 줍니다.

 

 

Eraser Tool을 선택하고 부드러운 브러쉬 모양으로 맞춰준 후 그림자로 사용할 레이어의 하단을 적당히 지워주면 그림자가 완성됩니다.

 

 

이제부터는 각부 명칭을 표시하는 점을 만들어 보겠습니다. 우선 레이어창에 새로운 레이어를 추가합니다. 그다음 원모양의 Marquee Tool을 선택하고 적당한 부분에 작게 원을 그려줍니다. 그 후 좌측 메뉴 바 하단에 있는 색상 선택 창에서 원하는 색상을 골라주고 색상 채우기 (단축키 Alt + Delete)를 하면 색상 선택 창에서 빨간 네모박스 부분의 색상이 원안에 채워지게 됩니다.

 

Tip. 원을 그릴 때 Shift 키를 누른 상태에서 그릴 경우 정확한 모양의 원을 그릴 수 있습니다.

 

 

색상이 채워진 작은 점의 표시를 확실히 하기 위해 레이어 창에서 방금 점을 만든 레이어를 더블 클릭합니다. Layer Style 메뉴 창에서 하단에 Stroke를 선택하고 사이즈는 1 픽셀, 색상은 흰색으로 해주면 점의 테두리가 흰색으로 됩니다. 완료 후 OK를 눌러 설정을 마칩니다.

 

 

만들어진 점을 명칭 표시를 할 곳으로 복사합니다. 복사하는 방법은 Move Tool을 선택한 상태에서 복사할 점에 마우스를 올려놓고 Alt 키를 누른 상태에서 이동을 시키면 같은 모양의 점들을 무제한으로 복사할 수 있습니다. 이런 식으로 점들을 해당 부위별로 이동시킵니다.

 

 

제품사진 바깥쪽에 부위별 설명 텍스트를 넣기 위해 Line Tool을 선택합니다.

 

 

상단 메뉴에 Line Tool 그림 옆에 아래로 행한 검은 화살표를 클릭하면 Arrowheads라는 Line Tool의 머리부분의 모양을 화살표로 바꿔줄 수 있는 설정 창이 나옵니다. Start와 End는 마우스가 시작하는 부분과 끝나는 부분에 화살표 유무를 선택하는 메뉴입니다. Width는 화살표 머리의 두께, Length는 화살표 머리의 길이, Concavity는 화살표 머리의 모양을 설정할 수 있는 메뉴입니다. 강좌는 상단 이미지의 값으로 화살표를 만들어 보겠습니다.

 

 

이왕이면 점의 색깔과 화살 선의 색을 같게 하고 Shift 키를 누른 상태에서 화살표를 그려주면 상하, 좌우, 대각선의 정확한 직선으로 화살표를 뽑아낼 수 있습니다.

 

 

부위별 명칭을 적어주기 위해 Type Tool을 선택하고 폰트 종류와 크기, 색상을 알맞게 골라주고 해당하는 글을 적어줍니다.

 

 

끝으로 상단메뉴에 Layer -> Flatten Image를 클릭하면 모든 레이어가 합쳐지고 작업이 끝나게 됩니다.

 

 

지난 시간 제품사진 보정하기에 이어서 이번 시간에는 리뷰용 사진에 타이틀과 명칭 텍스트를 꾸미는 방법에 대하여 알아보았습니다.

리뷰나 사용기를 작성하시는 다나와 회원 여러분께 많은 도움이 되셨길 바라며 다음 시간부터 포토샵 CS4의 새로운 기능에 대하여 하나씩 다뤄보겠습니다. 그럼 다음 시간까지 안녕히 계세요.

 

                                                                         다나와 정보콘텐츠팀 신성철 multic00@danawa.com