이모티콘디자인은 네이버의 카페와 블로그에 내가 그린 캐릭터가 선보여 게시글들을 더욱 돋보이게 한다면 오지큐(OGQ) 크리에이터가 되는 것을 추천하고, 국내 스마트폰과 PC의 최대 SNS인 카카오 이모티콘으로 캐릭터가 여러 사람들 사이에 선보인다면 카카오 이모티콘 크리에이터를 추천한다. 주로 사용자들이 이용하는 플랫폼차에도 있고 심사측면에서 차이가 안다.
이모티콘 디자인(포토샵,일러스트,드로잉) 훈련목표
1.다양한 콘텐츠 제작과 상품화를 위하여 이모티콘의 다양한 모습을 보여 주기 위해 이모티콘만의 독특한 정체성을 그래픽요소를 통해 독창적인 이미지로 형상화하는 능력을 함양한다.
2. 캐릭터 성격에 맞는 성격, 역할, 감정, 동작 등을 그래픽 소프트웨어로 표현할 수 있다.
■ 캐릭터 기본형 제작하기 0803020817_18v3.2
2.1 스케치된 캐릭터를 바탕으로 수작업이나 그래픽 소프트웨어로 표현할 수있다.
2.2 주요 포즈를 바탕으로 캐릭터의 기본 형태를 표현할 수 있다.
2.3 캐릭터 특성에 맞는 컬러체계를 설정하여 적용할 수 있다.
2.4 타깃 시장에서 상품화가 가능하도록 캐릭터의 기본형을 표현할 수 있다
■ 캐릭터 응용형 제작하기 0803020817_18v3.3
3.1 캐릭터 기본형을 바탕으로 성격에맞는 표정과 동작을 스케치 할 수 있다.
3.2 캐릭터별 성격과 역할에 따른 아이템을 스케치 할 수 있다.
3.3 시놉시스와 주요 에피소드를 바탕으로 응용형 캐릭터를 스케치할 수 있다.
3.4 스케치한 캐릭터의 응용형을 수작업이나 그래픽 소프트웨어로 표현할 수있다.
반복학습용 포토샵에서 그리고 움직이는 방법을 충분히 연습하세요.
이모티콘 캐릭터 쉽게 크리에이터로 가입하지만, 업로드 할 순간까지는 어렵다
네이버 회원이나 카카오 회원이면 누구나 쉽게 크리에이터로 가입하고 지원할 수 있다. 중요한 것은 캐릭터의 탄생과 캐릭터이 감정을 표현한 아이콘인 이모티콘의 유형을 창조하기가 만만치 않다는 것이다.
1 어떤 캐릭터를 탄생시킬 것인가? 마인드맵
아이디어를 정리해보는 마인드맵을 통해서 캐릭터를 구상하자!
캐릭터 다양한 각도의 그림들 모델시트
앞/옆/뒤 모습을 그리는 모델시크(character model sheet)는 진행할 캐릭터의 구체적인 모양을 다양한 각도에서 그려본 그림이다. 정면만 보는 것이 아니기 때문에 생김새를 여러번 그려보고 형상화해야한다. 아래 그림을 클릭하면 핀터레이스에서 모델시트를 볼 수 있다.
캐릭터 관려 핀터레스트 공유 : https://www.pinterest.co.kr/ongolzin/_saved/
캐릭터 표정들 익스프레션
캐릭터의 감정을 표현한 익스프레션 시트는(character model sheet expressions) 컴퓨터 그래픽으로 데이터화 할 수 있는 기초가 된다. 다양한 표정을 구상해보자.
2 그림판과 포토샵에서 그리는 방법을 시작하자!
그림판은 마이크로소프트의 기본 그림그리기 응용프로그램입니다. 연필로 검은색의 외곽선을 그리고 안쪽에는 페인트버킷으로 원하는 색상을 채우는 방법이 일반적인 그림표현입니다. 1개층에서 모든작업을 해야하기에 작업에 불편이 많습니다. 여러 층을 나누어 각각의 다른 표현을 독립적으로 할 수 있는 것은 컴퓨터그래픽에서는 레이어라고 합니다. 포토샵에서 레이어를 활용한 드로잉방법을 익혀보시기 바랍니다.
😎 캐릭터버전 - 림파니와 강아지
포토샵은 레이어(상하 계층구조)로 Tab키를 누르고 전체 작은창들을 감춤(보기)로 집중하고, 레이어 보기/감추기를 F7 키를 누르면서 전체 계층구조의 드로잉 작업을 진행한다. 확대/축소는 콘트롤 + 더하기/빼기를 통해서 상세보기를 할 수 있으며, C+0로 화면맞춤을 통해 꽉찬작업을 할 수 있다. 연필과 브러시의 쓰임새가 다른데, 연필은 외곽라인을 그리고 페인트통으로 채색을 하는 것은 그림판과 같은 원리로 공간을 채우며 표현한다. 브러시는 물을 묻히고 칠하듯 부드러워서 공간내에 부드러운 표현에 적합하다. 최종작업물을 GIF로 만들기 위해서는 웹용저장하기(CAS+S)를 통해서 가능하다.
그림판과 다른 포토샵으로 레이어에 그리기는 방법과 여러개의 레이어를 그룹으로 만드는 방법, 그리고 GIF 프레임 애니메이션 방법을 소개합니다. 포토샵의 프레임애니메이션은 위치/투명도/효과(Position/Opacity/Effect) 3개 특성은 별도로 그리지않고, 자체에서 특성기억한다. 그외는 별도로 레이어를 준비해야한다. 애니메이션 작업전에 최종 내보내기는 CAS+S(CAS=Ctrl+Alt+Shift)로 GIF128로 해주면 된다.
😎 캐릭터버전 - 감자
아래는 동일한 포토샵작업을 감자버전으로 소개하고 있습니다. 위 그림판으로 그린 림파니와 강아지와는 다른 느낌의 표현이니 일부내용을 참고하면 더욱 도움이 될 것입니다.
CC버전에서 새 문서를 만들때 생기는 Artboard는 레이어1에서 우클릭 후 Flatten Image를 누르면 전통적인 Background를 만날 수 있고, Layer1을 누르면서 작업은 시작된다.
Window-TimeLine을 체크하여 보게하고 중앙의 화살표를 누르고 Create Frame Animation을 선택한 다음에 선택한 대상을 누르면서 1Frame단위로 애니메이션을 구현하면 된다.
3 레이어그룹과 퍼펫도구를 활용한 동작표현
포토샵의 제일 복잡한 문제인 레이어들을 특정한 목적으로 그룹을 만들고 비아카피하여 다양한 표정과 동작을 만드는 방법과 레이어병합 방법을 소개합니다. 포토샵 CC버전에 추가된 Edit- Puppet 기능을 통해 관절같은 운동방법도 소개합니다.
포토샵과 일러스트레이터를 충분히 활용하자!
카톡 라이언을 제작한 디자이너가 알려주는 그녀만의 애니메이션 기법을 참고해서 보세요!
애니메이션에서 힌트를 얻어보라!
당연히 캐릭터의 생김새를 배끼라는 것이 아니다. 감성과 동작을 참고해 보는 것이다. 동물 캐릭터로 등장하는 애니메이션이나 감성적인 부분이 많이 등장하는 최근의 작품까지... 짱구의 다양한 TV방영작들도 하나의 힌트가 될 수 있겠지...
저작권의 개념을 넘어서 자신있게 미국의 유명제작사의 애니메이션을 올리는 무비콘채널에서도 많은 모티브가될 한 순간 한순간이 이모티콘의 동기가 될 것이다.
Creative Clound 시험판
최근에 관련 응용프로그램의 CC 버전을 시험판 링크를 받아서 7일 시험버전으로 잠시 사용하시는 분들도 있습니다만, Adobe 공식사이트에서 회원가입 후 로그인하시고 정품사용으로 향상된 업그레이드된 기능을 갖춘 최고의 영상편집(Video Editing) 응용프로그램 Premiere Pro CC를 정품사용을 추천합니다.
'캐릭터 제작' 카테고리의 다른 글
EM-3-2. 일러스트레이터 종합편집 - 패스파인더(재단도구) (1) | 2022.11.03 |
---|---|
EM-3-1. 일러스트레이터 기초(오브젝트와 펜툴) (1) | 2022.10.27 |
응용형-대박 타이틀(Blend Tool & Menu) (0) | 2022.10.13 |
EM 4-1 . 변형도구와 선을 대신하는 브러시와 심볼(Symbol) (1) | 2022.10.06 |
EM 마포라이언-기분좋아 버전(회전, 크기) (0) | 2022.09.29 |