본문 바로가기


전체 글

(566)
잉크 트랜지션-트랙매트키(Track Matte Key) Track Matte Key특수영상합성기법의 하나인 트랙매트키를 통한 오프닝영상 제작기법을 소개합니다. 잉크 트랜지션이라 해서 먹물이 번지듯이 영상이 시작되는 오프닝은 매트루마라는 마스크기법을 통해서 만들 수 있습니다. 트랙매트키도 마스크기법과 동일하게 안보이는 대상은 보이게 하는 역할을 하며 영화, 방송, 다큐멘터리 등 트래매트키를 활용한 잉크 트랜지션(Ink Transiton)효과입니다. 포토샵의 레이어마스크와 유사한 트랙매트키-루마포토샵의 레이어 마스크와 같은 트랙매트키는 본영상에 적용하고 본영상 위에 매트를 깔듯이 있는 암흑같은 어둠속에서 서서히 불빛이 퍼지는 원리로 보이게 하는 원리라고 하지만, 트랙매트키의 루마는 잉크가 퍼져나가는 영상과 이미지등 비디오클립이 없으면 전혀 표현을 못하는 것인..
[MB-05] 크리에이티브 전략 수립(0410) 보호되어 있는 글입니다.
[MB-04] 온라인광고제작 (0403) - 인터렉티브 광고 제작하기 보호되어 있는 글입니다.
NCS 로고 SVG, 웹용 아이콘 국가직무능력표준(NCS, National Competency Standards)이 현장의 '직무 요구서'라고 한다면, NCS 학습모듈은 NCS의 능력단위를 교육훈련에서 학습할 수 있도록 구성한 '교수·학습 자료'입니다. NCS 학습모듈은 구체적 직무를 학습할 수 있도록 이론 및 실습과 관련된 내용을 상세하게 제시하고 있습니다. SVG(Scalable Vector Graphics)는 웹 친화적인 벡터 파일 포맷입니다. JPEG와 같은 픽셀 기반의 래스터 파일과 달리, 벡터 파일은 그리드 위의 점과 선을 기반으로 하는 수학 공식을 통해 이미지를 저장합니다.
[MB-03] 인쇄편집 (0328) - 광고콘텐츠 제작 보호되어 있는 글입니다.
EM-5 캐릭터 창작 '양파군' 기본동작 일러스트, 액션, Action 진입장벽이 높은 이모티콘 시장에는 캐릭터가 쎄고쎘다.  국내 최대는 아마 카카오 이모티콘인데, 인키 캐릭터도 결국은 손에서 그려진 스케치부터 시작했다.  손으로 그려 돌속의 원하는 상을 만들어 내 듯 스케치를 시작해야 한다.    super mario model sheet - Google 검색DO THE MARIO! Perry Martin... vantagepointinterviews.comwww.google.com   평가라는 잦대를 떠나서 새로운 캐릭터를 탄생시키기 위한 스케치부터~일러스트 작업과 동작표현에 대한 내용을 차근 차근 성취하는 느낌으로 따라 해본다.   평가라기 보다는 관련 공모전에서 주제를 찾아서 캐릭터를 개발하는 경험도 좋겠다.  심사중인 디자인 콘테스트 | 라우드소싱현재 심사중인 디..
GTQi일러스트 1급수준 기초표현 컴퓨터그래픽 운용기능사 실기와 GTQi일러스트 1급수준의 일러스트레이터 표현을 할 수 있으면, 자격증취득 외에도 다양한 아트워크 작업을 할 수 있는 자격을 갖추게 됩니다.   아래는 수준이 높지만 1급 일러스트 시험기준의 AB형을 구분해서 문제로 제시하니,  최신 기출문제가 아닌 지난 횟수의 다양한 문제를 풀어보기 원하는 분들에게 제시하니 많은 활용 바랍니다. 크기 100 x 80mm 1. 작업 방법 ① 도형, 변형 툴과 Pathfinder 기능을 활용하여 오브젝트를 작성한다. ② 그 외《출력형태》참조 2. 문자 효과 ① TAKEOUT NOODLE (Arial, Bold, 14pt, 11pt, M30Y90, C40Y100K40)크기 100 x 80mm 1. 작업 방법 ① 도형, 변형 툴과 Pathfind..
벡터로 표현한 과일과 맺힌 물방울, 블렌드 모드 뿌려진 비눗방울과 다른 맺혀있는 물방울은 김창열 화백의 그림으로 많이 알려져있습니다.  일러스트레이터에서 패스파이더와 블랜드 모드로 구성한 물방울을 벡터로 표현해봅니다.       코카-콜라 음료음료 브랜드 사이트, 코카콜라, 스프라이트, 미닛메이드, 파워에이드, 토레타, 몬스터 에너지, 조지아 등 제품소개www.ccbk.co.kr
포토샵과 일러스트레이터로 망점효과 만들기 Create Halftone Dots 음영을 검은 망점으로 표현하는 방법을 망점효과라고 합니다.  공통으로 사용하는 효과이름은 컬러 하프톤(Color Halftone)  번역하면 색상 중간톤. 이 효과는 그라디언트의 검고 흰 경계를 크고 작은 망점으로 표현하는데 레스터(비트맵)과 벡터의 대표 그래픽 응용프로그램인 포토샵과 일러스트레이터를 통해 각기 다르게 표현하는 방법을 소개합니다.     Photoshop  포토샵의 알파채널을 통해서 브러시와 그라디언트 도구로 구성한 흰색과 검은색의 경계를 망점을 만드는 메뉴 필터,  Filter - Pixelate - Color Halftone를 통해서 알파채널에서 구성한 망점영역을 레이어에 별도 추가한 공간에 표현하며 만들어 준다.   알파채널을 통해서 브러시와 그..
스마트폰, 카메라의 촬영 앵글과 구도, 스토리텔링 특정한 주제의 영상의 기승전결과 이야기 전개를 뜻하는 스토리텔링을 기반으로 촬영자는 사전에 촬영하고자 하는 피사체를 선정하고 어떻게 촬영할 것인가를 구상을 해야 합니다. 영상은 한장 한장의 스틸이미지가 모여서 이야기의 전개대로 스토리텔링을 기획해 카메라의 앵글과 구도로 표현되는 것이다. 영상제작을 위한 기획부분에 해당되는 스토리텔링(storytelling)은 사전적인 의미로는 '이야기하기'를 뜻하며, 전체적인 영상물을 어떻게 시작해서 마무리할 것인가를 구체적으로 기획하는 내용을 말한다. 전달하려는 구체적인 목적을 기승전결로 흥미롭게 스토리텔링 기획을 해야 촬영/편집해서 시청자들의 관심과 흥행의 요소가 되는 중요한 부분으로 문학, 예술, 영화, 교육, 광고 등 다양한 분야에서 활용됩니다. 스토리를..
[MB-02] 일러스트레이션 (0318) 로고 디자인 보호되어 있는 글입니다.
일러스트, 칼선, 도무송, 띠부씰 스티커 19세기 영국 톰슨식 재단기를 일본어로 읽은 말로,  도무송은 인쇄물을 원하는 모양, 곡선 등 특별한 모양으로 재단하는 가공방법으로 재단하는 후가공을 뜻하는 현장 용어입니다. 띠부씰 스티커 4px  0.03cm 보통  2mm 정도의 칼선여분 띠부스티커 4,500원~즐거운 레트로 스티커 생활www.publog.co.kr
공모전, 포트폴리오를 위한 고급개체(Smart Object) 목업(Mock Up) 목업(Mockup)은  '흉내내다'란 뜻의 'Mock'과 'Up'의 합성어로 실물 모형 또는 목업은 제조업과 디자인 분야에서 디자인의 서식, 패키지, 자동차, 컵, 유니폼 등 로고디자인의 결과물을 실제 적용했을 때의 예시가 되는 사실적인 예시 이미지 표현을 전체적으로 말합니다. https://mockups-design.com/simple-mockups/ Simple mockups - Mockups DesignSimple - Easy to use photography based mockups. Can be used as high resolution PSD mockups or a as a rolyalty free stock photos.mockups-design.com로고디자인 공모전에는 필수로 디자인의 컨..
일러스트레이션, 수작업 일러스트레이션, 컴퓨터 일러스트레이션 손의 감각으로 아이디어 스케치를 하거나 진지하게 드로잉을 한 일러스트레이션이 그래픽작업에 사용되기도 합니다.   물론 이어지는 컴퓨터 일러스트레이션하기를 통해서 완벽한 벡터드로잉한 최상의 상태를  대부분 원하지만,  수작업의  손터치가 느껴지는 자유로운 프리스타일의 수작업 일러스트레이션을 소개한다.  03화 브랜드 시그니처와 로고, 브랜드 마크는 무엇일까?브랜드 시그니처, 로고, 브랜드 마크 이해하기 | 브랜드명과 더불어 브랜드에 고유한 차별점을 제공하는 역할을 하는 로고와 브랜드 마크. 이들은 브랜드를 한눈에 쉽게 구분해주고 인식률을brunch.co.kr       일러스트레이션. 수작업과 벡터활용 1디자인 관련 사이트는 국내외 디자인 정보, 아이디어, 다양한 작품들을 볼 수 있다. 다 음 사이트를 둘..
일러스트레이션 기초2-2. 선, 브러시, 심볼 포토샵과 다른 일러스트레이터에서 단순한 선(stroke)의 테두리인 두께와 색상표현외 Scatter Brush, Art Brush 그림형태로 선을 표현하는 독특한 방법과 그룹보다 더 상위의 개념인 심볼을 소개합니다.     [타이포그래피 팁] 워프텍스트와 유사한 일러스트레이터의 Envelope Distort CAS+W포토샵에서 글씨가 물결타듯이 글자왜곡하는 워프텍스트 라는 표현으로 합니다.  일러스트레이터에서 둘러싸기 왜곡(Envelope Distort) 은글씨를 포함한 오브젝트 전체를 왜곡시킵니다. "기본인 패스파인더는 늘 숙지하고 일러하자!" 순차별 클릭 바로가기 ☞    Brush  |  Symbol     https://youtu.be/iVAWcOlQYrU              Gradient ..
심볼과 그래프 도구의 2D그래픽 활용 심볼과 그래프 도구의 2D그래픽 활용   Newpaper의 통계자료 등을 그래프로 표현할 수 있는 일러스트레이터의 그래프툴에 대해 알아봅니다.
일러스트 블렌드 도구와 메뉴를 활용 3D 입체표현 블랜드, 3D Effect 등 머티리얼 디자인에 필요한 입체표현하는 방식을 소개합니다.  아리 꽃이미지를 이미지 추적(Image Trace) 벡터화 시키고 블랜드 도구와 메뉴로 잎새를 표현하세요.    [FACT&VIEW] 감쪽같이 속았다! 2500년 만에 밝히는 황금비 진실※취재팀주 본 기사는학창시절 당연히 의심없이 ‘황금비’라고 배워왔고, 또 여전히 교실에서 배우고 있는, 그리고 잘못된 상식으로 평생을 살아갈 독자들을 위해 준비했습니다.도움말을 듣m.dongascience.com  https://youtu.be/b-R5d2hFRuw    https://youtu.be/_d6UZXch4Pc
2D 그래픽제작 1-1편 - 광고를 위한 시각디자인(포토샵 기초) 다양한 정보를 효율적으로 전달하기 위해 인쇄물이나 웹, 영상물 등으로 제작하는 것은 미디어 홍수시대에 필수적이다.   컴퓨터그래픽을 통해 원하는 정보를 효율적으로 전달하기 위한 기획을 통해 제작하는 시각디자인의 분류에 해당되는 영상디자인은 시청각을 통해 가장 정보 전달력이 뛰어난 매력적인 요소이다.   영상디자인 또한 영상의 기본단위인 한 프레임(1 frame) 자체가 디자인의 결과라 해도 틀리지 않다.     이번 장에는 2D 그래픽을 이용한 시각디자인에 기본적이자 업계표준인 컴퓨터 그래픽 응용프로그램으로 널리 사용되는 포토샵을 통해 시각디자인으로서 개념을 잡고 프로세스를 배워 본다. (NCS를 기반으로하며, 보조 시중교재는 참고한다)아래 NCS교재를 온라인으로 볼 수 있으니 교재로 활용하시기 바랍니다..
2D 그래픽제작 7편 - 레이아웃과 포트폴리오 제작, 황금비율 1.618 포토샵을 이용해서 원본 사진이미지인  JPG를 배경제거(일본어 누끼)작업을 통해  PNG를 만들어보는 부분은 지난 선택도구편에서 배워보았습니다. 이렇게 만든 이미지들은 어떤 목적에 맞게 정해진 규격의 새 문서 만들기를 통해 디자인 작업을 할 수 있어야 합니다.,  콜라주(Collage)는 시각 예술에서 주로 쓰이며 질(質)이 다른 여러 가지 헝겊, 비닐, 타일, 나뭇조각, 종이, 상표 등을 붙여 화면을 구성하는 기법이다. 어원은 "to glue(접착하다)"는 의미의 프랑스어 coller에서 파생되었다.콜라주의 유래: 콜라주는 프랑스어 "coller"에서 유래되었으며, "풀로 붙이다"라는 뜻을 가지고 있습니다. 20세기 초, 피카소와 브라크에 의해 새로운 미술 기법으로 탄생했습니다.콜라주의 다양한 활용: ..
일러스트레이션 기초1-1. 오브젝트, 펜툴, 패스파인더 NCS학습모듈의  일러스트레이션의  학습목표는 광고 콘셉트 표현을 위한 일러스트레이션 계획을 수립하고 수작업과 컴퓨터 일러스트레이션을 하는 능력을 갖출 수 있다. PathFinder | Transform Tool 03_일러스트레이션.pdf유승종님이 공유한 문서를 확인하세요.mybox.naver.com 크리에이티브 콘셉트는 ‘빅 아이디어(big idea)’이며, 독창적이고 극적인 셀링 포인트 (selling point)다. ‘무슨’ 이야기로 ‘어떻게’ 소비자를 설득할 것인가에 해당하며, 보다 더 쉽게 소비자의 눈을 사로잡을 커뮤니케이션 가치를 말한다 제품의 정보나 지식을 / 소비자의 니즈나 라이프스타일과 연결해보는 것이다. 좋은 콘셉트를 도출하는 것은 매우 중요하지만 쉽지 않은 일이다. 콘셉트가 불명확하고..
일러스트레이션 기초 2-1. 변형도구들와 메뉴 일러스트레이터에서  여러분이 선택한 물건(개체, 대상, 오브제 등)인 Object를 선택하여 다른 변화를 주면 변형(Transfrom)이 있다고 합니다.   네모를 선택하고 크기를 조절하거나,  기본인 검은화살표 형태의 이동도구로 움직이거나,  이동도구라해도 Alt키를 누르면서 이동하는 등을 변형을 줘다고 합니다.    간단히는 선택한 점의 위치를 움직여도 변형했다고 합니다.      변형도구(회전,반전,크기,기울기)일러스트레이터 - 변형도구는 크게 단순이동도구인 검은 화살표를 제외하고,  회전,반전,크기,기울기 도구입니다.  그 사용법을 차근차근 소개합니다. 물체의 변형 기준축  Anchor Point   Alt키 누르며 도구클릭Position 즉 간단한 위치좌표의 변화인 이동은 검은 화살표인 이동도구..
일러스트와 포토샵활용한 GIF송아돼지(송피그) 1개의 레이어에 다수의 오브젝트를 표현할 수 있는 일러스트레이터에서도 필요한 경우에 레이어를 구분한 작업을 합니다. 프레임마다 다른 변화를 통한 애니메이션 기법을 위해 이번 작업에 그런  작업을 해보겠습니다.    일러스트레이터(줄여서 일러스트)에서 각각의 개체들을 동물캐릭터의 구성요소로 제작해 1개 레이어에 완성했습니다.  각기 다른 구성요소들의 변화로 캐릭터의 움직임을 주고 싶어 레이어 구조 그대로로 복제된 레이어들 마다 다른 동작을 표현했습니다.  위 작업에 사용한 기본적인 일러스트의 사용법을 조금 알아야 합니다.  일러스트의 Object의 기본개념과 Object들의 묶음인 Group, 선택한 오브젝트 잠그기 Lock,  감추기 Hide등의 개념은 아래 게시물을 참고하세요. 일러스트레이션 기초1 -..
[MB-01] 2D그래픽제작 평가(0306) 보호되어 있는 글입니다.
2D 그래픽제작 4편. 브러시와 패턴 등록 및 사용, 벡터 쉐이프 이미지 편집 소프트웨어인 포토샾에서 자주 사용하는 브러시, 패턴의 등록과 사용법을 알아보고, 레이어내의 효과(fx:Effect)에 해당되는 레이어스타일의 종합적인 활용을 알아본다.  레이어스타일을 전체적으로 이해하기 위해서는 패턴의 사용도 충분히 숙지해야 한다. Colorful Design1개의 색으로 단순한 색상인  솔리드컬러(Solid Color)와 Curves와 Hue/Saturation 등  Image-Adjustments의 다양한 색보정의 사용법을 미리 알아 보았다면 패턴을 더 쉽습니다.https://pixabay.com/ko/photos/search/?order=ec     배경 및 개체를 채우는 3가지 방법 ◆Solid(단색) : 1개의 단순한 색상 표현 Alt+Del 앞색 채우기 (Ctrl..
2D 그래픽제작 5편. 타이포그래피 광고타이틀 제작(레이어 스타일) 디자인에서 타이포그래피는 매우 중요한 요소입니다.  타이포그래피의 기능은 크게 정보 전달 기능과 심미적 기능의 두 가지로 정의할 수 있습니다.  디자인에서 타이포그래피로서 중요시 되어야 하는 부분은 정보 전달기능을 위해 타이포의 가독성과 가시성을 갖춰야 합니다.   읽기 쉬워야 하는 가독성이 좋아야 정보 전달의 기능을 수행할 수 있기 때문입니다.  그리고 보는 이에게 아름답고 독창적인 인상을 전달할 수 있도록 서체, 크기, 위치, 색상 등 타이포그래피의 심미적 요소에 주의를 기울여야 합니다.   디자인에 활용한 서체는 어떤 작업공간에서도 동일한 조건이 되게 설치를 하고 타이틀의 경우에는 주목할 만한 레이어 스타일을 적용하는 것이 필요합니다.  아래는 서체 설치와 관련된 게시물이니 설치하고 따라해보세요.D..
2D 그래픽제작 6-1편. 인물보정 필터, Filter, 웃는 얼굴, 점 빼기 포토샵 필터 중에서 얼굴을 인식하는 Filter - Liquify.  리퀴파이의 Face Tool 로 얼굴을 날씬하게 턱도 얇게, 미소짓는 얼굴 등 표현과 여러번 브러시형태로 리터치하는 인물과 사물의 사진보정방법을 소개합니다. 기장 포토샵의  기본기능에서 인물사진 보정하는 방법을 소개합니다.프사  인물사진의 보정프로필사진 등 본인의 사진으로 얼굴보정을 해보는 것이 좋지만, 실습용으로 아래 픽셀스의 인물사진 링크를 참고해서 다양한 보정작업을 해보시기 바랍니다. ▼ 그림을 클릭하면 연결됩니다.    다양한 이미지보정제공받은 이미지에서 감추거나 원하는 부분을 보수하거나 수정하는 것을 보정작업(여러번 손이간다 하서 영어로Retouch)이라 한다. 인물과 사물 등 픽셀로 이루어진 이미지를 보정하는데는 3개정도의 ..
2D 그래픽제작 6-2편. 예술적인 필터 효과, Filter, Action Photoshop의 Filter는 2D Graphic외에도 만화같은 표현의 영상작업시 시퀀스이미지에 적용되기도 합니다.   단순복잡한 업무를 Recording했다가 몇초에 해결하는 Action 에 대해서도 함께 소개합니다.   FreeStyle2: Street basketball- Buzzer Beater Cinematic Trailer - Half tone Pattern Effects 기본 필터 갤러리   |   다양한 필터   |   액션 배우기     필터갤러리 Filter Gallery아래 픽사베이에서 제공하는 무료이미지를 활용해서 필터 갤러리의 전체 효과를 정리해보았으니 영상과 예시 이미지를 참고해서 배워보세요.   합성작업을 위한 이미지 활용    더보기◆디자인기획 / 레퍼런스(잘만든 견본, ..
2D 그래픽제작 3-1편. 펜툴(Pen) 색상 보정(Adjustment) 2D 그래픽에서 합성에 필요한 사진의 색상,채도,명도 등 품질을 결정하는 Image - Adjustments의 대표 색상보정과 선택을 보조하는 자유로운 벡터 도구인 펜툴의 사용법을 통해 합성의 응용을 배워봅니다.  https://oztv.tistory.com/586 2D 그래픽제작 2-1편 포토샵의 알파채널과 마스크2D그래픽에서 가장 많이 활용되는 포토샵의 알파채널과 마스크는 합성작업에서 가장 많이 활용하는 고급기법이다. 레이어 옆에 늘 함께하는 채널(Channels)공간에 기본 색상모드에 따라 보이는 기oztv.tistory.com 벡터도구인 펜툴과 쉐이프의 특성을 배우면 표현할 수 있는 커스텀쉐이프 강좌입니다. 호두를 따볼까... 펜툴 경로(Path)와 쉐이프(Shape)포토샵에서 선택(Selecti..
2D 그래픽제작 3-2편. 아래 형상만큼 보이는 클리핑 마스크, AC+G Photoshop에서 합성작업에 주로 활용하는 Mask 표현이 기본인 Layer Mask외에  전혀 다른 하나가 더 있는데 바로 클리핑마스크 Clipping Mask가  있습니다.   클리핑마스크는 현재 레이어의 이미지가 아래의 글씨나 벡터 형상 만큼 보이고 다른 부분을 감춰지는 합성입니다.   1. 흰색의 영역만 보이는 레이어(그룹)마스크    2. 복사했던 이미지를 선택범위내 붙이는 레이어마스크 CAS+V   3. 현재 이미지 레이어가 아래 형상만큼 보이는 클리핑 마스크  AC+G   클리핑마스크 Clipping Mask현재 이미지가 있는 레이어가 힘들었는지, 아래에 있는 큰 덩치의 레이어(보통 큰 글씨나 쉐이프 형상)에 어부바하듯이 얹어져서 일부만 보이게 하는 클리핑 마스크(AC+G) 를 함께 배워..
2D 그래픽제작 2-2편 포토샵의 블랜드 모드(알파채널과 마스크) 알파채널, 기본 Layer/Channel/Path 필수패널정리하면그림편집하는 공간은 레이어 /색상정보+선택범위 저장공간 알파포함 채널 /점선면 쉐이프공간은 패스입니다."알파채널은 선택한 범위를 저장하는 곳이다!"채널에 추가된 알파채널-선택영역의 데이터 저장 및 불러오기 기능, 선택영역의 편집 Save Selection / load Selection 로드셀렉션은 작은 썸네일 형태의 범위만큰 선택불러오는 기능이다.  알파채널의 썸네일 외에도 모든 레이어, 패스의 썸네일속 형상만큼 로드셀렉션 후 레이어상에서 원하는 편집을 하는 방법을 터득해야 합니다.   알파채널 응용작품 - 모래 위 범인의   족적 Footprints   앞에서 배운 알파채널은 선택한 범위만큼을 저장하고, 필요시 저장된 선택범위를 가져와 레..

반응형