캐릭터 제작 (52) 썸네일형 리스트형 EM3-4 일러스트-연필과 라이브 페인트 일러스트-연필과 라이브 페인트을 이용한 손그림 느낌의 아웃라인 그림과 채색(Fill Color)하는 방법과 완성단계에서 이들을 움직이게하는 요소들을 분리하는 기술로 투명한 GIF애니메이션을 Matte : None으로 포토샵에서 최종 완료하는 부분을 2편으로 나누어 소개합니다. 10월 11일 화요일 기본캐릭터 디자인 평가보니 미리 여유있게 준비들 하세요. 일러스트레이터 연필과 라이브페인트 툴 이모티콘 캐릭터 제작에 일러스트레이터의 연필도구를 통해 손으로 그리는 느낌으로 와콤 태블릿과 같은 전자펜으로 드로잉하고 라이브 페인트를 통해서 색을 채우는 방법을 소개합니다. Live Paint Bucket(K) / Object-Live Paint-Gap Options 연필로 드로잉한 오브젝트는 아래 첨부 동작부분 개.. 이모티콘 DAY-1 포토샵 펭귄은 배고파 교육 첫날 레이어라는 계층구조의 포토샵을 작업환경을 활용하여 그리는 드로잉과 색을 채우는 채색으로 펭귄 캐릭터를 구성하고, 무료서체 설치 후 "배고파"라고 외치며 뛰는 프레임애니메이션 제작방법을 소개합니다. 위 튜토리얼 강좌의 결과물인 GIF와 원본PSD 파일은 아래 있습니다. 캐릭터 응용동작 참고 캐릭터들의 다양한 응용동작은 어떻게 만들까요? 만화, TV, 영화, 드라마 등 주변의 아이디어가 될만한 다양한 응용동작을 참고하는 것도 좋은 방법입니다. 아래는 관련된 아이디어가 될 만한 방법을 제시합니다. 캐릭터만 있으면 다양한 응용동작은 이어집니다. 같은 캐릭터의 표정과 동작만 다르게 표현한 이모티콘 강좌의 2개 부분을 선별해보았습니다. EM-7 캐릭터 그래픽표현과 추가 응용동작 캐릭터를 소개하는 부분에 필요한 그래픽 표현들을 일러스트레이터에서 펜툴로 그려놓은 곡선을 물결치는 글씨 / 레어이합치기/색상견본, 컬러칩 / 경계가 뿌연효과(Effects-Feather, Blur) / 블랜드, oztv.tistory.com EM 4-2 미니야 심볼공장 이모티콘의 캐릭터들의 동작과 표정을 직접 일일히 그린다는.. EM-일러스트의 효과모음 일러스트레이터의 효과를 그래픽스타일로 활용하다. 일러스트레이터의 효과는 단순한 형태를 월등한 모양으로 보여주는 심미적인 요소가 있습니다. 아래는 일러스트레이터 자체내의 효과들을 조합해서 표현한 예시입니다. 아래 샘플파일을 다운받아서 응용해보세요. 아래는 지난 버전의 효과소개 영상입니다. 참고하세요. 01. 경계를 뿌엿게 Stylize-Feather(페더) ............. 안쪽으로 Blur-Gausian Blur(가우시안 블러) ..... 바깥쪽으로 02. 그림자와 빛효과 Stylize-Drop shadow ............. 지면의 그림자 Stylize-Outer Glow ......... 바깥쪽 빛(별빛같은) 아래는 효과가 적용된 이모티콘 캐릭터입니다. 내 일러스트파일에 그래픽스타일 가져.. 스케치 한방으로 끝! 이미지 트레이싱 캐릭터를 만들기 위한 연필 스케치에서 잉크 펜으로 그리고 깔끔하게 지우개로 지운 비트맵이미지를 일러스트레이터에서 벡터처리하는 이미지트레이스와 텍스트 애니메이션을 연결하여 소개합니다. 다음 강좌가 이어집니다. 평가용 "양파군"기본캐릭터(PDF 서식제공) 직접적인 평가를 위해서는 아닙니다. 우연이지만 필연적으로 여러분이 창작한 캐릭터의 이름을 정해보고 캐릭터성격을 정의해보세요. 거친 스케치로 그려진 내용이지만 라인작업과 컬러를 oztv.tistory.com E01. 잘 그린 손그림은 시간절약으로 바로 벡터그림으로 활용된다. E02. 글씨로 애니메이션을 표현하자! 이모티콘 캐릭터의 스케치이후 일러스트작업 E01에 이어서 포토샵의 텍스트 애니메이션 표현하는 방법을 소개합니다. 프레임애니메이션에 트윈기능으로 자연.. EM-5 캐릭터 창작 '헬로우~ 토마스' 기본동작 스케치에서 캐릭터 창작 '헬로우~ 토마스' 기본동작을 만들어보는 과정을 체험봅니다. 아래는 스케치원본을 빛이 들어오는 정면에서 스카치테이프로 붙이고 촬영한 사진입니다. 포토샵보정후 일러스트에서 트레이싱 작업을 할 예정입니다. https://oztv.tistory.com/459 평가용 "양파군"기본캐릭터(PDF 서식제공) 직접적인 평가를 위해서는 아닙니다. 우연이지만 필연적으로 여러분이 창작한 캐릭터의 이름을 정해보고 캐릭터성격을 정의해보세요. 거친 스케치로 그려진 내용이지만 라인작업과 컬러를 oztv.tistory.com STEP1 - 일러스트에서 아웃라인 작업하기 STEP2 - 일러스트에서 포토샵 파일로 내보내기 위 일러스트파일을 레이어를 구분해서 필요한 동작을 더 만들어 보고 효과도 구분해 보았습니다.. 이모티콘 - 그라디언트, 패턴 심볼활용 어도비 일러스트레이터의 스와치스라는 색상견본에 캐릭터의 다양한 감정과 배색의 원리가 되는 그라디언트, 패턴의 활용을 배우고 익혀해보세요. 포토샵에서 작업하기 위해서 일러스트레이터에서 꼭 레이어별로 필요한 동작과 표정을 미리준비해야 된다! ◆키프레임 애니메이션 특징은 시간대별로 자동처리 (트윈:키프레임사이의 자동 중간처리 장점) 1.불투명도100% 2.간단한 이동(크기조절-별도준비) :::: 공(★그라데이션) 3. 효과(fx : 그림자, 빛..... 값조절) ::: ★글씨는 포토샵에서 이모티콘 - 심볼기초와 그래픽 종합활용 어도비 일러스트레이터로 이모티콘용 캐릭터 드로잉을 배우고 있습니다. 가장 기본인 모양 혹은 형상이란 뜻의 쉐이프(Shape)라는 원시적인 최하위 개념의 개체(Object) 보다 상위개념이 그룹(Group)이라면, 최상위 개념인 심볼(Symbol)은 어떤 의미를 갖는 이름과 형태로 등록하고 대체가능한 개념입니다. 캐릭터의 다양한 얼굴표정과 바탕이 되는 얼굴 등 여러분이 원하는 형태를 심볼로 등록 및 교체등 활용을 해보세요. 심볼의 개념과 등록법 얼굴을 만들었는데 전체 내용에 얼굴을 바꾼다면 그룹보다는 심볼이 더 사용하기에 쉽다는 것을 배워 활용할 수 있습니다. 아래는 원피스의 초파라는 캐릭터와 유사한 모형으로 테스트하며 개념을 정리해봅니다. 01. 심볼작업 후 레이어 유지하고 포토샵파일로 내보내기 캐릭터 .. 이모티콘 창작 "씨플로그(Cfrog)" 스케치에서 일러스트 작업까지 바다개굴 씨플로그Cfrog는 일러스트레이터에서 펀툴러 연습하는 첫 모델이었다. 스마트폰으로 스케치를 촬영방법(How to shoot a sketch with a smartphone)과 캐릭터스케치(Character Sketch) 포토샵 화이트밸런스 보정(How to Adjust White Balance in Photoshop)에서 Illustrator에서 그림이미지 가져오는 File-Place( template)이후의 Outline작업을 소개합니다. 펜툴, 연필, 스케터브러시, 라이브페인트(Pen, Pencil, Scatter brush, LivePaint Bucket)까지 전체적으로 소개합니다. 시작은 펜툴연습용 캐릭터로 활용한 개구리를 처음에 스케치로 완성도있는 개체로 만들고 싶어서 아래와 같이 기본.. EM 4-2 미니야 심볼공장 이모티콘의 캐릭터들의 동작과 표정을 직접 일일히 그린다는 것은 열정을 요합니다. 일러스트레이터의 심볼을 이해하면 데이터화된 애니메이션으로 편하게 작업할 수 있는데, 지난 EM4-1에 이어지는 새로운 캐릭터들로 이해도를 높이는 차원에서 미니언즈 심볼활용 E01의 2부작으로 1편에서는 일러스트레이터의 심볼의 개념을 배우는 강좌를 준비했습니다. 아래배너는 지난 EM4-1의 다른 심볼개념소개 강좌입니다. EM 4-1 일러스트 심볼응용과 표정연구 어도비 일러스트레이터로 이모티콘용 캐릭터 드로잉을 배우고 있습니다. 가장 기본인 모양 혹은 형상이란 뜻의 쉐이프(Shape)라는 원시적인 최하위 개념의 개체(Object) 보다 상위개념이 그룹(Grou oztv.tistory.com 미니언즈 E01 - 얼굴표정 심볼로 문.. EM-1-2. 이모티콘 기초와 포토샵 GIF "허니빈 캐릭터"편 프레임애니메이션 원칙 이동/투명도/효과(레이어스타일) 등은 별도 레이어가 필요없음. 커-작 별도레이어 준비(눈감-눈뜸) 평가용 - 풀괴"벼리" "풀괴'벼리' 스케치와 기본동작 이모티콘-스케치 트레이싱 들꽃벼리 편으로 아이디어 스케치를 볼펜으로 거칠게 그려보았다. 식물 그중에서도 그 누구도 관심없는 보드블럭의 빈 틈에 강한 생명럭으로 살아있는 들꽃에서 착안한 더 이상 작고 약한 들꽃이 아닌 '벼리' 라는 그럴 듯한 수식어와 별명을 붙여 주었다. 식물은 길가의 틈새에서 자라는 큰개미자리 라는 들꽃이다. 누구도 관심갖지 않고 작지먄 질기고 강한 생명력이 작지만 강한 의지를 들꽃에서 느낄 수 있다. 본격적인 라인작업에 들어가 본다. 풀괴벼리_기본형_홍길동(라인완성)에 까지 떠드는 시간을 줄여서 먼저 라인작업을 움직임 위주로 작업을 해보았다. 스케치한 캐릭터 촬영(스캔)이미지를 포토샵에서 보정하고, 일러스트레이터에서 원본위에 레이어에서 라인작업을하는 트.. EM 4-1 일러스트 심볼응용과 표정연구 어도비 일러스트레이터로 이모티콘용 캐릭터 드로잉을 배우고 있습니다. 가장 기본인 모양 혹은 형상이란 뜻의 쉐이프(Shape)라는 원시적인 최하위 개념의 개체(Object) 보다 상위개념이 그룹(Group)이라면, 최상위 개념인 심볼(Symbol)은 어떤 의미를 갖는 이름과 형태로 등록하고 대체가능한 개념입니다. 캐릭터의 다양한 얼굴표정과 바탕이 되는 얼굴 등 여러분이 원하는 형태를 심볼로 등록 및 교체등 활용을 해보세요. 심볼로 활용가능한 EPS, AI 등의 무료벡터파일을 쉽게 구해 참고할 수 있는 프리픽을 활용 표정파일과 일러스트 심볼활용에 대해서 소개합니다. 아래 배너 및 URL은 무료 벡터그림들(출처표시)을 쉽게 구할 수 있는 프리픽입니다. 구글 및 페이스북으로 쉽게 로그인할 수 있습니다. 한국어 .. 일러스트레이터의 색상창고 -스와치스(Swatches) 일러스트레이터의 색상창고인 스와치스에서는 단색(Solid), 그라디언트, 패턴 등 다양한 라이브러리 제공하고 있는데, 단색의 경우에는 팬톤컬러를 이용하면 원하는 색을 쉽게(혹은 복잡하게) 찾아서 선과 채워지는 면에 적용할 수 있습니다. 아래는 일러스트레이터에서 기본 제공하는 라이브러리에서 스와치스 라이브러리를 통해서 세계적인 팬톤컬러를 찾아서 적용하는 복잡한 메뉴의 로드맵입니다. PANTONE 팬톤코리아 PANTONE 한국공식, 팬톤컬러칩 전제품 구매 및 상담가능, 팬톤코리아 공식 스토어 www.pantone.kr 팬톤컬러 외에도 원하는 색상을 쉽게 찾을 수 있는 컬러픽커를 이용하는 방법도 있습니다. https://www.w3schools.com/colors/colors_picker.asp HTML Co.. 이모티콘 적용가능한 포토샵 필터효과편 이모티콘 캐릭터 제작에 일러스트레이터와 포토샵 외에도 애프터이펙트와 같은 애니메이션 프로그램을 사용하여 표현하는 이들도 많아지고 있습니다. 앞에서 소개한 영상의 기본단위인 프레임(한장면)에 각각의 변화를 한장면마다(Frame By Frame) 그림으로 표현하는 것을 보충하기 위하여 포토샵에는 필터(Filter)라는 효과 메뉴가 있는데 효과를 잘 활용하면 캐릭터의 움직임을 다이나믹하고 극적으로 표현 할 수 있습니다. 일러스트레이터에서 레이어별로 잘 구분하여 준비한 일러스트레이터파일(Ai)을 File - Export - Export As...로 포토샵파일 72dpi로 레이어를 유지하며(Write Layer) 포토샵 파일(Psd)내보내서 포토샵에서 열어본 레이어구조 그대로의 그림들을 볼 수 있습니다. 필터(F.. EM-6 헬로우 토마스 "일타쌍피" 동작추가 표현 창작한 캐릭터 헬로우 토마스 동작추가 표현을 어니언 스킨(양파껍질 처럼 투명한 계층) 방법을 소개합니다. 레이어를 잘 구분해서 일러스트레이터에서 작업한 파일을 File-Export-Export as를 이용해서 레이어가 고스란히 존재하는 형태로포토샵파일(PSD)로 내보내는 과정이 연결이 됩니다. 아래는 포토샵에서 GIF 애니메이션을 만드는 과정을 소개하고 있습니다. EM4-3. 눈사람~강아지 심볼이해(표정) 일러스트레이터의 심볼은 개체 < 그룹 < 심볼 순으로 최상위 개체유형(Object Type)로 과거 플래시의 심볼(무비클립 이하)으로 완성된 개체들 중 가치있는 개체의 반복사용을 원할때 선택후 F8 키를 통해 등록하여 다른 심볼이나 개체들과 조합해서 다른 표현에 활용됩니다. 등록된 심볼들은 심볼창에서 복제하여 다른 변용된 심볼로 재등록 형태로 쉽게편집 할 수 있습니다. 몸과 얼굴을 포함한 표정관련 눈/입 심볼과 Replace로 교체된 표현의 예입니다. 아래 CC2022버전에서 열수 있는 눈사람 캐릭터 작업파일인 PDF파일을 참고하세요 CS6버전을 이용하는 분들은 아래 파일을 다운로드 후 실습해보세요 https://www.freepik.com/free-photos-vectors/angry-expressio.. EM-8 스케치용 스마트폰 앱 소개 이면지의 종이, 달력뒷면에서도 캐릭터는 탄생합니다. 하지만 스케치는 비단 손으로 종이에 그리지는 않습니다. 요즘 스마트폰 앱으로도 레이어 구조를 갖고 생각나는대로 그림을 그려낼 수 있습니다. 아래는 일상에서 편하게 그림을 그리는 앱을 소개합니다. FlipaClip 애니메이션을 통해 여러분의 꿈을 실현하세요! FlipaClip의 강력하고 재미있는 도구로 프레임별 애니메이션을 쉽게 만들 수 있습니다. 스케치, 스토리보드, 애니메이션, 단순 학습 등 무엇을 하든 상관 없습니다. FlipaClip의 응답형 인터페이스는 최고의 도면 및 애니메이션 환경을 제공합니다. 간단하고 직관적인 컨트롤로, 시작하기 쉬우며, 창의적인 아이디어를 낼 수 있을 만큼 강력합니다. sketchbook Sketchbook은 그림 그리기.. EM-7 캐릭터 그래픽표현과 추가 응용동작 캐릭터를 소개하는 부분에 필요한 그래픽 표현들을 일러스트레이터에서 펜툴로 그려놓은 곡선을 물결치는 글씨 / 레어이합치기/색상견본, 컬러칩 / 경계가 뿌연효과(Effects-Feather, Blur) / 블랜드, 슈퍼맨타이틀/ 멋진 그래픽스타일(Appearance, Graphic Style) 등 그래픽표현을 소개합니다. 타이틀과 어피어런스 쥬어키의 그래픽표현은 아래 그림 밑에 파일에 포함되어있습니다 일러스트레이터에서 열어보세요 표정과 동작 줘어짜기! 기본동작외 응용동작 3 = 총4개 정비공 쥬어키의 동작이 획기적인 것은 아니지만, 기존의 "반갑구만~ 반가워" 버전을 약간 응용해서 큰 웃음 버전을 최소의 시간으로 동작을 만들어 보았다. 더 이상 선자세로 만드는 캐릭터의 동작은 한계가 있다. 20개 이상의 응.. EM-6 AR 이모지 활용한 표정과 동작 연구 "캐릭터의 다양한 표정과 동작을 24개를 만들어야 한다면 어떤 방법이 있을 까요? " 이모지를 활용해서 세상에 없는 표정과 동작 구상하기 필자의 얼굴이 나와야 하지만, 쑥스럽고 공개용이다 보니 초상권 때문에 얼굴만 인식하여 3D로 변환된 캐릭터의 형상을 자연스럽게 담을 목적으로 삼성폰 자체의 이모지를 역시 자체의 포토샵을 통해 간단한 비디오 편집을 한 후 캐릭터 개발에 활용하는 장면을 소개합니다. 삼성 AR 이모지 앱(Samsung AR Emoji) 위에서 삼성 AR 이모지 앱(Samsung AR Emoji)을 이용해서 응용동작을 포토샵으로 주요 장면을 비디오편집을 하고 몇개의 동작으로 추출하여 JPG로 내보내는 방법을 소개합니다. 포토샵도 타임라인(Timeline)창을 통해서 간단한 영상편집을 할 수 .. EM-5 캐릭터 창작 '정비공' 기본과 응용동작 (어니언스킨 적용) 최초의 아이디어 스케치 아래 최초에 그려본 스케치는 교육당시 너무 빨리 그려서 사탄의 인형 '처키'와 같은 얼굴표정이 보여진다. 스케치기반의 트레이싱 작업을 일러스트레이터에서 작업할대 눈을 친근하고 단순히 하려고 핀, 제이크, 틴틴과 같은 미국만화의 캐릭터를 착안하여 단순한 표현을 표정에서 아이디어를 얻어보았다. 차량정비차 낮에 들렸던 정비소에서 아이디어를 얻어서, 마음을 정비하는 정비공 줘키는 처키의 변조이다. 자동차키를 달라는 뜻으로 "줘~키"는 어떨까?? Tutorial : 제작과정을 소개하는 유튜브 영상강좌 스케치와 일러스트레이터를 통한 컴퓨터그래픽 작업은 스케치만 달리해서 교육하는 부분에서는 유사하지만 일부 다른 방식의 강의를 진행하였으며 대부분의 자료는 직접작업한 내용으로 수행하였다. 아래 그.. EM-2. 포토샵에서 응용동작 표현 '아보카도군' 스케치하기 포토샵을 처음으로 사용하는 분들을 위한 과일용 캐릭터 응용 아보카도군 제작기 1편 https://youtu.be/7Opfe7RkF6I 마우스 혹은 태블릿으로 아날로그적인 손의 감각으로 그려내는 포토샵의 거친 연필과 붓의 표현, 자체내에 레이어와 레이어 그룹을 활용한 애니메이션 표현방법을 아보카도 군을 그래보고 채색하고 프레임 애니메이션 만드는 방법을 소개합니다. 포토샵에서 만들어 내는 그림은 위치/투명도/레이어스타일 등의 표현은 프레임의 변화를 3가지 속성으로 표현합니다. 다만 크기가 바뀌는 경우는 미리 다 일일히 그리놓고 작업을 해야합니다. 복제(C+J)를 이용한 레이어와 레이어 그룹을 복제해서 일부는 그리고 위치 등 변화를 주는 점은 다행이지만서도... 포토샵에서 드로잉을 손(마우스, 태블릿)으로 그.. 이전 1 2 다음
