본문 바로가기


전체 글

(468)
Ae CG. 내가 만드는 Text Animator(Fit to Comp) 지난 Ae 1편에는 Effects & Presets - Animation Preset* - Text - Animate in을 통해서 쉽게 텍스트 애니메이션을 구현하는 방법을 소개한 바 있습니다. 이번 강좌에는 정해진 프리셋이 아닌 내가 만드는 정해진 Preset을 이용하지 않고, 레이어의 Animater ▶를 통해 Postion, Opacity, Rotate 외에 Blur등 다양한 등의 속성을 추가해서 직접 애니메이션을 기호에 맞게 만드는 방법을 제시합니다. Position등은 Transform 속성으로 알려진 P, S, R, T와는 별개의 것이라는 점을 미리 알아두고 따라하시길 바랍니다. Text Animator 를 통한 Text Animation 작업 순서 1 글씨를 입력한 레이어의 Text를 펼쳐 ..
Ae CG [무료플러그인] DUIK ANGELA 설치, 따라하기 니콜라스 두두프 뒤프레네가 After Effects의 플러그인으로 개발 무료 배포한 뼈대인 Bone을 기반으로한 Ligging도구가 듀익입니다.  16x 버전명이 바셀, Bassel Khartabil Safadi는 자유 소프트웨어를 홍보하고 개발하는 데 많은 투자를 한 시리아인으로 정부의 민주화 탄압으로 36세의 나이로 감옥에서 숨진  그의 업적과 정신을 기려 두익은 그의 이름을 따서 두익 바젤이라 버전명을 지었다고 합니다.    어도비의 버전명이 Creative Suit, Creative Cloud와 같이 바뀐 것과 같습니다.  버전에 따라 바젤, 안젤라 프랑스어라 표기법과 발음의 다르지만  Ai, Psd파일을  After Effects에서 애니메이션을 구현할 수 있는 별도의 설치를 해야하는 무료 외부..
편집후반작업 - 내레이션, 음악 음향 CG 큐시트(11.15) 보호되어 있는 글입니다.
Ae CG [무료 플러그인] Duik Bassel과 Angela를 활용한 인체, 관절, 표정 애니메이션 Adobe After Effects를 이용한 모션그래픽은 드로잉 데이터만 있으면 일일히 그리지 않고 표현할 수 있는데, 인체의 관절과 얼굴표현들을 뛰어난 모션그래픽을 표현할 수 있는 방법중의 하나가 듀익 바젤과 업그레이드 된 새로운 듀익 엔젤라입니다. 기본은 Adobe Illustrator와 Photoshop의 레이어 구조를그대로 After Effects의 Compositon형태로 사용하는 부분에서 시작됩니다. Ai~Ae 움직이는 동작표현 - 아트브러시 일러스트레이션 모션그래픽의 시작은 Shape라는 벡터형태의 그림입니다. 일러스트레이션을 모르면 애프터이펙트는 몇몇 도형들로만 가지고 놀아야 합니다. Walk cycle, Run cycle등 Motion Graphic의 각 동작별로 키프레 oztv.tist..
일러스트레이터 - 왜곡표현과 보기메뉴 일러스트레이터는 포토샵같은 글씨전용 워프텍스트는 없나? 일러에서는 그림과 글씨 어떤 것이 되었든지 그룹형태를 가진 오브젝트 덩어리를 메뉴 Object - Envelop Distort 를 통해서 워프를 표현 할 수 있습니다.
일러스트레이션(1102) - 로고/캐릭터 디자인 공모전 보호되어 있는 글입니다.
로고(앰블럼) 디자인을 위한 어피어런스, 그래픽스타일 일러스트레이터에서 CI, BI, Emblem 등 로고 디자인을 위한 어피어런스, 그래픽스타일 기능과 활용법을 통해 여러분이 고급스러운 포트폴리오 제작하는 방법을 소개합니다. 세상을 바꾸는 변화(Change)의미를 담고 있는 메타포 형상 중 회전하는 형태의 화실표로 만드는 방법을 아래 강좌에 담아 보았습니다. 2개, 3개회 회전되는 화실표를 영상을 클릭해서 보고 배워보세요. 아래는 응용형 머티리얼 디자인의 응용의 예입니다. 장애인, 와이파이, 수영 순으로 제작하는 방법이 소개됩니다. 엠블럼(Emblem) 디자인 특정한 로고에 원형태로 국문/영문으로 구분되는 앰블럼 디자인도 로고디자인에 해당되는 경우가 많습니다. 여러분이 원을 그리고 각 레이어별로 원의 라인을 따라 글씨를 중앙정렬로 놓고 바깥쪽에 국문을 표..
방송CG작업 - 포폴형평가(1024) 보호되어 있는 글입니다.
Ai~Ae 움직이는 동작표현 - 아트브러시 일러스트레이션 모션그래픽의 시작은 Shape라는 벡터형태의 그림입니다. 일러스트레이션을 모르면 애프터이펙트는 몇몇 도형들로만 가지고 놀아야 합니다. Walk cycle, Run cycle등 Motion Graphic의 각 동작별로 키프레임을 찍어가면서 만드는 것이 번거롭다면, 차라리 그려보세요. 모션그래픽을 위한 일러스트레이터의 아트브러시 E01를 통해 Frame By Frame방법을 배워보세요. Character Animation Frames Vectors, Photos and PSD files | Free Download Are you looking for character animation frames vectors or photos? We have 94,196 free resources for you. Down..
GTQ 포토샵 1급 기출문제 속 Shape 연습그림들 기출문제 GTQ 포토샵 1급 수준에서 일러스트레이터에서 형상을 만들어서 출제한 문제들이 대부분으로 포토샵에서 작업하기에 어려운 Shape를 그리고 Save Path하는 부분, Shape 공간내에 클리핑마스크로 처리한 대상이나 패턴오버레이가 표현된 부분 특징입니다. ◆Object-Expand (Ap.) : 무조건 Fill 쉐이프가 강제됨! ◆Pathfinder - Merge : 겹칩없이 정물화처럼 형상화 ◆마술봉 제거할 구멍색 지움 : Ai 복사 > Ps붙이기 Shape GTQ 포토샵 1급 기출문제 속 Shape 연습그림들 Shape유형은 다르지만 형상을 그려보는 연습을 충분히 해서 가장 유사하게 표현하고 시간을 단축해 작업하는 요령을 연습해보시기 바랍니다.
캘리그래픽 로고디자인 벡터화(Image Trace, Expand) 직접 손으로 그린 그림을 벡터형태의 캘리그래픽 로고디자인 만드는 방법 1.실제 붓글씨 촬영(스캔) 이미지 - 일러스트 File-Place (Link창볼수 있음)가져온다(혹은 드롭다운) ◆Window-Image Trace 벡터화 [흑백/단순색상] : Fill Color 쉐이프 처리 2. Preview체크 후 옵션 Preset [Default, 16colors]변경하며 검토. 3. 최종 벡터화를 위해 Expand(우측 속성창) / Object-Expand 처리완료 ◆아웃라인 보기 View-Outline (C+Y) 4. 패스파인더(CS+F9)- Merge로 마무리(흰화살표 배경제거, 개체남김) ※ 레이어를 구분해서 새로 만들고 4번 개체를 오려붙인 후, 마술봉으로 배경(흰)제거 하면 편하게 개체만 남긴다. 직..
종합편집(2023.10.12 포폴형) 보호되어 있는 글입니다.
레거시타이틀(~cc2022) E01. 그래픽스타일 레거시타이틀이 사라진 Premiere Pro CC2023 프리미어 프로에서 30년간 사용한 타이틀러를 CC버전부터 레거시타이틀로 불리우다가.프리미어프로CC2023 버전부터 없애버리고 캡션의 기능을 부각시키게 되었습니다. CC2023버전부터 레거시타이틀의 제외로 인한 부분은 스타일과 모션그래픽 템플릿을 통해 보완해서 사용해야 합니다. 높은 버전을 열게하는 프리미어 프로 다운그레디드 컨버트 Premier 프로젝트(.prproj) 파일은 기본적으로 gzip 압축으로 포장된 xml 파일이다. 노드 중 하나는 이를 만든 Premier 버전에 해당하는 버전 번호를 포함하고 있다. Premier는 파일을 열.. oztv.tistory.com 무료 폰트 아무거나 쓰다가 수백만원 뜯깁니다 - 저작권 정말 저작권을 모르고..
GIF강좌와 추석한가위 배너공유-풍성한 한가위 되세요 포토샵을 이용해서 GIF애니메이션을 추석 한가위를 앞두고 강좌를 준비했습니다. 포토샵을 이용한 GIF 명절배너 제작하기를 2부 에 걸쳐 소개합니다. 아래 이모티콘 크기의 배너는 여러분 모두에게 공유합니다. 풍성한 한가위 되세요 1부에는 레이어를 구분해서 그리는 방법, 그림과 글배치하는 레이아웃 구성을 합니다. 2부에는 구성된 레이어를 바탕으로 포토샵을 이용한 GIF 프레임 애니메이션 제작하는 방법을 소개합니다.| 포토샵 프레임애니메이션특징 프레임마다 보일것과 안보일것 준비를 미리해야함. 이동(Position), 불투명도(%), 효과(fx레이어스타일)를 자동으로 표현=Tween(Between 사이, 전 Prv- 후 Next) 게시물 속 유튜브 영상에도 사용방법이 소개되지만, 아래 게시물을 통해서 무료 상업..
NCS_EX03. 제작기획(09.19) - 스토리보드 보호되어 있는 글입니다.
Creative Idea... 인공지능과 융합 세상에 공개되지 않은 나만의 창의적인 아이디어(Creative Idea)는 없을까? 대부분 유사한 콘텐츠가 홍수처럼 넘처나는 시대에 크리이에터로 늘 하는 고민입니다. 창조... 쉽게 만들려는 주제를 정하고 구체적인 컨셉을 잡고, 나만의 기발한 아이디어들의 키워드나열법와 멋진 생각의 나무가지를 펼치는 마인드맵 , 유행을 따라가는 다양한 트랜드의 변화를 읽는 핀터레스트, 관심있는 정보는 위키백과와 나무위키, 하는 방법은 위키하우등을 인터넷을 기반으로 Know-Where를 알아 볼 수 있습니다. 어디에 어떤 정보가 있는지를 모르면 고생하는 Know-How를 알아야 합니다. 여기에 이제는 흔하게 경험하게된 인공지능 챗과 스마트하고 연결되는 단서로 꼬치꼬치 캐묻는 질문을 통해 새로운 아이디어 융합 표현하는 방법을..
NCS_EX02. 크리에이티브 전략수립(09.13) - 광고이미지 보호되어 있는 글입니다.
크리에이티브 전략수립 - 광고이미지 불과 물, 스마트오브젝트 창의적인 광고이미지 제작을 위한 크리에이티브 전략 수립의 목표는 포트폴리오 광고이미지를 2회차의 경륜을 통해 1~3개정도의 디자인 베리에이션을 통해 여러분의 작품제작능력을 키우는 것입니다. 손가락 도구으로 표현하는 엘레먼트 2가지 불과 연기. Smudge 포토샵의 연기와 불같은 표현을 짧게 스머지 Smudge란 얼룩(을 묻히다), 오점(을 찍다)란 사전적의미의 손가락도구를 통해 불과 구름 엘레먼트(요소)의 표현하는 방법을 소개합니다. 강좌에 사용한 포토샵 작업내용은 아래 첨부한 PSD파일을 참고하세요. Portfolio, 초보는 모르는 고급개체 Smart Object - Zumba Dance 외부 이미지 혹은 포토샵 등의 파일들을 현재 문서내에 포함시켜서 작업하는 고급개체(Smart Object)를 제대..
프레임마다 그려내는 방송오프닝 '냐옹은 페이크다' 축구공이 날라가는 장면과 같이 시작지점의 프레임과 끝나는 지점의 프레임 사이를 쉽게 표현하는 키프레임 방식의 Tweening Animation의 방법에 익숙한 After Effects(Ae)의 사용자들이 많은 편이다. 하지만, 인물의 동작과 표정을 프레임마다 일일히 그려내는 방식의 Frame By Frame 방식의 Animation 기법을 오래된 셀애니메이션 방법으로 펜툴로 그려내는 방송오프닝 '냐옹은 페이크다' Illustrator와 Ae, Animate 으로 만드는 애니메이터들을 소개합니다. 비메오에 공개된 영상들은 익숙한 방송오프닝 영상들로 ZZZ TV채널을 운영하고 있고, 방송 오프닝을 특유의 애니메이션 기법으로 제작하고 있는 인기작가입니다. 이분 제작한 작품들을 보면 After Effects와 ..
포토샵 - 다양한 디자인시안 베리에이션, Image-Duplicate 하나로 만족 못해! Duplicate를 통한 디자인 베리에이션 (Variation) 디자인 실무에서 Photoshop을 이용한 디자인 시안 제작할때 A안 하나로 승부하기에 아깝고, 하나의 기본적인 형태나 색채를 변화시키는 작업이나 변화를 주는 변용. 영어로는 베리에이션 (Variation) 작업을 통해 쉽게 색다른 시안으로의 시도를 생각했다면 메뉴 Image-Duplicate를 통해서 다양한 디자인 시안을 제작하는 방법을 소개합니다. Duplicate는 복제된 PSD파일을 만들어 준다. 포토샵으로 디자인 작업을 할 때 새 문서에서 너비와 높이 등 규격을 정하고 디자인 업무를 할때 캔버스와 이미지 크기의 이해가 어려운 분들을 위한 자주묻는 문제점을 충분히 이해하고 원활한 작업을 하는 다양한 방법을 소개합니..
Photoshop AtoZ - 원형 속 마이클 조던(알파채널, 마스크) Photoshop AtoZ - 원형 속 마이클 조던(알파채널, 마스크 Michael Jordan 23, Group Layer Mask, Trick, Portfolio , 레이어 마스크, 돌출된 로고제작, 알파채널을 편집한 독특한 로고표현방법을 배워봅니다. 내용이 방대해서 영상을 참고하세요. 레이어그룹에 적용한 레이어마스크의 표현이 돋보입니다. 머리가 돌출된 표현은 어떻게 할까요?? 레이어마스크가 적용된 그룹에 그림자효과 2종을 반영해봅니다. Photoshop AtoZ - 알파채널을 편집한 로고제작, Edit Alpha Channel, Layer Style, Warp Text, Portfolio
레스터(Rastor) VS 벡터(Vector) 비트맵(Bitmap):레스터(Rastor) VS 벡터(Vector) 새 문서를 생성하고 작업하는 방식이 아닌 특정한 JPG로 부터 글씨를 추가하고 디자인작업을 진행한 경우 이미지 크기를 조절하는 방법을 소개합니다. 1.이미지크기확인 AC+i >> 수정은 너비 위뜨(Width) 1920 2.높이는 캔버스로 조정(배경 복제C+j) AC+c >> 높이 하이트(Height) 1080 ※위 2단계 절차로 이미지가 1920x1080px 유튜브표준인 FHD(Full High Definition 꽉찬화면의 고 해상도) 형태로 작업을 진행하고 결과물을 JPG로 내보내면 됩니다. 작업중인 PSD파일에서 필요에 의해서 또 크기조절시에는 이미지크기로 너비만 조절... 1280px과 같이 위뜨만 조절하면 됩니다. // 캔버시크..
스마트 문화 앱 구현(8.17) 보호되어 있는 글입니다.
Simulation Tag - HARIBO Jelly Bear Modeling Simulation Tag - Soft body 부드러운 Candy, Jelly가 접시에 담겨지는 장면 Haribo Candy in a Dish 시뮬레이션과 별도 움직이는 키프레임 표현을 알아봅니다. 떨어지거나 충돌하는 젤리 묵 딱딱한 물체가 아닌 부드러운 젤리, 묵이 떨어지는 Soft Body로 시뮬레이션 하다. 주의사항으로는 Subdivision 명령으로 너무 면의 숫자, 즉 폴리가 많으면 시스템이 멈출 수 있다는 점 잊지마시라. 01. Front 뷰에서 접시모양의 우측면을 펜툴로 Spline을 그리고, Lathe를 추가해서 스플라인은 레스에 속하게하여 접시를 완성한다. Subdivision값에 따려 면이 추가되어 부드럽게 보인다. 02. 접시에는 콜리더 바디로 바닥이 되게 지정해 주고, 콜루션 옵션..
Simulation Tag - Rigid body 탄성있는 딱딱한 물체 : 강체 물리학(物理學, 영어: physics)은 물질과 그것의 시공간에서의 운동, 질량을 가진 두 물체 사이에 작용하는 힘이자 질량을 가진 모든 물체 사이에 작용하는 만유인력인 중력, 그리고 그것과 관련된 에너지나 힘 등을 연구하는 자연과학의 한 분야이다. 국내 디자인박스 유튜브 채널등을 통해 포폴을 만들어 보는 시간을 같이 갖는 것도 중요한 시간이 될 것이다. 물리학분야의기본원칙과개념이 Cinema 4D의 모션그래픽에 반영 되었다. After Effects에서는 Newton이라는 외부 플러그인으로 이와 같은 장면을 표현하지만, 3D 모션그래픽과의 입체적인 사실감은 당연 C4D가 압도적이다. 딱딱한 물체와 부드러운 물체의 중력 및 외력에 변화하는 장면을 연출해 보겠습니다. 개념1. SimulationTag - ..
스마트문화앱 UI디자인(8.9) 보호되어 있는 글입니다.
홈페이지 제작을 위한 웹호스팅, 도메인, FTP, 반응형템플릿 웹사이트, 앱을 제작하기 위해서는 웹호스팅과 도메인 등 기본 2개의 서비스를 받아야 합니다. 여러분이 html, css 등을 이용한 코딩연습을 내 컴퓨터에서 하는 것만은 실무적인 부분과 먼 연습으로 끝나는 시간일 것입니다. 안정적인 서버환경의 저장공간에 자료를 업로드하고 이용할 수 있는 웹호스팅은 필수 입니다. USB처럼 제한된 공간에 웹문서와 관련된 소스들이 리눅스, 윈도우즈 서버의 운영체제로 설치가 되고 전용회선, 안정적인 트래픽과 보안이 된 원룸임대업자에게 1년단위로 공간이용 계약을 하고 들어가서 사는 것과 같은 공간사용을 웹호스팅이라 합니다. 웹호스팅의 운영을 위해서 파일전송 프로토콜의 공간을 이용하는 FTP라는 프로그램의 사용을 통해서 올리고, 내리고 운영에 필요한 시점에 업데이트를 하는 것입니..
Boole Objects(Cloner), Line Cut, Split 영국의 수학자 George Boole의 참과 거짓 논리대수 관계를 본질을 A라 하고 논리대상을 B라 칭하여 Boole( 불, 불린)이라는 더하고/빼고/겹친면 공간/겹치지 않은 공간을 3D그래픽의 오브젝트간의 모델링개념에 반영한 편집기능을 수행한다. 일러스트레이터의 Pathfinder와 같은 오브젝트들의 편집하여 다양한 형태를 만드는 역할을 한다. https://youtu.be/YfrmDlM9pjI A-1. 논리대수 3차원 Boole 기본개념 따라하기 01. 불, 혹은 블린 Boole을 추가하고 본체인 메인 오브젝트 큐브 A를 먼저 속하게 하고, 다음으로 편집하려는 형태가 되는 서브 오브젝트인 실린더를 큐브에 속해서 B라는 관계를 만든다. 블린유형인 Boolean Type를 A Subtract B를 선택하..
스마트문화앱 UX설계(8.2) 보호되어 있는 글입니다.
C4D MoGraph - 파티클 텍스트 트랜지션 Cinema 4D에서도 After Effects와 같이 화려한 Motion Graphic을 표현하는 MoGraph이 있습니다. 이번 강좌에는 아래 예시 그림처럼 MoText의 글씨 내용이 바뀌는 Keyframe Animation과 Cloner 를 통해 모여있는 작은 Object들로 구성된 형상들이 Simulation Tag의 MoText의 형상에 맞게 부서지고 다시 모이는 깨알 글씨 트랜지션 장면을 표현해 보겠습니다. 01. 3개의 오브젝트를 작은 크기로 구성하고 Clowner 를 추가하고 내부에 속하게 한다. 필요하다면 작은 크기의 다른 Object들도 Clowner 아래에 속하게 하면 됩니다. 02. Clowner 선택 후 Count 30 / Position Y : 30cm 그림과 같이 적용한다. 렌..

반응형