본문 바로가기

디자인194

[일러스트] 아이소메트릭 인포그래픽 벡터 그리는 방법 오늘의 자습서에서는 '2 : 1'등각 투영법을 사용하여 3D 등각 투영 인포 그래픽 벡터 차트를 만듭니다. 이러한 유형의 투영은 컴퓨터 게임에서 위치 생성을 위해 사용됩니다. 프로세스 자동화 및 가속화를 위해 향후 프로젝트에도 유용한 3 가지 작업을 만듭니다. 그런 다음 기본 그래프 도구를 사용하여 플랫 차트 작성에 데이터를 사용하고 최종 디자인을 작성합니다. 자, 시작합시다! 튜토리얼 세부 정보 : 거의 등각 2 : 1 투영의 등각 투영 인포 그래픽 벡터 프로그램 : Adobe Illustrator CS5 – CC2014 난이도 : 초급-중급 다루는 주제 : 동작 기능 및 변형 기술 예상 완료 시간 : 60 분 "참"등각 투영법은 일반적으로 30º 각도를 사용하지만 26.565º 각도를 사용합니다. 요.. 2019. 12. 16.
[일러스트] 편집 가능한 텍스트(활자) 스타일 만들기 웹 디자인 및 인쇄 디자인에서 인기있는 활판 인쇄 트렌드는 활자 스타일의 텍스트입니다. 이 텍스트 스타일은 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.
[일러스트] 그라디언트 메쉬로 빛나는 진주 만드는 방법 오늘의 튜토리얼에서는 블렌딩 모드를 사용하여 그라디언트 메쉬의 투명도를 제어하는 ​​방법을 배우고 메쉬 포인트 간의 색상 전환을 조정하고 불투명도를 변경하여 펄 브러시를 만드는 방법을 배웁니다. 또한이 튜토리얼을 읽은 후에는 무료 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.
[포토샵] 텍스트에 클라우드 효과를 만드는 방법 사용 구름 모양 포토샵 창조주을 정말 쉽고 빠르게 메이크업 구름 모양, 클라우드 텍스트, 구름 브러쉬로! 자신의 이미지를 사용하여 사실적인 구름 모양을 만듭니다. 원하는 글꼴로 구름으로 쓸 수도 있습니다. 이 클라우드 효과 Photoshop 액션을 사용하여 멋진 사진 효과를 만드십시오. 튜토리얼클라우드 효과 Photoshop 자습서 제작 과정에서 다음과 같은 자산이 사용되었습니다.Leckerli One 글꼴푸른 하늘에 구름 재고 이미지플라잉 새 스톡 이미지벌새 스톡 이미지 1. 구름 배경을 추가하는 방법 1 단계새로운 1000 x 600 픽셀 문서를 만듭니다 . 새 레이어를 만들고 Clouds with Clouds 스톡 이미지를 추가하십시오 . 큰 이미지를 사용하고 푸른 하늘의 중앙에 구름이 적은지 확인.. 2019. 12. 3.
[포토샵]풍경 사진을 아이소 메트릭 으로 바꾸는 방법 오늘은 Adobe Photoshop에서 등각 투시 격자를 만드는 방법을 배웁니다. 멋진 등각 투영 그림을 만들기 위해 사진 질감을 추가합니다.서둘러 프로젝트에 사용할 기성품 아이소 메트릭 아이콘을 찾고 있다면 (다른 많은 멋진 아이소 메트릭 벡터 유형과 함께)이 기사를 읽으십시오. 튜토리얼학습서를 완료하려면 다음 자산이 필요합니다.흙과 뿌리풍경 1풍경 2바다토양 질감 (개인 파일 , zip 파일 내에서 사용 가능 )1. 등각 그리드를 만드는 방법 1 단계우선, 캔버스에 아이소 메트릭 그리드를 추가해야합니다. 이에 대한 지침은 앞에서 게시 한 등각 튜토리얼 에서 찾을 수 있습니다 .2 단계그리드를 기준으로 등각 투영 표면에 직사각형 벡터 모양을 그립니다. 다음 사진 조작 과정을위한 지침 일 뿐이므로 모든 .. 2019. 12. 2.

티스토리툴바