본문 바로가기

전체 글391

[일러스트] 편집 가능한 텍스트(활자) 스타일 만들기 웹 디자인 및 인쇄 디자인에서 인기있는 활판 인쇄 트렌드는 활자 스타일의 텍스트입니다. 이 텍스트 스타일은 Photoshop에서 쉽게 수행 할 수 있지만 Illustrator에서는 텍스트를 편집 가능하게 유지하면서 활자 스타일의 텍스트를 만드는 것이 매우 간단합니다. 모양 패널과 그래픽 스타일을 사용하여이 스타일을 편집 가능한 텍스트 및 기타 벡터 객체에 빠르고 일관되게 적용 할 수 있습니다. 튜토리얼 세부 사항 : 활자 스타일 텍스트 프로그램 : Adobe Illustrator CS4 난이도 : 초보자 예상 완료 시간 : 5-10 분 1 단계 : 활자 스타일 텍스트 사각형 도구 (M)를 사용하여 사각형을 만들고 원하는 색으로 채 웁니다. 나는 밝은 파란색으로 채웠습니다. 활자 텍스트의 하이라이트를 실제.. 2019. 12. 15.
[일러스트] 플랫한 나뭇잎 그리는 방법 튜토리얼 세부 사항 프로그램 : Adobe Illustrator CS6 – CC 난이도 : 중급 다루는 주제 : 모양 만들기, 효과, 패스 파인더 패널, 내부 그리기 기능 예상 완료 시간 : 20 분 1 단계 타원 도구 (L)를 가져 와서 120 x 250 픽셀의 녹색 타원형을 만들어 봅시다 . 직접 선택 도구 (A)를 사용 하여 상단 및 하단 앵커 포인트를 선택하고 상단의 제어판에서 선택한 앵커 포인트를 코너 로 변환을 클릭 하고 팁을 가리 킵니다. 2 단계 도형을 둥글게 만들려면 안내선 을 사용 하여 앵커 핸들의 길이를 조정할 수 있습니다 . 눈금자 (Control-R)를 켜고 안내선 을 대지로 드래그하면 됩니다. 작업이 끝나면 가이드를 클릭하고 삭제 ( Mac의 경우 백 스페이스 )를 클릭하여 제거.. 2019. 12. 14.
[일러스트] 크리스마스 호두 까기 인형 아이콘을 그리는 방법 튜토리얼 세부 사항 프로그램 : Adobe Illustrator CS6 – CC 난이도 : 중급 다루는 주제 : 모양 만들기, 브러시 디자인, 획 패널, 나선형 도구, 이동 도구 예상 완료 시간 : 20 분 1 단계 사각형 도구 (M) 를 가지고 머리부터 시작 합시다 . 우리의 크리스마스 호두 까기 인형 아이콘은 번성하고 양식화됩니다. 크리에이트 150 X 180 픽셀의 베이지 형상. 2 단계 이제 걸릴 타원 도구 (L) 아래로 유지 Shift 키를 하고 있도록 25 × 25 픽셀 안구 흰색 원. 작성된 원을 복사 (Control-C) 하고 붙여 넣기 (Control-F) 합니다. Alt-Shift를 누른 채로 사본을 더 작게 (15 x 15px) 만들어 홍채 의 채우기 색상을 진한 파란색으로 변경합니다.. 2019. 12. 12.
[일러스트] 그라디언트 메쉬로 빛나는 진주 만드는 방법 오늘의 튜토리얼에서는 블렌딩 모드를 사용하여 그라디언트 메쉬의 투명도를 제어하는 ​​방법을 배우고 메쉬 포인트 간의 색상 전환을 조정하고 불투명도를 변경하여 펄 브러시를 만드는 방법을 배웁니다. 또한이 튜토리얼을 읽은 후에는 무료 Mesh Tormentor 플러그인을 사용하여 어려움이있는 그라디언트 메쉬에서 Illustrator 브러시를 만들 수 있습니다. 시작하자! 프로그램 : Adobe Illustrator CS5 – CC 난이도 : 초급-중급 다루는 주제 : 그라디언트 메쉬 예상 완료 시간 : 45 분 1 단계 : 펄 브러쉬 + 그라디언트 메쉬 펄 브러시를 만들려면 Adobe Illustrator를 열고 새 문서를 만듭니다 (파일> 새로 만들기) . 대화 상자에서 RGB 색상 모드 와 대지의 크기를.. 2019. 12. 11.
[일러스트] 귀여운 부활절 토끼 그리는 방법 이 튜토리얼에서는 다채로운 계란을 들고 귀여운 부활절 토끼를 만들 것입니다. 간단한 10 단계로 기하학적 모양 작업, 획 설정 조정 , 평면 윤곽선 이미지에 세부 정보를 추가하는 방법 및 텍스트를 추가하여 격리 된 아이콘을 완성 된 컴포지션으로 바꾸는 방법을 배웁니다. 부활절 카드를 만들어 보자! 프로그램 : Adobe Illustrator CS6-CC 난이도 : 초보자 다루는 주제 : 모양 만들기, 정렬 패널, 획 패널, 유형 도구 예상 완료 시간 : 15 분 1 단계 부활절 토끼의 머리부터 시작합시다. 타원 도구 (L)를 가져 와서 Shift 키를 누른 상태 에서 160 x 160 픽셀 원을 만듭니다. 받는 사람 스위치 직접 선택 도구 (A) 와 지주 모두에 의해 좌우 앵커 포인트를 선택 Shift .. 2019. 12. 10.
[일러스트] 귀여운 푸른 고래 일러스트 벡터를 그리는 방법 번에는 Adobe Illustrator에서 기본 도형을 사용하여 고래 벡터를 그리는 방법을 배웁니다. 라이브 코너, 가위 도구, 패스 파인더 패널 작업에 대해 배우고 다른 유용한 벡터 도구와 기능을 사용할 것입니다. 시작하자! 프로그램 : Adobe Illustrator CS6 – CC 난이도 : 중급 다루는 주제 : 모양 건물, 라이브 코너, 패스 파인더 패널, 스트로크 패널 예상 완료 시간 : 20 분 1 단계 먼저 고래의 몸을 만들어 고래 벡터를 그리는 법을 배우자. 테이크 사각형 도구 (M)을 하고 만드는 245 X 90 픽셀 블루 모양. 직접 선택 도구 (A)를 잡고 직사각형의 하단 모서리를 모두 선택하십시오. 라이브 모서리 의 원 마커를 모양의 중심으로 당겨 모서리를 둥글게 만듭니다. 상단의 .. 2019. 12. 9.
[일러스트] 귀여운 테디베어 곰 아이콘 그리는 방법 이 자습서에서는 간단한 기하학적 모양과 다양한 도구 및 기능을 사용하여 귀여운 평평한 곰을 만들어 얼굴 모양을 만드는 데 도움이 됩니다. 시작하자! 프로그램 : Adobe Illustrator CS6 – CC 난이도 : 중급 다루는 주제 : 모양 건물, 획 패널, 라이브 코너, 회전 도구, 반영 도구 예상 완료 시간 : 15 분 1 단계 먼저 머리를 만들어 보자. 사각형 도구 (M)를 가져 와서 230 x 230 픽셀의 밝은 갈색 사각형을 만드십시오. 2 단계 테이크 직접 선택 도구 (A)를 하고 바닥 앵커 포인트를 선택합니다. 라이브 코너 의 원 마커가 나타나면 위로 드래그하여 코너를 둥글게 만듭니다. 그런 다음 상단 포인트를 모두 선택하고 라이브 코너를 다시 사용 하여 헤드 상단을 완전히 둥글게 만듭.. 2019. 12. 8.
[일러스트] 풍차 그래픽 벡터를 간단하게 그리는 방법 이 튜토리얼에서는 트렌디하고 평평한 스타일로 간단한 풍차 벡터를 10 단계만으로 만들 것입니다! 기본 도형, 획, 자유 변형 도구 (E) 및 Adobe Illustrator의 편리한 단축키에 대해 알아 봅니다 . 시작하자! 프로그램 : Adobe Illustrator CS6 – CC 난이도 : 중급 다루는 주제 : 모양 만들기, 획 패널, 자유 변형 도구 (E) 예상 완료 시간 : 20 분 1 단계 풍차 벡터 만들기를 시작하려면 먼저 Rectangle Tool (M)을 가져와 120 × 140px 흰색 사각형으로 건물의 기초를 만듭니다 . 이제 잡아 무료 도구 (E)를 변환 하고 클릭하고 홀드 맨 앵커 포인트 중 하나. Alt-Control-Shift를 누르고 점을 위쪽 가장자리의 중앙에 더 가깝게 이동.. 2019. 12. 7.
[일러스트] 귀여운 꿀벌 로고 아이콘 만드는 방법 이 방법은 멋진가는 선과 약간의 벌집 모양으로 꿀벌 로고를 만드는 데 필요한 도구를 제공합니다. (Sweet, 맞습니까?) 간단한 기하학적 모양을 사용하고 라이브 코너 기능과 직접 선택 도구로 획을 적용하고 객체를 수정합니다 . 그런 다음 간단한 맑은 배경을 추가하여 마무리합니다. 시작하자! 프로그램 : Adobe Illustrator CC 난이도 : 초보자 다루는 주제 : 모양 만들기, 획, 라이브 코너, 직접 선택 도구 예상 완료 시간 : 20 분 1 단계 사용 둥근 사각형 도구를 a를 위해 210 × 260 픽셀의 밝은 노란색 모양 채우기 , 갈색 스트로크 . 상단 제어판이나 획 패널 (창> 획) 에서 획 두께 를 10pt로 설정합니다 . 직접 선택 도구 (A)로 전환하면 상단 제어판에서 모서리 반.. 2019. 12. 6.
2020년에 보게 될 5가지 디자인 트렌드 디자인의 면모는 항상 변하고 있습니다. 언젠가는 최첨단과 트렌드로 보이는 것은 날짜가 지난 다음에는 보이지 않을 수 있습니다. 따라서 디자이너로서 디자인이시기 적절하고 적절하게 느껴지길 원한다면 디자인 세계에서 일어나고있는 일, 특히 최신 디자인 트렌드를 파악해야합니다. 그러나 2020 년에 이러한 디자인 트렌드는 정확히 무엇입니까? 우리는 두 디자인 전문가-라니 Sweis에서 크리에이티브 디렉터 요청 AtticSalt 와 제프 고 Donegan,에서 창조적 인 지도자와 파트너 탱크 디자인 다가오는 해에 디자인 세계를 휩쓸 태세를하고있는 추세에 자신의 통찰력 -for합니다. 이러한 트렌드에 대해 자세히 살펴보고 더 중요한 것은 2020 디자인에 이러한 트렌드를 통합하는 방법입니다. 트렌드 # 1 : 고유.. 2019. 12. 6.
[일러스트] 네온 라이트 벡터 텍스트 이 환상적인 네온 라이트 벡터 텍스트 처리로 하루를 밝게하십시오! 텍스트를 밝은 네온 텍스트로 바꾸려면 사용자 정의 브러시와 모양 패널을 사용합니다! 프로그램 : Adobe Illustrator CS6 난이도 : 중급 다루는 주제 : 텍스트 처리, 커스텀 브러쉬, 벡터 효과 예상 완료 시간 : 35 분 1 단계 : 네온 라이트 벡터 텍스트 처리 네온 라이트 벡터 텍스트 자습서를 시작하려면 Adobe Illustrator 에서 새 문서를 열고 [ 문자 도구] 를 사용 하여 선택한 텍스트를 작성하십시오. 해당 링크에서 찾은 Neon Lights 글꼴을 사용하고 있습니다. 해당 글꼴을 사용하는 경우 모든 대문자로 쓰십시오. 마우스 오른쪽 버튼을 클릭 하고 윤곽선 만들기를 클릭하십시오 . 획 두께를 아래 표시 .. 2019. 12. 5.
브랜딩 일러스트 인터랙션 디자인 및 애니메이션 패턴 브랜딩 일러스트를 활용한 커뮤니케이션 제작 브랜드 스타일을 정착 시키고, 확장하고, 변형하기 위한 인터랙션 디자인 및 애니메이션 행동 패턴 정의 내면의 모습 주의, 망설임 및 자기 보존 감각을 나타냄 행동 할 자신감이있다 다양한 내부 상태와 의도를 나타내는 가변 동작 신경질 신기하거나 다른 행동으로 놀라움을 나타내며, 놀랍거나 예상치 못한 결과를 낳습니다. 불필요 해 보인다 친밀감, 따뜻함, 놀라움 등을 만듭니다. 성격을 나타냄 동기 성과 발산의 조합 행동에 대한 의심, 망설임 또는 불확실성 성공적으로 생생한 행동 특성 추상 얼굴 표정 다차원, 복잡성, 표현력을 갖춘 모션 친숙하거나 이해할 수있는 물리학 사용자의 상상력을위한 공간을 확보 리듬 및 / 또는 음악 행동으로 보이는 조직과 안무 대비, 병치 및.. 2019. 12. 5.
디자인 시스템 - [3] 스타일 가이드를 사용하여 웹 워크 플로우 속도 향상 스타일 가이드는 이제 최신 웹 디자인 워크 플로우의 핵심 부분으로 확고하게 확립되었습니다. 다양한 산업 전문가의 활용과 효과를 보여주는 커뮤니티 인지도 향상으로 인해 웹 프로젝트에서의 사용이 꾸준히 증가하고 있습니다. 스타일 가이드의 등장은 반응 형 웹 디자인 의 개발과 부분적으로 관련이 있었지만 이제는 디자이너와 개발자가보다 유능한 웹 및 점점 더 야심 찬 웹 프로젝트의 요구를 처리하도록 돕고 있습니다. 보다 정확하고 일관된 결과를 통해 더 빠르게 설계하고 구축 할 수 있습니다. 이 기사에서는 스타일 가이드가 무엇인지, 하나를 구성하는 방법 및 사용하는 방법에 대해 알아야 할 모든 것을 다룰 것입니다. Style guides are now firmly established as a key part of.. 2019. 12. 4.
디자인 시스템 - [2] 12가지 세심한 스타일 가이드 스타일 메뉴얼 또는 스타일 가이드는 문서, 웹 사이트 페이지, 간판 및 기타 형태의 다른 브랜딩 디자인을 위한 표준 시스템 입니다. 스타일 가이드가 존재하는 이유는 브랜드가 사용되는곳 어디에서나 스타일과 형식이 완전히 균일해야하기 때문입니다. 로고 사용 방법 및 위치부터 브랜드 색상 및 타이포그래피 규칙에 이르기까지 모든 것을 다룹니다. A style manual, or style guide, is a set of standards for the design of documents, website pages, signage, and any other form of other brand identifier. The reason for their existence is to ensure complete un.. 2019. 12. 4.
디자인 시스템 - [1] 설계 및 가이드 디자인 시스템 - [1] 설계 및 가이드 디자인 시스템 - [2] 12가지 세심한 스타일 가이드 디자인 시스템 - [3] 스타일 가이드를 사용하여 웹 워크 플로우 속도 향상 디자인 시스템이란 무엇일까요? 디자인시스템을 설계하는 사람들이 어떤 도구를 사용하고, 어떤 방법으로 디자인시스템을 만드는지 알아보겠습니다. 디지털 디자인 분야에서 일하는 사람이라면 누구나 '디자인 시스템'이라는 용어를 들어야 합니다. 그러나 그 의미가 무엇인지 모를 수도 있습니다. 이 기사에서는 디자인 시스템이 무엇인지, 디자인 시스템 사용 이유, 생성 방법 및 유용한 도구를 정확하게 정의합니다. 디자인 시스템이란 무엇인가요? 디자인 시스템은 디자이너와 개발자가 함께 만들고 참조하고 개발하는 단일 소스입니다. 글꼴, 아이콘, 색상, .. 2019. 12. 3.

티스토리툴바