2017/05
-
레이어에서 서로 상호작용을 하면서 색상을 혼합시키는 Blending Mode(블렌딩 모드)에 대해 알아보겠습니다. 이 기능은 포토샵의 레이어 모드와 동일한 기능입니다. (이 글은 CC 2017버전을 기준으로 작성되었습니다) 블렌딩 모드 살펴보기 해당 레이어를 우클릭 후 Blending Mode를 선택하거나 레이어의 [Mode]탭에서 적용 할 수 있습니다. 크게 카테고리별로 나누었습니다. 에프터이펙트와 포토샵의 기능이 유사해서 나열했습니다. 위 이미지를 기준으로 이미지위에 빨간색박스를 올려서 비교해보겠습니다. / 박스에 Opacity값 50% 적용 01. Normal: Opacity 속성값 변화가 있을 때 적용되는 혼합 모드 Normal: 기본값 Dissolve: 레이어가 작은 픽셀로 생성되며, Opaci..
에프터이펙트 #23 레이어 블렌딩 모드레이어에서 서로 상호작용을 하면서 색상을 혼합시키는 Blending Mode(블렌딩 모드)에 대해 알아보겠습니다. 이 기능은 포토샵의 레이어 모드와 동일한 기능입니다. (이 글은 CC 2017버전을 기준으로 작성되었습니다) 블렌딩 모드 살펴보기 해당 레이어를 우클릭 후 Blending Mode를 선택하거나 레이어의 [Mode]탭에서 적용 할 수 있습니다. 크게 카테고리별로 나누었습니다. 에프터이펙트와 포토샵의 기능이 유사해서 나열했습니다. 위 이미지를 기준으로 이미지위에 빨간색박스를 올려서 비교해보겠습니다. / 박스에 Opacity값 50% 적용 01. Normal: Opacity 속성값 변화가 있을 때 적용되는 혼합 모드 Normal: 기본값 Dissolve: 레이어가 작은 픽셀로 생성되며, Opaci..
2017.05.23 -
Color Channel(컬러 채널)은 색상을 구성하는 RGB(Red, Green, Blue)로 구성되어 있고 이 이미지를 제어하기위한 Alpha Channel(알파 채널)이 존재합니다. 합성시 사용하는 방법이며 Alpha Channel과 이를 이용하여 사용하는 기능이 Track Matte(트랙 매트)입니다. (이 글은 CC 2017버전을 기준으로 작성되었습니다) 컬러 채널 사용하기 모든 이미지, 영상에는 색상채널이 존재합니다. 원본이미지의 알파채널을 포토샵에서 생성해서 에프터이펙트에서 본모습입니다. 알파채널을 어떤식으로 생성하냐에 따라 다양한 이미지들을 만들 수 있습니다. (컴포지션 패널에서 Toggle Transparency Grid 활성화시 검은배경에서 투명배경으로 변경) 에프터이펙트에서 RGB 컬..
에프터이펙트 #22 트랙 매트Color Channel(컬러 채널)은 색상을 구성하는 RGB(Red, Green, Blue)로 구성되어 있고 이 이미지를 제어하기위한 Alpha Channel(알파 채널)이 존재합니다. 합성시 사용하는 방법이며 Alpha Channel과 이를 이용하여 사용하는 기능이 Track Matte(트랙 매트)입니다. (이 글은 CC 2017버전을 기준으로 작성되었습니다) 컬러 채널 사용하기 모든 이미지, 영상에는 색상채널이 존재합니다. 원본이미지의 알파채널을 포토샵에서 생성해서 에프터이펙트에서 본모습입니다. 알파채널을 어떤식으로 생성하냐에 따라 다양한 이미지들을 만들 수 있습니다. (컴포지션 패널에서 Toggle Transparency Grid 활성화시 검은배경에서 투명배경으로 변경) 에프터이펙트에서 RGB 컬..
2017.05.22 -
타임라인 패널에서 키프레임을 그래프로 표시해주는 Graph Editor(그래프 에디터)를 알아보겠습니다. 표현하고자 하는 움직임을 나타나낼때 직관적인 인터페이스로 모션작업시 유용합니다. (이 글은 CC 2017버전을 기준으로 작성되었습니다) 그래프 에디터 살펴보기 타임라인 패널에서 우측의 [Graph Editor] 아이콘을 누르면 위와같은 그래프 에디터가 나옵니다. 01. Choose which properties are shown in the graph editor: Graph Editor 보여질 정보 설정 Show Selected Properties: 타임라인 패널에서 선택한 레이어 속성만 표시 Show Animated Properties: 타임라인 패널에서 선택한 레이어 모든 키프레임 속성 표시 S..
에프터이펙트 #21 그래프 에디터타임라인 패널에서 키프레임을 그래프로 표시해주는 Graph Editor(그래프 에디터)를 알아보겠습니다. 표현하고자 하는 움직임을 나타나낼때 직관적인 인터페이스로 모션작업시 유용합니다. (이 글은 CC 2017버전을 기준으로 작성되었습니다) 그래프 에디터 살펴보기 타임라인 패널에서 우측의 [Graph Editor] 아이콘을 누르면 위와같은 그래프 에디터가 나옵니다. 01. Choose which properties are shown in the graph editor: Graph Editor 보여질 정보 설정 Show Selected Properties: 타임라인 패널에서 선택한 레이어 속성만 표시 Show Animated Properties: 타임라인 패널에서 선택한 레이어 모든 키프레임 속성 표시 S..
2017.05.22 -
에프터이펙트에서 레이어 스타일을 적용하는 방법을 알아보겠습니다. 포토샵의 레이어 스타일과 비슷합니다. 참고: 레이어 관리 (이 글은 CC 2017버전으로 작성되었습니다) 레이어 스타일 적용하기 해당 레이어를 선택 한 후 상단메뉴에서 [Layer] → [Layer Styles]에서 생성하거나 해당 레이어를 우클릭 한 후 [Layer Styles]안에서 속성을 선택하여 생성 할 수 있습니다. 속성을 생성한 후에는 추가로 레이어 스타일에 공통적으로 Blending Options라는 것이 생기게 됩니다. 이는 기존 레이어의 출력여부를 설정 할 수 있는 옵션으로 예를 들어 Fill Opacity값을 0%으로 설정하게 되면 레이어 스타일 속성은 적용이 되고 기존 레이어의 색은 안보이게 됩니다. 01. Drop Sh..
에프터이펙트 #20 레이어 스타일에프터이펙트에서 레이어 스타일을 적용하는 방법을 알아보겠습니다. 포토샵의 레이어 스타일과 비슷합니다. 참고: 레이어 관리 (이 글은 CC 2017버전으로 작성되었습니다) 레이어 스타일 적용하기 해당 레이어를 선택 한 후 상단메뉴에서 [Layer] → [Layer Styles]에서 생성하거나 해당 레이어를 우클릭 한 후 [Layer Styles]안에서 속성을 선택하여 생성 할 수 있습니다. 속성을 생성한 후에는 추가로 레이어 스타일에 공통적으로 Blending Options라는 것이 생기게 됩니다. 이는 기존 레이어의 출력여부를 설정 할 수 있는 옵션으로 예를 들어 Fill Opacity값을 0%으로 설정하게 되면 레이어 스타일 속성은 적용이 되고 기존 레이어의 색은 안보이게 됩니다. 01. Drop Sh..
2017.05.21 -
Publicis Media - The consumer in the tesseract from binalogue on Vimeo. 퍼블리 시스 미디어의 모션그래픽.2016 온라인동향을 기반으로 제작된 프로젝트로 우리 사회의 여러가지 변화하는 과정들을 여행하는 느낌으로 제작된 영상입니다. ProducerClient: Publicis Media - optimedia.esAgency: Busto y Miguelez - bustoymiguelez.comProduction company: Binalogue - binalogue.com Our roleCo-Creative direction, Direction, Art direction, Design, 3D, Motion graphics & Compositing Cre..
Publicis Media - The consumer in the tesseractPublicis Media - The consumer in the tesseract from binalogue on Vimeo. 퍼블리 시스 미디어의 모션그래픽.2016 온라인동향을 기반으로 제작된 프로젝트로 우리 사회의 여러가지 변화하는 과정들을 여행하는 느낌으로 제작된 영상입니다. ProducerClient: Publicis Media - optimedia.esAgency: Busto y Miguelez - bustoymiguelez.comProduction company: Binalogue - binalogue.com Our roleCo-Creative direction, Direction, Art direction, Design, 3D, Motion graphics & Compositing Cre..
2017.05.21 -
에프터이펙트에서 텍스트 애니메이션을 주기위한 Animate(애니메이트)기능을 알아보겠습니다. 참고: 텍스트 레이어 생성 (이 글은 CC 2017버전으로 작성되었습니다) 애니메이트 적용하기 생성된 텍스트 레이어에서 Animator 속성을 적용하기위해 Animate 버튼을 클릭해줍니다. 01. Enable Per-character 3D: 텍스트를 개별적인 3D 레이어 상태로 변경 02. Anchor Point: 앵커 포인트 속성 생성 03. Position: 포지션(위치) 속성 생성 04. Scale: 스케일 속성 생성 05. Skew: 기울기 속성 생성 06. Rotation: 로테이션(회전) 속성 생성 07. Opacity: 오퍼시티(불투명도) 속성 생성 08. All Transform Propertie..
에프터이펙트 #19 텍스트 애니메이트에프터이펙트에서 텍스트 애니메이션을 주기위한 Animate(애니메이트)기능을 알아보겠습니다. 참고: 텍스트 레이어 생성 (이 글은 CC 2017버전으로 작성되었습니다) 애니메이트 적용하기 생성된 텍스트 레이어에서 Animator 속성을 적용하기위해 Animate 버튼을 클릭해줍니다. 01. Enable Per-character 3D: 텍스트를 개별적인 3D 레이어 상태로 변경 02. Anchor Point: 앵커 포인트 속성 생성 03. Position: 포지션(위치) 속성 생성 04. Scale: 스케일 속성 생성 05. Skew: 기울기 속성 생성 06. Rotation: 로테이션(회전) 속성 생성 07. Opacity: 오퍼시티(불투명도) 속성 생성 08. All Transform Propertie..
2017.05.20 -
에프터이펙트의 Adjustment Layer(어드저스트먼트 레이어)는 포토샵의 기능과 비슷한듯 살짝 다른 느낌의 기능입니다. 어드저스트먼트는 하위 레이어에 효과를 모두 적용 할 때 사용합니다. 참고: 다른 레이어속성보기 (이 글은 CC 2017버전으로 작성되었습니다) 어드저스트먼트 레이어 생성하기 상단의 [Layer] → [New] → [Adjustment Layer]로 생성하거나 단축키 [Ctrl + Alt + Y]로 생성합니다. 혹은 컴포지션패널과 타임라인패널에서 우클릭으로도 생성이 가능합니다. 어드저스트먼트 레이어 적용하기 Adjustment Layer 버튼으로 Adjustment Layer 효과 적용을 키거나 끌수있으며, 다른 레이어에서도 이 기능을 키면 Adjustment Layer와 같은 기능..
에프터이펙트 #18 어드저스트먼트 레이어에프터이펙트의 Adjustment Layer(어드저스트먼트 레이어)는 포토샵의 기능과 비슷한듯 살짝 다른 느낌의 기능입니다. 어드저스트먼트는 하위 레이어에 효과를 모두 적용 할 때 사용합니다. 참고: 다른 레이어속성보기 (이 글은 CC 2017버전으로 작성되었습니다) 어드저스트먼트 레이어 생성하기 상단의 [Layer] → [New] → [Adjustment Layer]로 생성하거나 단축키 [Ctrl + Alt + Y]로 생성합니다. 혹은 컴포지션패널과 타임라인패널에서 우클릭으로도 생성이 가능합니다. 어드저스트먼트 레이어 적용하기 Adjustment Layer 버튼으로 Adjustment Layer 효과 적용을 키거나 끌수있으며, 다른 레이어에서도 이 기능을 키면 Adjustment Layer와 같은 기능..
2017.05.19 -
VENTUZ 5 - INTRO from Dennis Schäfer on Vimeo. VENTUZ 5 - INTERACTIVE from Dennis Schäfer on Vimeo. 데니스 샤퍼의 모션그래픽Ventuz 사의 암스테르담 ISE 2017를 위해 제작된 V5 소프트웨어 PPT 영상입니다. ProducerCREATIVE DIRECTOR / DESIGN ARTIST / LOGIC-ANIMATION-3D: Dennis SchäferCLIENT: VENTUZ AG Dennis Schäfer: www.dennisschafer.comProject: http://www.dennisschafer.com/#/pagev5Behance: https://www.behance.net/dennisschafer
Dennis Schäfer - VENTUZ 5VENTUZ 5 - INTRO from Dennis Schäfer on Vimeo. VENTUZ 5 - INTERACTIVE from Dennis Schäfer on Vimeo. 데니스 샤퍼의 모션그래픽Ventuz 사의 암스테르담 ISE 2017를 위해 제작된 V5 소프트웨어 PPT 영상입니다. ProducerCREATIVE DIRECTOR / DESIGN ARTIST / LOGIC-ANIMATION-3D: Dennis SchäferCLIENT: VENTUZ AG Dennis Schäfer: www.dennisschafer.comProject: http://www.dennisschafer.com/#/pagev5Behance: https://www.behance.net/dennisschafer
2017.05.18