#4. 간단 유용한 포토샵 강좌
타임 잡지 표지 만들기
지난 상반기에 특정한 이유에서 잡지 커버를 만들 일이 있었습니다.
"사진학" 이라는 수업을 마무리하면서 였는데요, 사실 제가 디자이너도 아니고 포토샵을 사진 수정하는 데에만 이용해봤지 딱히 디자인하는 데에 이용한 적은 없었습니다.
그래도 마이크로소프트에서 디자이너 형 누나 님들의 모습을 어깨너머 보았던 덕분인지, 가이드 라인의 중요성 정도는 알고 있었습니다.
잡지 커버 디자인으로 배우는 간단 유용한 포토샵 강좌, 시작해보도록 하겠습니다.
시작하기에 앞서 남의 얼굴로 만드는 건 재미없죠?
본인의 모습을 프로필 이미지로 촬영해 놓은 파일이 있다면 금상첨화입니다.
포토샵CC 스플래시 이미지보통의 잡지는 세로:가로 비율로, 3:2 비율을 택하고 있습니다.
그러니까 우린 3000px * 2000px 의 캔버스를 새로 만들어보아요.
먼저 몇 개의 단축기를 알아두고 시작할까요?
Ctrl + Alt + Shift + K 를 눌러 단축키 설정 관리를 할 수 있어요.
Ctrl + N 을 눌러 새로 만들기,
Ctrl + R 을 눌러 눈금자 만들기,
Ctrl + H 를 눌러 가이드라인 보이기/숨기기,
Ctrl + J 를 눌러 현재 레이어 복제하기,
Ctrl + G 를 눌러 선택된 레이어 그룹 만들기,
Ctrl + Alt + I 를 눌러 이미지 크기 변경하기,
Ctrl + Alt + C 를 눌러 캔버스 크기 변경하기,
Ctrl + Alt + Z 를 눌러 수 회 실행취소하기,
Ctrl + Shift + Z 를 눌러 수 회 다음실행하기
등을 수행할 수 있고요.
저는 가이드 라인 만드는 단축키를 Ctrl + Alt + Shift + G 로 따로 만들었어요.
U버튼을 눌러 사각형 도구로 사각형을 그린다 대강 사각형의 형태를 잡아줍니다. (W 에 2000px 을, H 에 3000px 을 입력 후 채우기는 사선으로 표시된 "비움"을 택하고 획 두께를 70pt 로 잡아줍니다)
획 컬러는 화이트로 설정하시고요.
그리고 다시, 사각형의 형태를 잡아줍니다. (W 에 2000px 을, H 에 3000px 을 입력 후 채우기는 사선으로 비움을 택하고 획 두께를 70pt 로 잡아줍니다)
이번에는 획 컬러를 따로 레드 색상을 설정해줘야 합니다. 컬러 값은 다음과 같습니다. (R:240 / G:20 / B:18 / #f01412)
무언가... 타임 잡지 커버 같은 프레임은 벌써 보입니다. 타임의 힘이란.
타임지는 Times New Roman 폰트를 사용하나, 저는 그냥 이미지 로고를 그대로 이용하겠습니다.
글자를 직접 넣어야 크기 조절(특히 확대)로부터 자유롭겠지만, 위 첨부 이미지 자체가 크거니와 장평 등을 만져줘야 할 수도 있어 그냥 로고 이미지를 넣었습니다.
색상 오버레이로 이미지를 원하는 모노 컬러로 덮는다원본 타임지 로고를 갖고 왔지만 색상을 내가 원하는 톤(R:240 / G:20 / B:18 / #f01412) 으로 아주 살짝 바꾸고 싶어 색상 오버레이를 이용해 타임지 로고 색상을 덮어주었습니다.
바코드 이미지를 삽입잡지 우측 하단에 위치하는 바코드 또한 이미지를 다운받아 삽입합니다. 어차피 투명한 백그라운드를 보여주는 것이 아니기에, jpg 파일도 부담 없지요.
이미지가 살짝 작으니 사이즈를 적당하게 강제로 키워줍니다.
TIME 로고 위 PERSON OF THE YEAR빈 화면에서 Ctrl + R 을 눌러 눈금자를 스위치 On 해줍니다. 좌측 눈금자 위에서 마우스를 눌러 오른쪽으로 끌고 오면 밝은 옥색 계열의 세로 가이드라인이 나오는데 캔버스 크기의 가로 중앙지점 혹은 세로 중앙 지점에선 살짝 스냅이 있습니다. 편리하게 센터 가이드 라인을 추가할 수 있죠.
혹시 스냅 기능이 작동하지 않는다면, Ctrl + Shift + ; 을 눌러 스냅 기능을 켜줍니다.
그리고 이번엔 "타임" 이라는 매거진 로고 위에 PERSON OF THE YEAR 라는 글자를 올리고 싶어 졌습니다. 키보드의 U 버튼을 눌러 테두리가 둥근 사각형을 테두리 3pt, #fff 화이트 컬러로 잡고, #222222 검정으로 채워줍니다.
그리고 이후 키보드의 T 를 눌러 텍스트 상자를 준비하고 그 위로 하얀색으로 글자를 올려줍니다. 폰트는 TIMES NEW ROMAN 을 이용했습니다.
위에서 추가한 가이드 라인을 적극 활용하면 타임 로고와 PERSON OF THE YEAR 글자, 상자를 정확히 중앙에 배치할 수 있겠지요?
타임 로고 위 올해의 인물 배너, 그외 글자들예.. 올해의 인물이 되어보고 싶었습니다.
디테일한 부분을 손봐주어야 할 때가 왔습니다.
타임지 최외곽 프레임과 로고 사이에는 어떤 말들이 쓰여있지요. 쓰고 싶은 말을 끄적여놓습니다.
타임지 최외곽 레드 프레임에는 좌측과 우측에 나뉘어 이슈 내용, 발행일자(월)가 적혀있습니다.
최외곽에는 조금 깔끔해 보일 수 있도록 산세리프(Sans Serif) 계열의 Helvetica 폰트를 이용했습니다. 해당 폰트가 없다면 Arial 폰트를 사용하셔도 무방하겠습니다.
언뜻 완성되어가는 듯한 느낌배경으로 본인이 사용할 프로필 사진을 삽입해봅니다. 이때 작가 의도에 따라 레이어 순서가 매우 중요하겠죠.
당연하지만 타임지 로고보다 사람이 더 앞에 있길 원한다면 프로필 이미지에 배경과 인물의 분리가 필요합니다. 속칭 "누끼따기" 라고 하는데, 이번 강좌에선 해당 내용을 다루지 않겠습니다. 저는 그냥 이미지 위에 텍스트를 올렸으니까요. ㅎㅎㅎ
어두운 부분에 흰 글자를 넣어보거나, 밝은 부분에 검정 계통의 글자를 넣어봅니다.
이 정도면 가볍게 많은 텍스트를 넣지 않고도(타임의 템플릿을 등에 업고) 괜찮은 매거진 커버를 연출할 수 있겠습니다.
완성 이미지자꾸 제 얼굴 나와서 민망하지만, 이렇게 나름 간단하게 완성이 됩니다. 사실 고민과 시도는 여러 번 해보았지만, 결론은 이렇게 간단해 보이게 나왔네요.
더 좋은 베스트 케이스가 나올 수 있겠지만 저는 이쯤에서 마무리하면 될 것 같습니다.
Template psd 파일을 따로 첨부합니다.
* 물론 하드카피 인쇄시 출력결과 때문에 일러스트나 인디자인 작업을 추천드리나, 디지털 파일로 가벼운 프로젝트를 진행할 때 포토샵만 만질 줄 안다면 이 방법을...
* 다 만들고 나서 보니, TIME Magazine template 이라는 검색어가 구글에 돌아다니는 걸 보면... 의미 없는 짓을 했구나 싶기도 하고... 안 열어봤고, 내 것이 더 좋을 것이라고 착각을...
#4. 간단 유용한 포토샵 강좌
