포토샵, 일러스트레이터를 잘 하고 싶다.

오늘은 포토샵, 일러스트레이터를 공부하는 방법에 대해서 이야기해보고자 합니다. 최근에 카카오톡 단톡방 ( https://open.kakao.com/o/gMkZ8jB ) 을 만들고 많은 분들과 대화를 나눠보았습니다. 주로 입문자 입장에서 포토샵, 일러스트레이터는 막연하고 어찌할바를 모르게 만드는 프로그램일 수 밖에 없습니다. 생판 만나본 적이 없는 미지의 존재이기 때문에 더욱 두려움이 클 것입니다. 다행인 점은 저도 그랬고 누구나 처음 포토샵, 일러스트레이터를 만났을때 같은 인상을 받았다는 것입니다. 포토샵과 일러스트레이터에 대해서 공통적으로 적용되는 이야기이기 때문에 이제부터는 그냥 통칭 포토샵이라고 정하고 이야기를 계속하겠습니다.

어디서부터 어떻게 만져야할지 모를겁니다.

화면을 빼곡히 채우는 알 수 없는 메뉴와 도구들이 위압감을 주고, 이걸 도대체 어디서부터 어떻게 만져야할지 모른다는 느낌을 받았을 것입니다. 걱정마셔야 할 점은 그 곳에 있는 기능을 모두 알아야 포토샵을 쓸 수 있는게 아니라는 사실입니다. 대부분 현업에서 종사하는 디자이너들도 실제로 포토샵의 기능을 100% 전부 다 알고 쓰는게 아닙니다. 특별히 geek 성향을 가진 사람들이 아니라면 굳이 그 안의 기능을 다 뜯어보지도 않고 그냥 늘 쓰던걸 쓸 뿐입니다. 더구나 툴을 사용하는 사람이 종사하는 분야에 따라서 사용하는 기능들도 제한적입니다. 이제 슬슬 무엇을 이야기하는지 눈치 채신 분들도 있을겁니다.

결국 공부하지 말라는 이야기입니다.

황당한 이야기일 수 있습니다. 공부하지 않고 어떻게 쓴단 말인가 싶겠죠. 정확하게 이야기하면 포토샵을 필요한 부분만 익히라는 이야기입니다. 대개 현존하는 책들은 포토샵의 A to Z까지 모조리 다루고자 하는 성향의 책들이 많습니다. 포토샵을 익히는 입장에서는 사실 쓸데없는 기능까지 익히는 상황이 될 수 있습니다. Blending mode에서 overlay와 multiply가 수학적으로 어떤 연산을 통해 이미지가 변하는지 외울 필요도 없음에도 불구하고, 책에는 그렇게 쓰여있으니까 마치 외워야 할 것 같은 느낌도 들겠죠?

입문자 단계에서는 그런걸 외우는 것보다 이걸 눌렀을때 어떻게 변하는지 시각적으로 먼저 확인을 해봐야할 필요가 있습니다. 그다음에는 그 시각적인 확인을 검증하기 위해서 반복적으로 연습해서 체득하는 과정이 필요합니다. 자 그럼 여기서 다시 한 번 생각해보죠. 그저 블렌딩 모드를 확인하기 위해서 똑같은걸 계속 아무 의미없이 반복한다면 그게 할 맛이 날까요? 포토샵을 배우는 목적은 일단 뭔가 내가 생각하는 방향대로 이미지를 편집하거나 만들어내는 일이 아니었던가요?

무엇을 할 것인지 먼저 찾고 정합니다.

예를 들어 웹사이트용 배너를 만든다고 목적이 정해졌다고 가정해봅시다. 무슨 기능이 필요할지 대충 떠오르는 것들을 정리해보면 아래와 같습니다.

  • Move tool(이동툴)

    • 레이어를 이동할때 필요한 툴
  • Rectangular Marquee Tool(사각선택툴) / Elliptical Marquee Tool(원형선택툴)

    • 이미지에서 영역을 선택할때 필요한 툴
    • 선택해서 지우거나 복사해서 붙이는 것이 가능하다.
  • Type Tool(문자툴)

    • 글자를 입력할때 필요한 툴
  • Blending Mode(합성모드)

    • 레이어끼리 합성할때 필요한 기능
  • Level 또는 Curves (레벨, 커브)

    • 이미지의 밝기, 컨트라스트, 채도 등 상태를 편집할때 필요한 기능

이 이외에도 필요에 따라 많은 기능들이 부가적으로 필요할 수 있겠지만, 일단 위의 5가지 기능으로도 결과물을 만들 수 있습니다. 어때요? 생각보다 많은 기능들을 쓰지 않죠? 이런 식으로 처음에는 적은 기능으로도 할 수 있는 것들을 목표로 연습해야합니다. 그렇게 몇가지 툴이 익숙해지고 나면 조금 더 높은 난이도의 이미지를 만드는 것에 도전할 수 있을 겁니다.

서적,튜토리얼을 활용합니다.

요즘은 해당분야별로 전문적인 내용을 집중해서 다루는 서적들도 많이 나오고 있습니다. 사진을 찍는 분들이면 사진 보정에 관한 책을, 쇼핑몰을 하시는 분들이라면 쇼핑몰 상세페이지에 대한 책을, 편집 디자인을 하시는 분들은 편집 디자인에 대한 책을 몇권 골라서 둘러보시면 어떤 것을 만들 수 있는지, 무엇을 해야하는지 감을 잡을 수 있습니다. 그리고 익숙해지면 유튜브 영상을 보면서 필요한 기능들을 추가적으로 학습하면 됩니다.

딱 이것들만 기억하세요. 

  1. 무엇을 만들 것인가

    1. 무엇을 만들 것인지 정해져야 불필요한 기능을 익히는데 낭비하는 시간을 줄일 수 있습니다.
    2. 욕심내지말고 간단한 것부터 만들어봅니다. 학습부담이 적고 성취감도 느낄 수 있습니다.
  2. 꾸준한 연습

    1. 오늘 해냈다고 손 놓았다가 일주일, 한 달 뒤에 다시 잡으면 제대로 해낼 수가 없을겁니다.
    2. 꾸준히 반복해서 몸에 익혀야합니다.

 

포토샵,일러스트레이터에 대해서 너무 막연하게 만능도구로 생각하시지 않으셨으면 좋겠습니다. 툴에 대한 기능적인 이해는 오랜 시간이 걸리지 않습니다. 테크닉을 몸에 익히는데도 생각보다 오랜 시간이 필요하지 않습니다. 다만 툴을 가지고 만드는 아이디어에서 각각 사람마다 차이가 생깁니다. 도구에 얽매이지 말고 무엇을 표현할 것인가에 고민하고 그에 맞는 기능들을 찾아서 익힐 수 있으면 더욱 좋을 것이라고 생각합니다.

카카오톡 오픈채팅방을 개설했습니다. 포토샵과 일러스트레이터를 사용하면서 생기는 다양한 상황들에 대해서 서로 질문을 주고 받으면서 문제를 해결해나갈 수 있으면 좋겠다는 생각에서 개설하게 되었습니다. 관심있으신 분들은 들어오셔서 함께 공부하고 서로 알려주는 방이 되었으면 좋겠습니다. 많은 관심 부탁드립니다 🙂

 

아무도 비글을 멈출 수 없어

“Nobody can’t stop beagle” sticker – REDBUBBLE.COM

항상 그렇지만 비글이라는 개는 지랄견, 악마견, 말썽쟁이라는 편견을 안고 있습니다만, 사실입니다. 지랄맞아요. 근데 대부분 개들이 다 지랄맞습니다. 비글만 그런건 아니죠. 제가 봤을땐 비글보다 푸들이 더 말썽쟁이로 보이더군요 ㅎㅎㅎ  어찌됐건 비글의 말썽이 어쩔때는 카타르시스처럼 다가올 때가 있습니다. 제가 키우는 개가 아니라서 그런가봐요

“금지”를 금지하는 대담함이랄까, 자기 주장이 강한 덕분에 정말 말썽을 당당히(!) 부리는 녀석들이라 오히려 매력적으로 다가오더군요. 깨방정을 비글미로 보는 사람들이 많습니다만, 제가 갖지 못한 걸 갖고 있는 선망의 대상이란 느낌이랄까. 정말 어쩔 땐 개같이 비글처럼 굴고 싶을때가 있는데, 그럴수가 없다보니 비글을 보면서 대리만족을 느끼곤 합니다.

누구의 눈치도 보지 않고, 부당하다고 생각되면 짖고 대들고, 친근한 사람들한테는 한껏 좋다는 표현도 하고 자기 모습에 솔직한 비글이 여러모로 참 매력적입니다. 그래서 늘 비글을 그리는건 즐거워요.

그런 비글의 성격을 생각하다보니 좁은 스티커 안에서도 자기 주장을 강하게 표현하는 모습을 표현하고 싶었습니다. 그래서 스티커를 물어서 찢어버리는 비글의 모습을 스티커로 만들었어요 🙂

 

링크에서 구매할 수 있습니다. 현재 4개 구매시 25%, 10개 구매시 50% 할인 행사중입니다. (2017년 8월 15일 기준)

“Nobody can’t stop beagle” sticker – REDBUBBLE.COM

간단히 이야기하면 어도비 스톡 컨텐츠 작가 신청을 했습니다. 대단한건 아니지만, 반신반의 하며 제출한 이미지가 승인 심사를 통과하고 나니 신기하네요. 잘하면 제가 만든 이미지가 판매될 수도 있다고 생각하니 좀 신기한 구석도 있습니다.

국내에도 스톡이미지 업체들이 많이 있습니다만, 지인 중에 작업을 진행해 본 사람의 이야기를 들어보니 계약조건이 참 부당하더군요. 국내업체들이 내미는 조건을 보면 작가는 그냥 착취의 대상으로 여기는 경우를 많이 만나게 됩니다. 지급되는 보수는 노동대비 시간을 따져보면 최저시급만도 못한데다 저작권까지 통채로 넘기는 식이라 영 내키지 않죠.

해외 스톡이미지 업체들이 한글서비스를 갖추고 국내진출을 하게 되면서 이 시장도 조금은 달라지리라는 기대를 품어봅니다. 일단 마켓 자체가 국내에서 해외로 넓어졌다는 것만 해도 고무적이라고 봅니다. (물론 경쟁 상대도 어마어마하게 많아졌다는 이야기지만…)

국내업체처럼 작업 건당 페이를 지급하는 방식이 아니라 판매가에서 수익이 배분되는 형식이라, 판매가 되지 않으면 수익도 없습니다. (슬프네요) 아무튼 천리길도 한걸음부터니까 이제 컨텐츠를 부지런히 생산해서 쌓는 일만 남았네요.

 

git hub

옥토캣 Octocat – 문어다리를 갖고 있는 고양이라는 재미있는 설정의 깃 허브 대표 마스코트.

github – 무엇인가?

github – 깃허브라는 서비스를 이해하기전에 먼저 git이 무엇인지 알아야할 필요가 있습니다. 깃허브는 git을 웹 상에서도 손쉽게 관리할 수 있도록 허브 역할을 하는 곳이기때문입니다. 자세한 소개는 아래 링크를 통해 개념을 파악할 수 있을 겁니다.

다시 git – 깃으로 돌아와 이것에 대해서 이야기를 해보자면, 개발자들 사이에서는 이미 오래 전부터 쓰여오던 “버전관리” 라는 것을 하기 위해 필요한 시스템입니다. 깃에 대해 이미 무척이나 잘 설명된 부분이 있기때문에, 아래 인용된 내용을 참고하겠습니다.

그래픽 디자이너나 웹 디자이너도 버전 관리 시스템(VCS – Version Control System)을 사용할 수 있다. VCS로 이미지나 레이아웃의 버전(변경 이력 혹은 수정 내용)을 관리하는 것은 매우 현명하다. VCS를 사용하면 각 파일을 이전 상태로 되돌릴 수 있고, 프로젝트를 통째로 이전 상태로 되돌릴 수 있고, 시간에 따라 수정 내용을 비교해 볼 수 있고, 누가 문제를 일으켰는지도 추적할 수 있고, 누가 언제 만들어낸 이슈인지도 알 수 있다. VCS를 사용하면 파일을 잃어버리거나 잘못 고쳤을 때도 쉽게 복구할 수 있다. 이런 모든 장점을 큰 노력 없이 이용할 수 있다. -출처  :https://git-scm.com/book/ko/v2/%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0-%EB%B2%84%EC%A0%84-%EA%B4%80%EB%A6%AC%EB%9E%80%3F

버전관리?

간단하게 이야기하자면 많은 디자이너들이 “최종1.psd”,”최종_최종2.psd”와 같은 파일을 수 없이 만들고 무엇이 진짜 최종인지 모를 혼란스러운 상황을 벗어날 수 있는 효율적인 시스템이라는 말입니다.

간혹 오늘내내 진행해왔던 내용보다 어제밤에 잠들기 전에 만든 것이 나은 상황이라고 가정해봅시다. 그런데 어제 파일을 덮어 씌운 바람에 찾을 수가 없는 상황이라고 하면 참 깜깜하겠죠? 버전관리 툴은 이렇게 과거의 작업으로도 돌아갈 수 있는 저장소 역할도 하고 있습니다. 더 쉽게 이야기하면 포토샵 히스토리와도 비슷하다고 볼 수 있겠네요.

물론 구글 클라우드에서도 과거에 저장된 내용들을 리비전이라고 하는 형태로 제공하고 있습니다만, 기간제한이 있습니다. 그나마 그래픽작업을 하는 사람들을 위해서 서비스되던 pixelapse나 layervault와 같은 사이트들도 전부 서비스를 종료한 상태라 이제는 그래픽 작업을 하는 사람들을 위한 버전관리 시스템은 거의 없다고 봐도 무방한 상태인것 같습니다.

물론 깃 허브를 이용해서 버전관리를 할 수도 있습니다만 그래픽 작업 파일들은 개당 보통 수십,수백메가까지 용량이 증가하는 경우가 허다합니다.

그러다보니 깃허브를 비롯한 웹 서비스들을 사용하기에는 좀 버거운 것도 사실입니다. 용량 문제를 차치하고서라도 웹 상으로 수백메가의 데이터가 오간다는게 쉬운 일은 아니거든요.  쾌적하게 바로바로 확인하기가 쉽지 않다는 점이 단점이기도 합니다.

그럼에도 불구하고 버전관리를 하고 싶은 사람들을 위해서 깃 허브에서도 psd파일을 확인할 수 있는 환경을 제공하고 있긴 합니다. 하지만 역시 PSD 파일또한 오픈소스처럼 전부에게 공개되버린다는 단점이 있지요. 이를 막기 위해서 Private – 비공개 계정을 사용하기 위해서는 사용료를 지불해야합니다.

얼마전에 만든 노트북 우분투 서버를 활용해보기로 했습니다

처음에는 gitlab이나 bitbucket 같은 github와 유사한 서비스들을 활용해볼까 생각도 해봤습니다만, 파일 업로드/다운로드가 만만치 않다는걸 느끼고 대안을 찾아보다가 얼마전에 노트북을 우분투 서버로 만들었던 것이 떠올랐습니다. 검색을 해보니 역시 우분투(리눅스)에서 git 서버를 활용할 수 있다는걸 알게 됐습니다.

psychoria.tistory.com

다소 절차가 복잡하긴 합니다만, 고대로 따라해보니 되더군요. 크게 우분투 리눅스 명령어에 대한 지식이 없어도 정확하게 따라 입력하면 결과를 얻을 수 있도록 잘 작성된 튜토리얼입니다.

일단 사용해본 소감은 아무래도 집안에서 사용하는 PC와 노트북 사이에 파일이 오가는 수준이다보니 크게 속도면에서 불만족스러운 상황은 없습니다. 다만 가장 큰 문제로 느껴지는 부분은 용량이라고 봐야겠네요. 기록이 남을때마다 고스란히 고용량의 파일이 계속 노트북과 본 작업 PC에 쌓이고 있기때문에 나중에는 정리를 해주어야할 필요가 있을 것 같습니다.

이런 식으로 중요한 변경사항이 있을때마다 커밋을 해두면 불상사(?)가 벌어졌을때 큰 도움이 됩니다. 방금 전 작업할때만 해도 3개의 포즈를 그려놨는데, 시스템이 불안정해서 다운되면서 레이어 하나가 사라져서 그려놓은 포즈가 날아갔죠. 그런데 이전에 커밋해놓은 내용이 있어서 그 파일을 이용해서 없어진 레이어를 복사해와서 다시 붙여넣고 복구할 수 있었습니다.

생각보다 빠른 시간 안에 버전관리의 장점을 몸소 체험하게 됐네요.

언제나 본업과 동떨어진 다소 쓸 데 없다고 생각되는 것들이 재미있습니다.

저는 서버 관리자도, 개발자도 아닌데 이것 저것 필요한 것들을 검색해서 해결하다보니, 잠자고 있던 노트북이 클라우드 서버도 되어주고 깃 서버도 되어주고 있네요. 잠들어있던 자원을 가치있게 활용하게 되어서 참 기분이 좋습니다. 우분투는 생각보다 무척 매력적이면서 동시에 또 불편하기도 합니다.

실제로 최근에 제가 겪은 바에 의하면, 윈도우에서는 서브라임 텍스트를 활용해서  웹 프론트엔드 개발에 대해서 공부할 겸 이것저것 막힘없이 가능했는데, 우분투로 건너가니 한글입력에서 부딪히더군요. 이런 저런 해결책들을 찾아봤습니다만, 결국 서브라임 텍스트에서 한글 입력이 불가능했습니다. 대안으로 제안된 ATOM을 사용해도 한글은 여전히 입력이 안되서 결국 포기했습니다.

그런데 그것 말고는 gulp를 활용해서  SASS 컴파일과 브라우저 싱크를 통해 실시간으로 변경된 코드를 브라우저에서 보여주는 기능을 구현될 때도 윈도우보다 속도도 더 빠르고 전반적으로 작업 속도면에서 쾌적했어요. 한글 입력만 문제가 안된다면 우분투에서 작업 하고 싶더군요.

전업 개발자도 아닌데 굳이 이런걸 공부하고 익혀야할 필요가 있느냐고 생각하시는 분들도 있겠지만, 어디까지나 권해보는 것이지 필수사항은 아닙니다. 저도 그냥 취미삼아 하는 상황이거든요. 그래도 이런 시스템을 활용하는 것이 친숙하지 않아서 엄두가 안나서 못하는 분들도 꽤 많을거라고 생각됩니다.

컴퓨터로 그림을 그리거나 디자인을 한다고 해도 자신이 다루는 프로그램만 익혀두고 있는 사람들이 많기 때문이죠. 그래도 이런 시스템이 있다는 사실이라도 알아두면 언젠가 주변에서 누군가의 도움으로 배울 수 있는 기회가 생길 수도 있습니다. 그냥 이런게 있다라고만 알아두어도 좋을겁니다.

배우는 과정이 힘들고 시작이 어려울 뿐이지 익혀두면 정말 편리하고 효율적으로 제공되는 환경들이 무척 신기하고 재미있습니다. 기본적으로 단순 반복을 싫어하는 성격이라 이런 것들을 선호하는지도 모르겠습니다.

아무튼 깃에 대해서는 저도 아직 공부하고 있는 중이라 효율적으로 시스템을 제대로 활용하고 있지 못합니다. 더 효율적인 관리가 가능해진다면 추후에 다시 포스팅하도록 하겠습니다.