Design Sphere

그동안 저의 아이콘 제작 과정에 대해서 물어 보시는 분들이 종종 있었는데, 오늘은 제가 어떻게 이미지에 아쿠아 효과를 주는지 알아 보겠습니다.
이미 누차 말씀 드렸지만 대부분의 효과는 포토샵의 레이어 연산으로 처리합니다. 수동으로 그려가면서 효과를 주면 결과는 더 깔끔하고 반짝거릴 수 있지만, 그렇게되면 시간이 너무 많이 걸려서 여태처럼 하루에 하나 꼴로 아이콘을 공개하기는 어려웠을 겁니다.
(예! 질보다는 양을 선택한 겁니다 ^_^ )
어떤 방법으로 설명을 할까 고민을 해봤는데, 특별히 포토샵 소스 화일을 직접 제공하는 게 제일 낫겠다는 결론에 도달 했습니다. 그럼, (물론 포토샵을 가지고 계신 분 중에) 관심이 있으신 분은 아래의 화일을 다운 받으시고 압축을 푸신 후에 포토샵으로 열어 보세요.
-이번에 샘플로 제공한 것은 위에서 보신 계란후라이+스마일 이미지입니다. (제가 디자인스토어를 위해 작업한 제법 큰 화일입니다- 가로x세로가 각각 2500픽셀이 넘습니다)


그럼 포토샵에서 화일을 열어 보셨으면 다른 건 보실 게 없고 레이어 창만 보시면 됩니다.
(혹시 안 열려 있다면 F7의 단축키로 간단하게 불러 오세요) 그러면 왼쪽과 같은 레이어 창을 보실 수 있는데요.. 레이어 중에 오른쪽 끝에 원안에 f가 있는 것들은 레이어 효과를 적용했다는 뜻이구요, f옆의 작은 삼각형을 누르면 그림처럼 어떤 레이어 효과를 적용했는지 주르르 펼쳐지면서 보여줍니다.
왼쪽의 이미지에서 보시다시피 노란자에 해당하는 가운데 노란 타원 부분(Yellow 레이어)은 레이어 효과를 주기 전에는 그냥 하얀 색이었구요 거기에 노란색의 'color overlay'효과로 기본적인 노란색을 선택한 후에 추가로 6개의 레이어를 이리저리 건드려서 마무리가 됐습니다.
여기에 하나 추가 설명을 드리자면 각 레이어 효과 부분을 더블 클릭하면 자세한 수치도 수정할 수 있는데요, 'Yellow'레이어의 효과 중에 'Bevel and Emboss'를 더블 클릭하면 아래와 같은 세부 창이 또 뜹니다.












잘못 될 건 없으니까 각 수치들을 이렇게 저렇게 바꿔 보세요. 수치가 바뀔때마다 실제로 열려있는 계란 이미지가 수치에 맞춰서 바뀌니까 이렇게 저렇게 바꾸다가 자기 입맛에 맞는 모양이 나왔을 때 'OK'버튼만 누르면 됩니다.
한가지 유의할 건 effect의 수치는 이미지 사이즈와 연관되어 있다는 사실입니다. 무슨 말인고 하니..가로-세로 2500픽셀의 이미지에서 250 정도의 수치로 효과를 줬다면 그보다 작은 사이즈에서는 당연히 그보다 작은 숫자를 선택해야 동일한 효과를 얻을 수 이다는 얘기입니다.

아직도 이해가 안가신다면 제가 제공한 포토샵 화일의 이미지 사이즈를 아무것도 손대지 않은 상태에서 가로-세로 250 정도로 바꿔 보면 아래처럼 바뀝니다. (이미지는 작아졌지만 effect의 수치는 변하지 않고 그대로 있으니... ^_^)

이런 모습을 방지하시려면 나름대로의 팁이 있어야 하는데, 필요에 따라 자기가 정한 사이즈에서 레이어의 effect를 사용해 가면서 처음부터 끝까지 작업을 하고 마무리가 됐으면 그 상태로 저장. 이후에 다른 사이즈가 필요하면 레이어를 모두 하나로 'flatten' 시켜서 레이어의 효과를 모두 날려 준 후에 리사이즈를 하면 됩니다(이때 저장 잘못하면 기존 화일 날라가는 건 아시죠? Save as를 이용하세요^_^) 그래서 큰 이미지로 처음부터 작업을 시작하는 게 나은 경우가 많습니다. (큰 걸 줄이는 건 별 무리가 없는데, 작은 걸 크게 늘리면 계단현상이 따라오기 마련이니까요)

뭐 다른 분들처럼 자세한 튜토리얼을 기대하고 오셨다면 좀 실망하셨을 지도 모르지만, 원본 소스 화일(게다가 프린트용으로 써도 손색이 없는 무지 큰)을 제공했으니 사용자에 따라 제대로 하나 건지신 걸 수도 있다고 생각합니다 ^_^
이 레이어 효과에 대한 감만 제대로 잡으시면 저런 느낌의 아이콘 만드는 건 ... 누워서 떡 먹기..바로 전 단계정도 까지 쉬워졌다고 봐도 될 거 같습니다 ^_^

그냥 구경만 하다가 가면 심심하실 까봐 이 이미지의 아이콘도 제공합니다. (예전의 계란 후라이 이미지와는 조금 틀리니까..원하시는 분이 계시겠죠? ^_^)



그럼 응용은 여러분의 몫으로 남기고, 메타블로그의 추천이나 댓글이 많이 붙는거 봐서 (^_^) 다음 기회에 다른 팁을 하나 더 선보이겠습니다~


마지막으로 보너스 샷 - 위의 이미지를 적용한 디자인 스토어의 상품 구경 가기 (클릭)

이번에는 비보이 디자인입니다. 원래는 디자인스토어의 상품을 위해 시작한 디자인 인데요, 아이콘으로도 큰 무리가 없을 거 같아 공개합니다.(작은 사이즈에서는 무리가 있습니다 ^_^;; + 디자인스토어에는 B-boy의 타이틀까지 있는 디자인이 있는데 아이콘으로는 무리가 있어서 뺐습니다)
혹시라도 이 비보이 아이콘이 마음에 드셔서 사용하실  분은 아래의 화일을 다운 받으시면 됩니다.

(그런데 이 자세도 부르는 이름이 따로 있나요?)

첫째, 계획보다 며칠 늦어지긴 했지만 보시다시피 플톡의 심벌이 완성 됐습니다. 지난 토요일에 실시 한 설문 조사의 결과를 취합하고 플톡의 HAN님과의 의견 조율에 의한 결과물입니다. 왼쪽의 새를 닭이라고 보시는 분도 있고 심지어는 공룡으로 보신 분도 있는데, 저는 특정 새를 떠올리고 스케치 한 게 아니라 수다 많이 떠는 새라는 막연한 이미지에 나름대로 개성을 부여해 보려고 노력해 봤습니다. (예쁘게만 봐 주시면 됩니다 ^_^;;) - 방금 전에 HAN님과 메일을 주고 받았는데, 위의 심벌/로고는 오늘/내일 서버 개편부터 바꾸신답니다 (차후 약간의 변경이 있을지도 모르겠네요)

둘째, 제 블로그에서 빠질 수 없는 아이콘도 공개합니다. 'PLAY TALK'의 영문 버전은 빼고 새 부분만 선택해서 아이콘으로 바꾸었습니다. (기존에 제가 작업한 아이콘들과 마찬가지로 다양한 사이즈와 아이콘들이 포함되어 있습니다 - 이번에는 16픽셀의 작은 사이즈는 깔끔하게 도트로 찍어 봤습니다)

플톡의 아이콘을 원하시는 분은 아래의 화일을 클릭/다운 받으셔서 사용하시면 됩니다.
- 참고용 32x32 사이즈 아이콘



 마지막으로, 혹시나해서 디자인 스토어에도 올렸습니다. 다양한 상품이 있으니 한 번 구경 오세요 ^_^

어제 마켓프레스에 디자인 스토어를 개장하고 오늘까지 방문자 수가 150명도 안되는 시점에서 2개 물품의 판매가 발생했습니다. (애드센스는 이런 거 적으면 안되죠? ^_^... 그렇긴해도 차후의 디자인 추가를 감안해서 저 물건들의 이미지가격(=마진)은 숨겼습니다) 해당 회사 관계자 분이 사셨는지 알 수는 없지만, 짐작컨대 브랜드 파워 덕분 일 것 같습니다. 앞으로 디자인이 자꾸 늘어나면 수익이 더 좋아질 거 라는 희망을 가져 봅니다.
관련해서 조금 내용을 덧붙이자면 아무래도 티셔츠 디자인이 아이콘 디자인보다는 훨씬 제약이 적으니 디자이너 입장에서는 의욕이 충만해 집니다. 아이콘은 256x256픽셀부터 16x16픽셀까지의 모습도 고려해야 하고 기존에 제가 만든 아이콘과의 유대도 생각해야 하니까 결과물은 간단해 보여도 머리속은 제법 복잡했답니다.(물론 나름대로의 매력이 있습니다) -차후를 생각해서 카테고리에 'illustrations'을 추가했습니다.
오늘 낮에 아이디어 컬렉션 차 책방 구경을 가서 디자인 잡지를 둘러 봤는데, 디자이너로서만이 아니라 일러스트레이터로서의 피까지 울끈불끈 하더군요. 거기에 조금 전의 디자인 스토어에서의 판매까지 이루어지고 나니 아무래도 아드레날린 상승 무드입니다. (어제는 올블이 업데이트하느라 새벽 6시에 잤는데, 오늘도 그럴 분위기네요 ^_^ )
스토어 주인장 입장에서 링크 한 번 더 쏩니다^_^; - http://www.marketpress.co.kr/design/

그리고, 조금 다른 얘기로 돌려서...유행이 뭔지 둘러보려고 플레이톡도 가입했습니다.
제가 그렇게 댓글 다는데 (이 블로그 개설하고 나서 정말 많이 달라지긴 했습니다만^_^) 능동적인 편이 아니라 다른 분들이 이야기하는 것처럼 중독성까지는 못 느끼겠구요 왜 재미있어 하는지 이해가 가는 정도네요. (솔직하게 이야기 하자면 싸이랑 비슷한 느낌입니다 - 그렇다는 이야기는..나와는 궁합이 안 맞을 거 같다는 뜻?)

자, 그럼 내일 공개할 캔디 아이콘 아이디어도 생각해 보고  디자인 스토어도 정리하러 전 이만 물러 갑니다. 편안한 밤 보내세요, 여러분!

어제 올린 새버전 티스토리 아이콘 포스팅을 찬찬히 읽어보신 분은 뭐가 있구나..라고 생각을 하셨을 겁니다.
좌측의 이미지를 보시면 (클릭하면 확대됩니다) 바로 아시겠지만, 어제 만든 티스토리 이미지를 가지고 간단하게 온라인 샵을 하나 오픈했습니다. Cafepress.com에 입점을 했구요, 관련된 자세한 내용은 다음 포스팅으로 미루겠습니다.
혹시라도 저작권 걱정을 해 주시는 분이 있을까봐 밝힙니다만, TNC의 CEO인 Chester님에게 허락을 받았습니다. - 그렇다고 '티스토리 공인 온라인 샵' 단계 까지는 아닙니다 ^_^;;
일단 Cafepress.com이 미국에 있기때문에(확인해 보니 제가 사는 곳에서 차로 40분 거리에 있네요^_^;), 이 티스토리 샵을 통해서 많은 수입을 기대하고 만든 것은 아닙니다만, 저도 돈을 싫어라 하는 사람은 아니니까 많이 팔리면 싫기야 하겠습니까? ^_^;;;;
짧게 안내를 드리자면 모든 물건은 신용카드로 구입이 가능하며 한국까지의 배송비는 티셔츠 하나에 7불(두개부터는 4불씩 추가)이 추가 되더군요. 혹시라도 마음에 들어서 구입하시는 분이 계실까봐 이윤에 대한 옵션은 '최소'로 선택했으니 가격에 대한 불평은 참아 주세요.
짐작하시겠지만 저에게 이 티스토리 샵은 테스트 성격이 강하고요, 이후에 여태 작업했던 아이콘들 중에 선별 (+알파)해서 미국 본토 사람들을 대상으로  별도의 샵을 준비해볼까..하고 있습니다.

자, 그럼 제대로 티스토리 샵을 둘러보실 분들을 위해서 링크 쏩니다.
http://www.cafepress.com/tistory

혹시나 cafepress.com에 관심이 있으신 분은 다음 포스팅(아마도 월요일)을 기다려 주시구요, 좀 더 적극적으로 먼저 둘러 보시고 싶은 분은 우측에 새로 생긴 선물상자 배너광고를 클릭해서 들어가시면 되겠습니다.(저건 애드센스가 아니니까 이런게 좋군요. 클릭해 주세요! 라고 말해도 괜찮으니.. ^_^ ..그리고 막연한 예상+희망이지만 제 경우엔 블로깅을 통한 애드센스 수익보다는 더 낫지 않을까..합니다- cafepress.com의 구글랭크가 네이버나 다음 보다 하나 높은 8이더군요)

덧붙여, 티스토리 샵에서 물건 사실 생각은 없어도 저에게 응원을 해주고 싶은 분은 과감히 댓글을 써 주셔도 되고, 메타 블로그의 추천을 사정없이 눌러 주시면 고맙겠습니다. ^_^ (단골분들..밀어 주세요^_^; )

그럼, 여러분. 즐거운 주말 되세요!!!