디자인키트

디자인 키트의 추천 포스트

일러스트 일러스트 오브젝트 비율과 크기 조정 일러스트를 통해 여러 오브젝트를 그리다 보면, 일정한 비율에 맞게 두께를 조절하거나, 크기를 조절할 경우가 많이 생깁니다. 이번에는 일러스트에서 오브젝트를 좀 더 쉽게 비율에 알맞게 크기를 조절하는 방법에 대해서 알아보겠습니다. 일러스트는 그림을 그리는 도구인 만큼, 여러 가지 방법이 있습니다. 이번에는 비율에 알맞게 크기를 조절하는 2가지의 방법에 대해서 알아보겠습니다. 첫 번째 방법 - 트랜스폼 (Transform) 두 번째 방법 - 오프셋 패스 (Offset path) 트랜스폼 (Transform)을 사용하여 비율에 알맞게 오브젝트 크기 조절하기! 1. 오브젝트을 클릭하여 트랜스폼 (Transform)을 통해서 크기를 확인합니다. 2. 오브젝트 클릭한 다음 그 자리 그대로 그 위로 복사 (단축키 C.. 더보기
색채학 무채색(achromatic colors)의 상징 앞의 색의 상징에서는 유채색에 대해서 알아보았습니다. 이번에는 유채색(빨강, 주황, 노랑, 파랑, 보라 등)을 제외한 무채색(흰색, 회색, 검정)의 상징에 대해 알아보고자 합니다. 무채색은 유채색보다도 많은 범위에 사용되었으며 다양한 의미와 상징하는 것들이 있습니다. 무채색도 다양한 추상적인 개념, 사상을 나타내는 상징의 용도로도 사용됩니다. 흰색, 회색, 검은색이 가진 특성에 따라서 종교, 지역, 문화, 계급의 차이에 의해 여러 가지의 상징 및 의미로 활용되어 왔습니다. 그만큼 색을 사용하면서, 사람들이 느껴지고 연상되는 것이 다릅니다. 현재에도 수많은 기업들이 로고의 색을 통해 기업이 추구하는 가치관을 표현하기 위해서 색이 가진 상징을 활용합니다. 그 외에도 각 나라마다 국기의 색을 통해 의미를 부여.. 더보기
일러스트 일러스트 스마트 가이드 및 자동 그리드 (Illustrator Smart Guides) 일러스트를 사용할 경우, 가장 편하고도 많이 쓰고 유용한 도구가 바로 스마트 가이드 일 것 같습니다. 자동으로 도형과 도형의 중간점을 찾아주고 도형을 복사해서 다른 곳에 배치를 할 경우 정확하게 위치가 일치하도록 선을 그어 표시해주는 편리한 기능입니다. 하지만, 작업을 하다 보면 일러스트 스마트 가이드 및 자동 그리드 (Illustrator Smart Guides)가 보이지 않아 불편함을 겪는 경우가 있습니다. 그래서 일러스트 스마트 가이드 및 자동 그리드 (Illustrator Smart Guides)를 사용하는 방법과 더 좋게 활용하는 방법에 대해서 알아보고자 합니다. 일러스트 스마트 가이드란? (Illustrator Smart Guides) 도형 및 오브젝트 등를 복사하거나 이동시킬 때 시작점과 중.. 더보기
디자인 참고자료 BX / BI 디자인이란? 무에서 유를 창조하는 브랜드 디자인에 대해서는 많이 들어보셨을 겁니다. 그리고 이제는 브랜드 디자인에 이어서 BX / BI 디자인이라는 말도 생겼습니다. 생소하신 분도 있으실 텐데요. 몇 년 전부터 디자인 분야에서는 정말 많은 강조가 되고 현재는 BX / BI 디자이너라는 말이 나타났습니다. 그래서 이번에는 BX / BI 디자인이 무엇인지에 대해서 알아보고자 합니다. BX (Brand eXperience Design)란? 브랜드 사용자 경험 디자인을 말합니다. 즉, 브랜드에 대한 사용자가 경험하는 가치를 높이는 것을 말합니다. 브랜드의 가치, 의미를 사용자에게 긍정적인 경험을 만들어서 브랜드의 긍정적이고 좋은 이미지를 형성시키는 것입니다. 수많은 브랜드는 그 각 특성과 사람들이 갖는 인식이 있습니다. 즉.. 더보기
애프터 이펙트 애프터 이펙트 단축키 모음 (After Effect Keyboard Shortcut) 애프터 이펙트 (After Effect) 작업능률을 빠르게 올릴 수 있는 단축키에 대해서 알아보도록 하겠습니다. 포토샵과 일러스트와는 여러 다른 기능이 있기 때문에, 많이 헷갈리거나 다를 수가 있습니다. 그래서 이해가 되지 않는 부분은 직접 해보시면서 익히시는 편이 좋을 수도 있습니다. 컴포지션 창 생성 (Composition Setting) 단축키 Ctrl + N / Command + N 프리 컴포지션 생성 (Pre-Compose) 단축키 Ctrl + Shift + C / Command + Shift + C 파일 이름 변경 단축키 : Enter 애프터 이펙트 화면 이동 및 화면 확대 단축키 자신이 화면 이동 및 화면 확대하고 싶은 곳에 마우스를 올린 후 ~ 클릭 타임라인 관련 단축키 모음 타임라인 확대.. 더보기
프리미어 프리미어 감각적인 색상 보정 방법 (Premiere Lumetri Color) 사진과 영상에서 꼭 필요한 보정 중 하나인 감각적인 색상 보정 방법 (Premiere Lumetri Color)에 대해서 알아보고자 합니다. 주로 색 보정은 편집을 완료한 후 마감을 할 때, 전체적인 느낌의 색상 톤을 맞춰주거나 특정 부분의 색을 조정하고 싶을 경우 많이 사용합니다. 생각보다 쉬운 것 같지만, 자칫하면 너무 강렬하고 부담스러운 톤이 될 수도 있고 칙칙한 톤이 나올 수도 있습니다. 그래서 이번에는 구체적으로 감각적이게 색상을 보정하는 방법에 대해서 알아보고자 합니다. 애프터 이펙트 및 프리미어에도 많이 사용하는 Lumetri Color를 살펴보도록 하겠습니다. 영상편집 후 색상 보정은 프리미어에서 많이 하는 경우가 많아, 프리미어를 통해 설명드리겠습니다. Lumetri Color (루미트리.. 더보기
애프터 이펙트 애프터 이펙트 손떨림 영상 보정 방법 (After Effects Warp Stabilizer) 영상 촬영을 하면서 영향을 가장 많이 받는 부분이 바로 ‘환경’인 것 같습니다. 주변의 조도, 바람, 날씨 등 여러 가지 요소들에게 영향을 받아 영상이 많이 달라집니다. 그중에서도 환경 및 촬영자의 영향을 많이 받는 손떨림 영상을 보정하는 방법을 알아보고자 합니다. 손떨림의 영상들은 대체적으로 흔들려서 잔상 및 어지러움을 유발하는 경향이 있습니다. 이러한 것을 줄여주는 기능인 애프터 이펙트 손떨림 영상 보정 방법 (After Effects Warp Stabilizer)에 대해서 알아보겠습니다. Warp Stabilizer (왜곡 안정화도구) 손떨림과 같은 흔들림이 적용된 영상을 안정되게 보정시켜주는 이펙트 도구입니다. Warp Stabilizer (왜곡 안정화 도구) 적용하는 방법 1. 상단 메뉴의 [E.. 더보기
디자인 참고자료 무료 목업 사이트 모음(Free Mock Up Site) 디자인을 전공하는 학생, 디자이너라면 Mock up(목업)에 대해서 들어보셨을 것 같습니다. Mock up(목업)은 자신이 디자인한 작업물을 실물의 형태에 접목시켜 보여줄 수 있습니다. 그래서 포트폴리오에도 많이 활용되기도 합니다. 다양하고 많은 목업 자료를 가지고 있을수록 좀 더 풍부한 작업을 하실 수 있으실 겁니다. 그래서 이번에는 무료 목업 사이트(Free Mock Up Site)에 대해서 알아보고자 합니다. LS https://www.ls.graphics/free-mockups Free Mockups and UI Design Tools [PSD, Sketch, Figma] Huge collection of free mockups, patterns, illustrations, scene creato.. 더보기
프리미어 프리미어 프로 잔물결 삭제가 안될 때 (Premiere Ripple Delete Error) 영상편집 도구 중 하나인 프리미어 프로를 사용해보신 적 있으신가요? 많은 영상들을 편집하다가 갑자기 특정 기능이 안 되는 경우가 있습니다. 특히 자주 쓰이는 잔물결 삭제 기능(Ripple Delete)은 편리한 기능으로 많이 사용됩니다. 하지만 갑자기 기능이 오류가 나서 사용이 되지 않는 경우가 있습니다. 그럴경우, 어떻게 해결할 수 있는지 알아보겠습니다. 잔물결 삭제 기능(Ripple Delete)이란? 작업을 할 경우 영상클립의 공백이 생기는 경우가 있습니다. 이 공백을 삭제하여 영상클립들을 이어주는 기능입니다. 사용하는 방법 빈 공간을 클릭 - 오른쪽 마우스 클릭 - 잔물결 삭제 기능(Ripple Delete) Shift + Delete (Option + 백스페이스) 단축키 사용 그 외에 프리미어 .. 더보기
애프터 이펙트 애프터 이펙트 텍스트 색상 변경 (After Effects Text Color Change) 텍스트는 영상에서 가장 많이 사용이 되며 다양한 아이디어를 통해 수 많은 표현이 가능합니다. 키네틱타이포그래픽 및 뮤직비디오 등에서 주로 많이 활용되는 것을 볼 수 있습니다. 영상의 컨셉에 따라서 텍스트에 줄 수 있는 모션이 많이 다르지만, 이번에는 텍스트 모션에서도 가장 기본이 되는 텍스트 색상을 변경하는 방법에 대해 소개하고자 합니다. 애프터 이펙트 텍스트 색상 변경 (After Effects Text Color Change)은 생각보다 여러가지의 방법과 표현 방식에 대해 알아보겠습니다. 1. Animate에서 텍스트 색상 변경하기 2. Effects & Presets를 이용한 색상 변경하기 애프터 이펙트 텍스트 색상 변경 (After Effects Text Color Change)하는 방법을 크게 .. 더보기