환상적인 일러스트는 어떻게 그려질까? 전문 일러스트레이터라면 별다른 궁금증이 없겠지만 이제 막 일러스트에 관심을 가진 일러스트레이터라면 그 숨겨진 디자인 스킬이 궁금하기도 하고, 그렇게 멋진 일러스트 디자인들을 따라 그려 볼 수 있는 예제(Tutorials)들을 찾아 다니는 일에 많은 시간을 할애하기도 한다. 이번 글을 통해서 소개하는 7가지 일러스트 예제(Tutorials)들은 Air, Flash, Flex, illustrator, Photoshop 관련 글을 담아내고 있는 Flash Enabled Blog 에 소개된 자료들로 단순한 예제(Tutorials)부터 아주 고난도 예제까지 모두 경험해 볼 수 있는 아주 유용한 일러스트 예제들이고, 시간과 인내를 가지고 반복적으로 따라해 보면 숨은 테크닉은 물..

Design Lecture/Adobe Illustrator 2009. 3. 4. 07:02

일러스트에서 패스 또는 선(path & stroke)을 이용해 겹쳐 감겨 있는 코일을 그리는 방법에 대해서 간단하게 배워 보도록 하겠습니다. 코일의 표현은 일러스트를 배우는 분들이 자주 물어 오는 표현 방법 중에 하나이기도 합니다. 이번 강좌의 포인트는 라인의 ‘겹침(overlapping)’ 효과를 표현하는데 있습니다. 겹침 효과(overlapping) 효과는 알고 보면 단순하지만 의외로 일러스트 고급과정에서 많이 활용되는 테크닉이기도 합니다. 일반적으로 선(Stroke)를 이용해 교차를 시키면 위의 아래 이미지 처럼 합쳐 진 모양으로 표현이 됩니다. 이렇게 되면 코일의 감겨 진 모습을 느끼게 할 수 없습니다. 그럼 겹친 모양으로 돌아가는 코일의 표현은 어떻게 하면 사실적인 느낌을 전달할 수 있을까요? ..

Design Lecture/Adobe Illustrator 2009. 2. 27. 18:05

포토샵에서 정확한 작업을 위한 그리드 설정을 쉽고 빠르게 할 수 있도록 도와주는 ‘그리드 메이커(Grid Maker)’ 사용자 패널에 대해서 소개하려고 합니다. 포토샵 작업을 할 때 이미지 편집과 달리 그리드를 적용한 다음 작업을 해야 하는 경우가 있습니다. 특히 출판을 위한 편집 디자인이나 웹 디자인의 경우는 간격이 상이한 그리드 설정 작업이 잦은 편인데 일일이 작업창에 맞게 그리드를 계산해서 정확하게 설정하기란 쉽지도 않고 번거로운 일이기도 합니다. 하지만 이제는 그런 수고를 좀 덜 수 있겠습니다. 포토샵 개발자들이 배포하는 그리드 메이커 사용자 패널을 설치하고 활용하는 방법을 설명해 드릴테니 참고하셔서 유용하게 활용하시길 바랍니다. 이 그리드메이커 사용자 패널은 포토샵 CS4 버전에만 적용이 가능하..

Design Lecture/Adobe Photoshop 2009. 2. 26. 18:10

포토샵 작업에서 폰트를 고르고 적용하는데는 여러 가지 방법을 사용하고 있을텐데 보다 효율적으로 포토샵에서 타입 스타일을 적용하는 16가지 팁을 동영상으로 설명하고 있는 동영상을 소개합니다. 이미 알고 있어서 잘 활용하시는 분들도 계시겠지만, 모르고 계셨던 분들이라면 폰트를 쉽게 다루는 16가지 팁 동영상이 포토샵 스킬을 키우시는데 적지 않은 도움이 될 것으로 생각됩니다. 새로운 것을 하나씩 배워나가면서 자신만의 노하우를 늘리는 것도 상당히 의미 있는 일일겁니다. 보다 고화질의 동영상 강좌를 보시고 싶은 분은 퀵타임 플레이어를 설치하시고 아래 링크의 원본 동영상을 보시면 됩니다. ^^ 포토샵 폰트 스타일 적용 16가지 팁 (mov 버전)

Design Lecture/Adobe Photoshop 2009. 1. 5. 15:00

영화 스타워즈 시리즈에 어김없이 등장하는 스타워즈 에피소드 스토리를 담은 흐르는 자막 동영상은 기억하실겁니다. 워낙 유명해서 스타워즈의 트레이드 마크와 같은 상징적인 의미를 가지기도 합니다. 이 스타워즈 자막 애니메이션을 포토샵 CS4만으로 제작이 가능하다니 약간은 놀랍죠? 작년 말 어도비에서 Adobe CS4(Adobe Creative Suite CS4)를 출시함에 따라 포토샵 CS4에 3D와 애니메이션 기능이 추가되고 멀티형 작업이 가능해지게 되었는데, 이 향상된 기능을 잘 활용해서 스타워즈 자막을 멋지게 만드는 동영상 강좌를 소개합니다. 포토샵 CS4를 사용하시는 분 중에 조금이나마 익숙한 분이라면 영어로 설명하는 강좌지만 작업과정만 살펴보아도 쉽게 따라해볼 수 있다는 생각에 옮겨 놓아 봅니다. 플..

Design Lecture/Adobe Photoshop 2009. 1. 5. 12:42

화려한 프랙탈 디자인(Fractal Design)은 보는 이로 하여금 탄성을 자아내게 하고 예술 작품에 버금가는 가치를 발휘하기도 하지만 누구나 쉽게 디자인 하기는 어려운 부분이 없지 않다. 하지만 프랙탈 이미지를 디자인하는 몇가지 원리만 알게 되면 누구나 화려한 프랙탈 이미지를 손쉽게 만들어 볼 수 있는데 그 원리와 과정을 잘 설명하고 있는 포토샵 강좌를 소개한다. 아래에 보이는 포토샵 프랙탈 디자인(Fractal Design) 결과물은 지난 10월 포토샵 강좌 전문 사이트인 PSDTUTS에서 알바로 구즈(Alvaro Guzman)가 보여준 작품이며, 'How to Simulate Fractals in Photoshop'이란 강좌를 통해서 동영상과 작업과정을 스텝바이스텝 강좌로 보여주고 누구나 쉽게 포..

Design Lecture/Adobe Photoshop 2008. 12. 22. 11:23

포토샵 CS4의 향상된 기능인 콘텐츠 인식 이미지 리사이즈(Content Aware Scale) 기능을 다루는 과정을 배울 수 있는 유용한 동영상입니다. 이 기능을 잘 배워 놓으면 아주 유용하게 활용할 수 있는 부분이 많을 것 같습니다. 서두르지 마시고 제대로 차근차근 익혀 보시길 바랍니다. 큰 화면으로 보실려면 아래의 링크를 이용하시면 풀 동영상으로 보시면서 기능을 쉽게 익혀 나갈 수 있을 겁니다. 참고로 Adobe TV를 통해서 보는 것이므로 Adobe AIR를 설치해야 할 경우도 있습니다. 콘텐츠 인식 리사이즈 강좌 동영상[Adobe TV Full Screen Mode]

Design Lecture/Adobe Photoshop 2008. 12. 16. 22:30

크리에이티브 통합 솔루션인 어도비 CS4는 GPU기반의 빠른 이미지 처리기술을 자랑하고 있는데, 그 중 픽셀 벤더(Pixel Bender)라는 GPU 프로세싱 기반 하에 빠른 이미지 및 비디오 프로세싱을 통한 이펙트 효과를 제공하는 필터가 포토샵 CS4 플러그인으로 릴리즈 되어 소개하고 한다. 위의 결과물 이미지는 포토샵 CS4에 픽셀 벤더(Pixel Bender) 플러그인을 설치한 후 이미지에 다양한 효과를 준 샘플이미지 중 일부이다. 상단 좌측이 원본 이미지이며, 상단 우측은 Circle Splash효과를, 하단 좌측은 Smudge효과, 하단 우측은 Kaleidoscope효과를 적용한 샘플이미지다. 픽셀 벤더(Pixel Bender) 갤러리 플러그인은 다음과 같은 이펙트 효과를 제공하고, 사용자의 능..

Design Lecture/Adobe Photoshop 2008. 11. 18. 18:31