전체 글 (566) 썸네일형 리스트형 SVG, 일러스트레이터와 잉크스케이프로 벡터그림을 웹에 적용하세요 SVG(Scalable Vector Graphics)는 크기의 변화에도 품질이 떨어지지 않는 순수한 벡터 그래픽이란 뜻으로 SVG는 웹 친화적인 벡터 파일 포맷입니다. JPEG와 같은 픽셀 기반의 래스터 파일과 달리, 벡터 파일은 그리드 위의 점과 선을 기반으로 하는 수학 공식을 통해 이미지를 저장합니다.SVG는 XML 형식과 일러스트레이터, 잉크스케이프 등의 드로잉툴을 통해 그려진 벡터 기반 그래픽을 정의합니다.[참고] 레스터,Raster는 한국에서는 Bitmap이라 부르지만, Raster라 부르는 것이 맞습니다. Raster의 반대가 벡터 Vector입니다. 레스터는 부드럽고 뿌연 느낌의 그림표현에 적절하고, 반면 벡터는 명확한 표현이 가능하죠. 아날로그와 디지털의 드로잉이라 봐도 좋겠습니다. .. [HE-10] 스마트문화앱 콘텐츠설계(0725) 보호되어 있는 글입니다. 트윈모션 - Twinmotion, 블렌더와 연동가능한 리얼타임 시각화 툴 Twinmotion은 건축, 건설, 인테리어, 조경등의 분야에 특화된 실시간 렌더러입니다.언리얼 엔진(unrealengine)을 탑재하여 구동되는 Twinmotion은 고화질 이미지, 파노라마, 동영상을 단 몇 초 만에 생산할 수 있습니다. 간단한 인터페이스로 구성되어 있어 누구나 쉽게 Twinmotion을 활용하여 프로젝트의 크기와 복잡성, 관계없이 사용하기가 매우 쉽습니다. 광범위한 3D 모델링 솔루션과 호환되는 다이렉트 원클릭 동기화 기능을 통해 수많은 패키지 및 파일 포맷을 지원하여 트윈모션에 데이터를 가져오고 지속적으로 업데이트하는 과정이 수월해집니다. 애니메이션 FBX 및 glTF 파일까지 가져와 구성할 수 있습니다. 1. 트윈모션 다운로드트윈모션은 USS 1,000,000미만의 개인 .. Ae CG. 타이틀 제작 Think Different, Just Do It Now Portfolio, Skill, Title, Text Animation, Pre-compose, Mask, Track matte Alpha, Null를 활용한 타이틀 Think Different / Just Do It Now 모션그래픽을 활용한 광고영상은 일반적인 첫 타이틀이 등장하고 만들어진 첫 타이틀을 Pre-Comp로 만든 후 복제하여 2개의 Mask기법으로 수직으로 갈라서 첫 장면을 만들어 냅니다. 이후 이어지는 타이틀을 Track matte Alpha의 기법을 통해서 갈라진 틈새에 확장되어 보이게 하는 방식을 표현할 것입니다. 전체적인 모션을 제어하는 Null을 만들어서 일정한 크기로 줄여서 3단계 모션그래픽을 완성하는 것입니다. Think Different 노트 //////////.. Web 01 Part2. 웹문서의 배경이미지, 배경색 CSS는 웹문서의 다양한 디자인 속성을 반영해준다. 아래는 본문인 Body태그에 적용한 배경이미지와 배경에 대한 속성을 구분해보았다. 배경이미지의 속성인 background-image는 오직 이미지만 활용가능한 속성이다. 반면에 배경의 속성인 background는 단순한 배경색상 외에도 다양한 세부속성을 포함한 큰 개념으로 중복해서 사용하는 경우가 많다.https://www.w3schools.com/cssref/css3_pr_background.php W3Schools.comW3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects.. 일러스트레이터 'Wing' 블렌드 메뉴와 툴 일러스트레이터에서 1개이상의 오브젝트를 섞어서 다른형상(색상)적용하는 표현방법을 소개합내다. 날개 모양의 로고디자인을 블렌드 메뉴와 툴을 이용하는 방법을 충분히 배우고 다양한 표현의 날개를 펼치기 바랍니다. Ae CG 진동에 흔들리는 Wiggle Shape레이어에 Wiggle을 적용한 바 있다. 지진과 충돌과 같이 일정한 충격에 진동에 흔들리는 Wiggle - Position 효과를 일부 레이어와 전체 레이어에 적용하는 Adjustment 레이어를 활용한 확장된 효과의 표현과 키프레임 애니메이션이나 움직이는 피사체의 잔상을 남기는 Echo의 표현방법을 소개하겠습니다. Ae CG. 물방울들, 끈끈한 액체 Gaussian Blur, Matte Choker, CC SmearAfter Effects의 Smear, Gaussian Blur, Matte Choker 효과들을 조합해서 끈끈한 초코렛, 아이스크림과 같은 액체 표현을 하는 방법을 알아 봅니다. 매트합성 중 하나이며 Choker의 의미는 목 주위에 아주oztv.tistory.com .. Ae CG [무료 플러그인] 세이버 Saber 불타는 타이틀과 에너지 빔 효과 애프터이펙트에서는 자체 선형 모션그래픽인 Trim Paths 효고로 충분하지만, 애프터이펙트 관련된 외부 플러그인을 설치하여 사용할 수 있는데, 대부분 고가의 구독을 통해 사용하는 경우가 많습니다. Free Plugin 무료로 사용할 수 있는 플러그인 중에 Saber는 광선검, 빛, 불, 연기 를 표현하는데 훌륭한 효과를 표현할 수 있습니다. ▲Youtube Saber Tutorial 아래 이미지 JPG 파일을 새 탭에 열어서 저장 후 실습해보세요 세이버(Saber)는 프랑스어로 사브르, 또는 영어로 세이버는 유럽 중세에 사용하는 '반달형 검'이란 뜻이며 검치호(Saber Toothed Cat)에도 세이버가 나옵니다. 세이버, 혹은 샤브르는 Ae의 Trim Paths의 기능을 다른 효과를 추.. 웹 페이지내 슬라이드 배너 제작 GTQ1급 포토샵 작업에 활용된 웹 페이지내 슬라이드 배너 제작을 30분이내 제작해보세요. After Effects 2023 비디오 녹색 ERROR 왜? 이럴까요. After Effects 2023에서 모션그래픽 적업중 Enter key를 치고 렌더링 테스트를.하면 그림처럼 녹색으로 깜빡거리는 ERROR가 발생하기도 합니다. 그 해결방안을 소개합니다 01. Edit - Preferences- Import 카테고리에서 Video Footage 항목의 Enable hardware.... 체크를 끈다. 02. Edit - Purge- All Memory & Disk Cahes를 누르고, Clear Disk Cahes 창에서 OK를 누르면 해결됩니다. https://coolors.co/palettes/trending Trending Color Palettes - CoolorsGet inspired by thousands of beautiful c.. 세계인과 함께하는천안흥타령춤축제 Enjoy Heung - CHEONAN WORLD DANCE FESTIVAL 2024. 9. 25 - 9. 29 https://cheonanfestival.com/2020년도부터 문화체육관광부 명예 문화 관광축제로 선정된 대한민국을 대표하는 국제적인 춤축제 천안흥타령춤축제 CWDF천안 흥타령 춤 축제,천안흥타령춤축제,cwdf,cheonan world dance festivalcheonanfestival.com [춤 경연대회 모집부문] 일반부/학생부/흥타령부/거리댄스 퍼레이드/전국대학 무용 경연대회 / 전국대학 치어리딩 대회 / 프리스타일 오픈세션 / U-19 1ON1 프리스타일 오픈세션 Ae CG. 사실적인 액체 시뮬레이션 - CC Mr.Mercury, Glue Gun After Effects에서 Text와 Shape에 적용한 두가지 효과로 물방울들이 모이는 효과에 비해, 너무나 사실적인 지하수, 오아시스 처럼 품어 올라오는 사실적인 액체를 표현하는 효과로 Simulation의 CC Mr.Mercury와 가전제품 및 가구에 고정하기 위해 사용하는 글루건이라는 Glue Gun 등의 사실적인 액체와 같은 효과들을 알아봅니다. Ae CG10. 물방울들, 끈끈한 액체 Gaussian Blur, Matte Choker, SmearAfter Effects의 Smear, Gaussian Blur, Matte Choker 효과들을 조합해서 끈끈한 초코렛, 아이스크림과 같은 액체 표현을 하는 방법을 알아 봅니다. 매트합성 중 하나이며 Choker의 의미는 목 주위에 아주 꼭 맞o.. 모션그래픽용 일러스트 E01 - Stroke의 변신 Brush Brush, Symbol 아이템 라이브러리를 제공하는 일러스트레이터는 Stroke위주의 그래픽 표현 중 하나인 Brush는 작은 그림과 긴 그림, 그리고 패턴을 활용한 Brush를 제공해 줍니다. 단순한 선에 작은그림은 Scatter Brush, 긴~그림은 Art Brush를 통한 일러스트레이터의 표현방법을 배워보세요. Brush 창 우측의 3줄 햄버거 버튼인 [More] 더 보기를 누르면 방대한 라이브러리를 제공합니다. Transparency 패널을 통해 RGB원색을 제외하면, 대부분의 블렌드 모드를 선택한 Object에 따로 적용할 수 있다. 참고로 일러스트레이터에서는 1개 레이어에 대수의 Ojbect를 담아 표현한다. 블렌드 모드가 레이어 별로 적용하는 포토샵, 프리미어 프로, 애프터이펙트.. Ae CG. 머릿결, 국기, 눈물, 파도 주룩주룩 Distort 애프터이펙트에서는 바람 부는 머릿결이나 깃발의 파도치듯 보여지는 움직임, 주룩주룩 눈물 흘리는 장면을 표현할때 Wave Warp를 주로 사용합니다. 유사한 ZigZag와 함께 제작원리를 소개합니다. 아래 그림은 강좌에 사용한 Distort- Wave Warp의 Effect Controls의 캡쳐화면입니다. Wave Type는 Sine에 맞춰주시고, Wave Height, Width를 통해 파도의 폭과 높이를 조절하시고, Direction을 통해서는 흐르는 방향을 지정해주세요. 아래 그림에서 머릿결은 우측이라 약 269도 정도의 각도로 조절한 것입니다. 단순한 After Effects의 Shape로 구성한 것보다는 Illustrator의 그래픽 작업이 더욱 섬세하고 작품의 심미성을 높여 줄수.. 스토리텔링2 - 그대들은 어떻게 살 것인가? 모든 창작물에는 분명한 스토리텔링이 있어야 한다. 제2차 세계 대전 중인 1941년 1월 5일 도쿄시 분쿄구에서 태어난 일본의 애니메이션 감독이자 애니메이터 미야자키 하야오의 자전적인 이야기에 픽션이 담긴 영화 '그대들은 어떻게 살 것인가'의 야이기 이다. 스튜디오 지브리 사상 전례가 없는 최장의 제작 기간과 최대 수준의 제작비를 쏟아부어 작품인 君たちはどう生きるか. 한국어로 '그대들은 어떻게 살 것인가' 영어로는 소년과 헤런 상당히 큰 몸의 왜가리(해오라기, 백로) 조류이름 헤런으로 The Boy and the Heron 부르며 이 새가 영화에 큰 비중을 차지한다. 제2차 세계대전이 일어난 일본. 주인공은 입원중인 어머니를 화재로 여의고 아버지의 재혼으로 도쿄에서 시골로 이주한 소년 .. 스토리텔링1 - 아라비아 로렌스 스토리텔링은 Story와 Telling을 합친 단어로 주인공(캐릭터), 플롯(plot) 등이 있는 이야기를 통해서 내용을 전달하는 것이다. 본래 문학, 예술,영화, 교육학 등에서 활용되던 방법이었으나 현재는 영화, 비디오, 게임, 광고 등의 콘텐츠에서도 사용되고 있다. 더 자세한 내용은 나무위키를 참고하세요. [출처:나무위키] 아라비아 로렌스제1차 세계대전 당시, 영국은 적국 오스만 제국의 영토인 아랍 지역의 수복 혹은 교란을 위해 현지 토착 부족들을 부추겨 반란을 일으키려 했는데, 이 계획의 일환으로 아라비아에 파견된 영국군 중위 토머스 에드워드 로렌스의 일대기를 그린 영화다. 실제의 로렌스는 어렸을 적부터 자신을 한계까지 몰아붙이는 것을 좋아했다는데 영화 초반에는 이런 다소 초인적인 면모가 잘 드.. [HE-08] 특수영상 합성(0702) 보호되어 있는 글입니다. 블렌더 노드 재질로 돌, 치킨 표면 울퉁불퉁 표현하기 블렌더의 노드 메뉴얼에서 소개하는 재질은 형상의 표면위에 울퉁불퉁한 입체감을 복잡한 면을 가진 하이폴리가 아니더라도 표현합니다. 돌재질과 후라이드 치킨의 표면을 10개 이상의 복잡한 나무뿌리와 가지같은 구조의 노드로 표현합니다. 결과물은 추가적인 다양한 기법에 멋지지만 엄두가 안나는 경우가 많습니다. 이번 강좌에는 쉽게 따라하기 힘든 재질을 최소한의 노드를 이용해서 표현하는 효율적인 방법을 소개합니다. Node란? 노드는 나무가지와 뿌리와 같은 트리 구조의 데이터의 상하위 계층을 나타내는 위치의 항목을 말합니다. Shading Workspace에서 표현하는 Material의 Nodes블렌더의 기본 작업공간은 Layout으로 여기서 모델링을 하고 재질도 주고, 필요한 경우에는 창을 나누어 작업을 .. 블렌더 물리적인 시뮬레이션 - Physics Soft Body, Rigid Body 리지드 바디와 소프트 바디로 중력의 제어를 받는 사물의 물리적 시뮬레이션을 소개하는 강좌입니다.물리학(Physics)을 기반으로 개체의 움직임과 그에 따른 충돌 등을 직접 표현할 수 있는 블렌더를 통해 파이, 도너츠, 젤리와 물컹한 파이와 같이 부드러운 개체들의 물리적인 힘의 원리로 블렌더에서 시뮬레이션을 표현하는 시간으로 탱탱볼 형상을 Soft Body로 시뮬레이션해보고, 당구공 형상의 Rigid Body를 활용해 구현해 보겠습니다. 젤리와 탱탱볼 물리적인 시뮬레이션 - Soft Body 01. Add Object로 Ico Sphere를 준비한다. Subdivisio Subface 모디파이어 및 Edit mode의 Subdivide로 면을 많이 나눈 하이폴리 오브젝트에 Physics의 Soft .. [HE-07] 영상CG작업(0618) 보호되어 있는 글입니다. [HE-06] 사운드디자인(0604) 보호되어 있는 글입니다. 유튜브 쇼츠영상편집과 키프레임 애니메이션 프리미어 프로에서 유튜브 쇼츠에 올리는 가로영상을 세로, 1:1비율로 영상편집, 영상크기, 키프레임 애니메이션하는 방법을 아래 영상을 기반으로 주요내용을 소개합니다. 이번 강좌의 [유튜브 쇼츠영상편집과 키프레임 애니메이션]편의 교육내용은 아래 프리미어 프로의 강좌인 Pr 1편~6편을 이해하고 사용해야 따라할 수 있는 기능입니다. 부족한 분들은 아래 카테고리의 기능들을 살펴보세요. 'Premiere Pro [Pr]' 카테고리의 글 목록옹골진티비(Ongolzin TV) 공식사이트. 2000년부터 2D / 3D 그래픽, 일러스트, 애니메이션, 디자인, 영상제작, 웹 앱 개발, 기획 및 제작 Know-How와 Know Where를 공유하는 유튜브 공식채널과 연동된 웹사이트oztv.tistory.com [.. 블렌더 Poly Count, 하이폴리를 로폴리로 변환하는 Decimate Modifier 상단우측의 Viewport Overlays라하여 정보를 보여주는 항목을 펼치면 정보를 분석자료인 Statistics라는 항목을 체크하여 전체 오브젝트의 점, 선, 면, 삼각형의 갯수를 보여주는 항목이 있습니다. 스테티스텍스항목은 왼쪽상단에 보여집니다. 폴리곤 즉, 면의 수가 많다는 것은 랙(LAG)이 걸려 속도 등이 떨어지는 것으로 보통 조각인 스컬프팅, 표면을 부드럽게하는 모디파이어를 사용하는 경우 컴퓨터가 버걱거리는 현상이나 오류를 많이 남깁니다. 사실적인 영화와 작품을 제작하는 경우는 High Poly로 섬세하게 면을 구성해서 만들고, 게임제작과 애니메이션을 동영상인 MP4파일등의 렌더링을 위해서 로우폴리 Low Ploy로 모델링 작업을 하라고 하는 것입니다. High Poly to Low .. [HE-05] 3D그래픽제작 평가(0528) 보호되어 있는 글입니다. Track to 경로운동 Follow Path우주편 카메라(와 조명이) 주인공은 주목하기???? 경로운동에 사용한 오브젝트 제약(Object Constraint) Track to.... 타겟지정 3D그래픽 - 잔디, HDRI 이미지를 활용한 넓은 배경무대블렌더에서는 자연과 같은 잔디와 같은 식물군과 원하는 배경은 스튜디오 배경이 아닌 사진 혹은 포토샵에서 작업한 8000x4000px의 고화질 이미지를 활용한 월드셋팅으로 공간을 이미지로 표현oztv.tistory.com 경로운동 Follow Path 우주편움직일 대상과 추가하기를 통해 경로(Curve)를 그려주고, Object Constraint를 통해서 애니메이션을 주는 작업을 진행합니다. Add추가하기에서 Curve - Path를 추가하고 Edit 모드에서 경로를 점 기준으로 움직이거나 .. 3D그래픽 5편. 블렌더 경로 애니메이션과 그래프 에디터 경로 애니메이션( Path Animation) 다음은 위 Auto Keying과는 다른 방법의 일정한 노선, 레일을 따라가는 경로 애니메이션 입니다. 일러스트레이터의Path:베지어커브(펜툴같은 라인)을 추가하고 편집모드에서 G이동과 E연장으로 라인을 변경해야 합니다. 카메라가 Mesh와 다는 Curve에서 Circle이라는 Path를 추가하고 그 경로를 따라 움직여야하는 열차나 자동차를 움직이게 하는 경로 애니메이션(Path Animation)을 표현하는 방법을 소개합니다. 우선 움직일 개체인 오브젝트를 선택하고, Shift키를 누르 후 Ctrl+P를 눌러 follow path를 체크하면 경로로 움직이는 애니메이션을 확인 할 수 있습니다. 원점인 중심을 기준으로 표현하기에 변형(Transform.. 모델링 - 선형태의 커브가 메쉬가 되는 배관(일러스트, SVG) 선형태의 커브가 메쉬가 되는 배관 단순한 바닥용 Plane으로 점으로 부터 시작해 긴 선형태를 되게한 사례로 "네시작은 미약하나 끝은 창대하리라! " 욥기 8:7에 나올만한 멋진 모델링 기법입니다. 블렌더 자체의 선형태외에 SVG(Scable Vector Graphic)파일을 활용하는 방법도 소개합니다. 앱,웹에 활용하는 목적의 Font Awesome에서도 Pro를 제외한 Free Design Icons SVG파일을 제공하니 아래와 같이 다운로드하여 활용가능합니다. Pipes 모델링 1. L자형 꺾인 쇠파이프 배관 Plane, Convert Mesh and Curve 01. 바닥용 Plane을 추가하고 편집모드(Edit Mode) 상태에서 점하나만 남기고 지운 후 / 점을 E하여 파이프관의.. 포토샵에서 그림그리기와 채색하기 포토샵에서 사진이미지나 그림을 가져와 그리기 효과를 표현하는 Filter를 호개합니다. 채색하기에 사용하는 레이어 마다 가진 Blend Mode의 속성도 알아보겠습니다. 아래그림 중 왼쪽의 그림은 GIF이미지 입니다. GIF는 별도 편집을 못하는 가벼운 Index Mode의 파일포멧입니다. Image - Mode 에서 RGB모드로 바꾸면 레이어 복제(Layer - New - Via Copy Ctrl+J)도 가능하고 Filter효과를 줄 수 있습니다. PC 구매, 컴퓨터 사양, 컴퓨터 구매 시험판 Adobe 구독, 영어 언어변경, USB속성 프리미어(Premiere)는 가슴떨리는 "영화와 연극의 첫 공연(초연), 첫작품"을 말합니다. 영상편집을 위한 표준 프리미어 프로(Premiere Pro)라는 정식명칭과는 구분되니 알아두시고 프리미어 프로의 시험판 사용 및 정품구독 방법, 영상편집을 위한 내 컴퓨터 사양은 조건을 갖춘건지? 컴퓨터 구매는 해야는데 PC 및 하드웨어 지식이 약해서 알아보기, 영어버전으로 설치했어야 되는데 한국어 버전으로 설치한 경우 언어변경 방법등 영상편집이 처음인 분들을 위한 지식을 소개하겠습니다. 공 USB라면 어떤 속성이죠?? 쿨젠컴퓨터 - 조립컴퓨터 고객만족1위No.1 고객만족 조립컴퓨터 창립20주년 특가, 100%정품새제품 리얼후기, PC온라인견적, 당일출고 무료배송, 배그 롤 게이밍컴퓨터 쿨젠컴퓨.. 일러스트레이션. 수작업과 벡터활용 1 디자인 관련 사이트는 국내외 디자인 정보, 아이디어, 다양한 작품들을 볼 수 있다. 다 음 사이트를 둘러보고 아이디어 구상에 영감을 주는 자료를 내려받는다. 다음 사이트를 둘러보고 아이디어 구상에 영감을 주는 자료를 내려받는다. 종이 지면 볼펜, 연필, 색연필, 커피번짐 표현(스마트폰 앱 포함) - 폰촬영 JPG 비티맵(레스터) > 포토샵 보정 > 일러스트 벡터화 (디지털 일러스트레이션) #일러스트 잘하는 방법 #1펜툴, 2도형 패파, 3일러스트 자체 연필과 지우개 그림(선형태 자체 연필,브러시) 4지면에 그린 손그림(아날로그, 비트맵, 앱 클립스튜디오/이비스페인트 - JPG)을 벡터로 변환시키기 수작업으로 그린 캘리그래픽 벡터 변환(Image Trace, Expand)직접 손으로 .. 이전 1 ··· 5 6 7 8 9 10 11 ··· 19 다음
