미모의 모델 제시카 알바 사진 한 장과 포토샵 CS4로 가칭 '파라다이스' 여름호 잡지 표지 디자인을 하는데 걸리는 시간은 얼마나 될까요? 포토샵 중급자 정도면 대략 30분 안팍이면 가능하고, 초보자도 어렵지 않게 금방 완성할 수 있습니다.

그럼 이번 글을 통해서 포토샵 CS4로 잡지 표지를 디자인하면서 어떤 포토샵 팁과 테크닉을 배울 수 있는지 한번 살펴 보도록 하겠습니다. 참고로 이번 포토샵 강좌는 링크해 놓은 동영상 강좌를 참고하시고 포토샵 작업과정 핵심 포인트만 정리하도록 하겠습니다.(그게 더 이해가 빠를 것이라 생각됩니다.)

제시카 알바 사진 한 장, 포토샵으로 잡지 표지 만들기

포토샵으로 만든 잡지 표지 - Before(좌), After(우)

작업을 하기전에 인터넷에 공개된 제시카 알바의 비키니 입은 섹시한 사진 한 장을 구하고 잡지 제판 사이즈에 맞게 끔 잘라내기(Crop)를 해서 준비합니다. 참고로 위의 이미지 좌측의 원판은 첨부한 압축파일에 완성된 PSD파일과 함께 들어 있습니다. 연습을 위해서.^^

위 이미지는 포토샵 CS4 로 잡지 표지를 완성하고 포토샵 작업 키 포인트를 설명하기 위해서 갈무리한 것입니다. 주의깊게 살펴 볼 부분들을 별도로 표시해 두었으니 링크하는 동영상을 볼 때 어떻게 작업되는지 잘 살펴 보시길 바랍니다.

A. 퀵마스크(Quick Mask)와 워크 패스(Work Path) 활용법 익히기
잡지의 타이틀 부분입니다. 이 부분의 키포인트는 모델의 머리 뒤로 타이틀을 배치해 모델 이미지를 살리는 것은 물론 입체감마져 들도록 퀵마스크 기법이 적용된 부분입니다. 타이틀과 모델의 헤어부분이 겹치는 그 부분을 마스크작업을 통해 가려 줌으로써 모델이 앞으로 배치된 느낌이 들게 됩니다.

또한 잡지 타이틀 자체에도 패스로 모양을 잡고 마스크 모드에서 투톤 웨이브를 드러나게 해 여름바다의 파도 느낌이 나도록 했습니다.

B. C. 워크 패스와 패스따라 흐르는 타입 툴 기능 익히기
특집 기사 헤드라인이나 주요 기사들을 주로 싣는 공간으로 많이 활용되는데, 이 영역의 작업에 있어 포인트는 모델(제시카 알바)의 몸매라인을 따라 패스를 그리고 타입 툴을 이용해 패스의 형태에 따라 글이 채워지도록 설정한 부분입니다. 워크 패스의 형태를 주정하면 그 형태에 따라 글들이 자동으로 정렬된다는 것이 핵심입니다.

D. 문자 입력박스를 이용해 입력문자 배열 조정기능 익히기
일반적으로 타입툴로 문자를 입력할 곳에 클릭하고 입력합니다. 그렇게 되면 줄간격이나 자간 조절, 글자 크기 등은 조절이 가능하나 레이아웃에 유동적으로 대응하기 힘듭니다. 전체 문단을 키우면 글자가 커지거나 비율이 틀어지게 됩니다. 하지만 타입 툴을 선택하고 클릭 드래그해서 문자 입력박스를 만든 다음 글자를 입력하면 문자 입력 박스를 조정했을 때 자동적으로 줄바꿈과 좌.우측 정렬이 되게 됩니다. 많은 문단 작성. 편집 시 아주 유용한 기능이기도 합니다. 

그럼 위의 잡지 표지 디자인 포토샵 작업 핵심 키포인트를 기억하시고 다음 링크의 동영상을 보시면 어떻게 작업되는 쉽게 이해가 되실 겁니다(참고로 영어 동영상이니 영상에 나오는 작업 과정을 큰 창으로 보면서 어떻게 작업하는지 잘 살펴보시길 바랍니다.

그 결과 20분 안팍으로 완성된 제시카 알바가 표지모델이 된 잡지 표지 디자인 완성 이미지는 아래와 같습니다. 짧은 시간에 만들어진 잡지 표지 디자인이지만 멋져 보이지 않나요? 물론 환상적인 몸매와 미모를 갖춘 제시카 알바가 모델이어서 멋진 까닭도 있겠지만요.^^

포토샵으로 만든 잡지 표지

포토샵으로 만든 잡지 표지 완성 이미지

틈나실 때 위에 첨부한 제시카 알바 원본 이미지와 완성작이 담긴 PSD파일을 참고로 동영상을 보면서 연습해 보시길 바랍니다. 중요한 것은 기능을 익혀 자신만의 디자인 스킬을 키워나가는 것이 핵심입니다. 그럼 여러분들의 멋진 작품들을 기대해 봅니다. 강추^^

※글에 대한 여러분 의견을 남겨 주십시오. 감사합니다!
  1. 이전 댓글 더보기
  2. BlogIcon 넷테나 2009.08.04 10:06  댓글주소  수정/삭제  댓글 남기기

    와우 정말로 super-duper한 동영상 강의입니다.
    추천하고 구독했습니다~ 처음부터 봐야겠어요

    • BlogIcon 마루[maru] 2009.08.04 16:27 신고  댓글주소  수정/삭제

      서두르지 마시고 천천히 동영상을 감상해 보시고, 이참에 몇가지 기능들을 확실히 익혀 두시면 다음에 유용하게 사용할 수 있을 겁니다.

  3. BlogIcon 도로시♪ 2009.08.04 21:24  댓글주소  수정/삭제  댓글 남기기

    제시카 알바 언니 역시 섹시해요!^^
    알려주신 정보를 활용해 봐야겠습니다~
    이렇게도 잡지 표지를 만들 수 있네요!
    유용한 팁 너무 감사합니다~

  4. BlogIcon 라쏘 2009.08.05 11:27  댓글주소  수정/삭제  댓글 남기기

    work path 기능을 잘 사용 안했는데 한번 테스트 해 봐야 겠습니다~ ^^

    멋진 내용 감사합니다.

  5. 조수현 2009.08.05 13:44  댓글주소  수정/삭제  댓글 남기기

    이렇게 만들면 월급도 못받구 그날 바로 짤려요....

    뭘좀 똑바로 보구 올리셔야지.

    • BlogIcon 마루[maru] 2009.08.06 18:11 신고  댓글주소  수정/삭제

      너무 민감하시군요.. 실무에서는 더 복잡하고 고려할 부분이 많죠? 이 강좌는 다소 오해가 있을지는 모르나. 작업과정에 따른 포토샵 기능들을 설명하고 이해를 돕기 위한 목적이니 너무 흥분하진 마셨으면 해요^^

  6. 김성중 2009.08.05 14:58  댓글주소  수정/삭제  댓글 남기기

    디자인전공 대학교 1학년도 이렇게는 안만들듯 하네요 ?
    너무 우습게 보는듯 ...
    진짜 조수현님 말씀대로 월급도 못받고 그날 바로 짤리겟네요..

    • BlogIcon 마루[maru] 2009.08.06 18:27 신고  댓글주소  수정/삭제

      못한다고 짜르기 전에 디자인과 출판 프로세스의 과정과 기술적인 부분을 가르쳐서 더 좋은 결과물을 만들게 하는 회사가 좋은 회사겠죠?

  7. 동녀리 2009.08.05 15:14  댓글주소  수정/삭제  댓글 남기기

    포토샵으로 잡지표지를 만든다라... 이거 제목부터 기본상식을 벗어나네요. 잘못하면 인쇄 제대로 안되요.. 전문 편집프로그램은 고사하고 하다못해 일러스트레이터로 작업하셨다면 이렇게 까지 태클 안걸겠지만 이건 디자인 하셨다면 당연한 부분이라 좀 어이가 없네요..

    • BlogIcon 마루[maru] 2009.08.06 18:25 신고  댓글주소  수정/삭제

      포토샵으로 잡지표지를 만든다는 발상이 잘못된 것은 아닙니다. 포토샵을 이용하던 일러스트레이터를 이용하던 중요한 것은 인쇄과정에서 최상의 퀄리티가 표현될 수 있는 방식을 선택하는 것이 중요한 것이죠.

  8. 김현태 2009.08.05 15:20  댓글주소  수정/삭제  댓글 남기기

    디자인을 해보긴 해보고 저런식으로 글을 쓰나.. 현장을 안나가본 기자가 뻘짓기사나 남발하는거랑 똑같네.. 밥은 먹고 다니냐..??

  9. 양상렬 2009.08.05 17:15  댓글주소  수정/삭제  댓글 남기기

    감사합니다.. 좋은 정보에 상세한 교육까지...

  10. BlogIcon 청공비 2009.08.05 18:31  댓글주소  수정/삭제  댓글 남기기

    글 올리신 분께서 출판되는 잡지 퀄리티의 수준으로 표지 만드는데 20분이라고 올리신 것도 아니고, 위에 before & after를 보시면 딱 이정도 만든데 20분이라고 하신건데... 너무 열올리시는 것 같습니다.

    저는 동영상 보면서 좋은 스킬 배워서 기분 좋았습니다~

    • BlogIcon 마루[maru] 2009.08.06 18:18 신고  댓글주소  수정/삭제

      네 맞습니다. 하나의 예제를 통해서 포토샵의 기능들을 설명하고자 한 것이지 실전강좌는 저렇게 하면 큰일나겠죠?
      원래 디자인은 뭐든지 콘셉트를 구상하는 단계가 시간도 많이 걸리고 힘들지 표현하는 것은 작업자의 스킬에 따라 시간의 개념은 무의미합니다.

  11. oddan 2009.08.05 18:31  댓글주소  수정/삭제  댓글 남기기

    이런글 처음 남겨보는데요...
    ㅎㅎ 기본적으로 잡지 표지에 들어가는 사진보정은 심사숙고하고 굉장히 디테일하고 어려운작업을 해야하는데.... 20분안에 끝날수있을것 같소?
    이런 블로그를 운영하신다는것 자체가 참으로... 창피하네요..
    전문디자인이란말을 함부로 쓰지 마세요 제발..
    정말 힘들고 멋지게 작업하시는 디자이너들이 화나니까요..

    잘나가는 블로그라는 말이 더더욱 웃기네. ㅎ

    • BlogIcon binnamoo 2009.08.06 03:36  댓글주소  수정/삭제

      컨셉잡는데 고민을 많이하지만 실제 작업은 얼마 걸리지 않을 수 있습니다. 너무 민감하신 듯...

    • BlogIcon 마루[maru] 2009.08.06 18:21 신고  댓글주소  수정/삭제

      말씀하신 부분은 크리에이티브 단계이고, 이 과정은 그것이 다 잡힌 상태에서..어플리케이션으로 작업하는 과정에서 어떤 기능들을 적용하는지를 이야기하는 것이니 너무 민감하게 받아들이진 않았으면 합니다.^^

    • 우기 2009.08.21 13:34  댓글주소  수정/삭제

      이런 찌질한.. 마루님이 당연히 그부분을 모르고 썼을리가 없지 않소? 이건 툴에대한 기능적설명을 위한 게시물이란 말이요 참 쎈스 없구려..ㅉㅉ

  12. 명경 2009.08.06 09:08  댓글주소  수정/삭제  댓글 남기기

    지나가다 좀 어이가 없어서 한마디 남기네요.

    위에 험한말 쓰거나 비난하신분들 작업하신 내용이 꼭 보고 싶다능.
    이건 뭐.. 난독증도 아니고, 본문은 읽고 댓글 싸지르는건지..

    그리고 실제로 이정도 못따라 해서 잘린적이 있으신듯?

    표지 디자인 해본 사람이면 300dpi넘어가는 사진이면 포토샵에서 보정하고
    일러에서 텍스트 작업하고 eps로 빼줘도 인쇄소에서 뽑는데 전혀 지장 없는거 아실텐데;

    설마 저렇게 글 싸지르신 분들이 디자이너는 아니겠지..
    설마 아닐꺼야..

    • BlogIcon 마루[maru] 2009.08.06 18:16 신고  댓글주소  수정/삭제

      아마도 출력소를 발로 뛰며 인쇄상의 테크니컬 부분을 제대로 배운 분들이라면 글에서 전하고자 하는 메시지를 바로 이해하셨을 듯..

      그렇다고..디자이너가 아닌 것은 아닐 겁니다.^^

  13. 미누애비 2009.08.07 13:50  댓글주소  수정/삭제  댓글 남기기

    이런것도 모르는 사람들에게는 아주 좋은 정보구만 왤케 태클이실까?
    전문가 들이 포토샵 강좌들어와서 공부하나? 요즘은?

  14. BlogIcon 제이유 2009.08.09 15:01  댓글주소  수정/삭제  댓글 남기기

    몇몇 분들 댓글은 조금 눈살이 찌푸려지네요.
    포토샵 CS4를 한번 써 보고 싶은데, 가격이 좀 다운되지 않고서는=ㅁ= 힘들듯.
    그나저나..동영상 보고 있자니, 과도한(?)영어에 정신이 혼미해지는데요. ㅋㅋ

  15. BlogIcon 지크스나이퍼 2009.08.12 16:59  댓글주소  수정/삭제  댓글 남기기

    와 ㅋ 신기하군요 ㅋㅋ 유익한 정보입니다.
    제가 포토샵 초보라 ㅋㅋㅋㅋㅋㅋㅋㅋㅋ

    많이 배우고 가네요 ㅋㅋㅋ 좋은 정보 감사합니다.
    즐거운 하루 되세요 마루님 ㅋ

    • BlogIcon 마루[maru] 2009.08.12 18:51 신고  댓글주소  수정/삭제

      주요 기능들만 체득하시길 바랍니다.^^
      실제로 하나의 완성된 잡지가 만들어 지는 과정은 여러 가지 요소들이 맞물리기 때문에 많은 시간이 소요될 수도 있답니다.

  16. BlogIcon pluckyman 2009.08.25 08:42  댓글주소  수정/삭제  댓글 남기기

    좋은 글이구만 왜 다들 난리들이실까..
    이걸로 잡지를 내겠다는 것도 아니고..

    아무튼 잘 배워갑니다~^^

  17. ss 2009.09.17 11:35  댓글주소  수정/삭제  댓글 남기기

    동영상 잘봤는데 들을 수 없어서 안타깝네요. 보기에 간단히 쉬어보일것같습니다^^
    자막 좀 해주셨으면 ㅋㅋ 청각장애인만 제외하지 않았으면 ~ 호호호...^^;;;

  18. LYnn 2009.11.06 11:40  댓글주소  수정/삭제  댓글 남기기

    역시 우리의 인터넷 문화는 발전할 길이 아직 멀었네요 ^^ 다들 매너좀 챙기시길,,

    포토샵이고ㅡ 일러고, 사용하는 사람에 따라 그 기능은 무한대겠죠?
    저도 공부좀 더 열씨미 해야할듯

    항상 좋은 정보 감사합니다~

  19. 하소연 2010.05.08 18:34  댓글주소  수정/삭제  댓글 남기기

    앞에분들도 말했듯이 정말이렇게 만들면 회사에서 짤릴가능성은높습니다.
    좀더 확실한것으로 부탁드립니다.

  20. 라라라 2010.06.03 06:54  댓글주소  수정/삭제  댓글 남기기

    잡지사에서 짤리니 디자인과 1학년생도 저렇게 안 만드니 어쩌구 저쩌구 열심히 입방아 찧어댄 넘들 디자인 한번 보고 싶다 ㅋㅋㅋ 마루님 넘 신경쓰지마세요. 진짜 디자이너들은 하나라도 건져볼까 해서 진지하게 읽고 갈거예요. 꼭 개뿔실력도 없고 상관도 없는 것들이 남의 제사에 감놔라 배놔라 뻘짓거리가 심하죠 ㅋㅋㅋ

  21. 달타냥 2016.11.21 23:10  댓글주소  수정/삭제  댓글 남기기

    아니 그냥 이렇게 간단하게 만들 수 있다고 올린 포스트에 무슨 전공이니 뭐니.. 자료 감사합니다!


라라만물상