목차
바르셀로나에 기반을 둔 그래픽 디자이너 Nina Sans와 Rafa Goicoechea가 Instagram에서 개최하는 연례 챌린지 36 Days of Type의 일환으로 이 튜토리얼에서는 경사진 글자를 그리는 방법을 보여줍니다.
Instagram에서 이 게시물 보기36daysoftype(@36daysoftype)이 공유한 게시물
💡 이전 블로그 게시물 중 하나에서 36 Days of Type 챌린지에 대해 자세히 알아보세요.이 콘테스트는 36일 동안 타이포그래피와 창의성을 기념하는 행사로, 모든 분야의 디자이너, 시각 예술가, 창작자들이 활자체와 레터링 스타일을 중심으로 글로벌 동시다발적인 창의성을 발휘하는 행사입니다.
만약 당신이 다른 모든 창의적인 사람들과 함께 챌린지에 참여하고 싶고 스타일러스 펜을 들고 시작해 봅시다!
💡 프로 팁 : 튜토리얼을 따라갈 수 있습니다. 맥에서도. Mac용 학습 허브를 방문하여 Mac 인터페이스를 탐색할 수 있습니다. 이 튜토리얼에서 iPad에서 Mac으로 연결된 모든 사이트에 토글을 설정하면 Mac에 해당하는 인터페이스가 표시됩니다. 필요한 것:• iPad
• Apple Pencil
• Vectornator 최신 버전 학습 내용:
• 펜 도구 사용 방법
• 텍스트 도구 사용 방법
• 텍스트를 벡터 모양으로 변환하는 방법
• 아이소메트릭 그리드 사용 방법
• 게임 방법 색상 사용
먼저 영감을 얻으세요
타이포그래피가 처음이라면 다음과 같은 질문을 할 수 있습니다.베벨 문자란 무엇입니까?
베벨은 평평한 표면에 3차원 패싯을 제공하는 기울어진 표면 또는 가장자리입니다. 즉, 경사 문자는 눈에 띄는 장식 효과를 내기 위해 상단에 뾰족하고 융기된 질감이 있는 환영이 있는 3D 레터링 유형입니다.
활자 경사는 음영을 추가하여 만듭니다. 이러한 인공 그림자는 평평한 표면에 3차원 문자의 모양을 모방합니다.
비스듬한 문자는 무엇에 사용됩니까?
주류 로고 및 기타 디자인 요소에 사용됩니다. 내부 선과 추가된 그림자는 2D 표면에 3D 엠보싱 및 돌출의 환영을 만듭니다. 베벨 문자 그래픽 글꼴은 원래 종이에 디지털 인쇄용으로 설계된 서체입니다.
베벨 문자 스타일을 그리기 전에 온라인에서 베벨 문자 그림을 검색하는 것이 좋습니다. 레터링 스타일의 구조, 문자 인라인 및 아웃라인을 연구하고 돌출 및 베벨 효과를 만드는 데 그림자 색상이 어떻게 사용되는지 관찰합니다.
종이에 약간의 베벨 문자를 그리는 것으로 시작할 수 있습니다. iPad 또는 종이에 사선과 그림자를 설정하는 방법을 파악하여 엠보싱 모양을 만듭니다. 블록 문자와 같은 몇 가지 기본 문자 모양을 마스터하는 것도 중요합니다.
이것은 고급 문자 효과입니다. 이러한 유형의 레터링을 그린 경험이 없다면이 튜토리얼을 준비하기 위해 몇 글자를 그릴 시간입니다.
실수를 두려워하지 말고 자유롭게 하십시오!템플릿 준비
할 수 있도록 챌린지에 참여하려면 지정된 템플릿을 사용하여 Instagram에서 편지 삽화를 공유해야 합니다. 그래서 우리는 베벨 문자를 그리기 전에 템플릿을 만들었습니다.
파일을 업로드할 때 프로젝트의 주요 해시태그가 인스타그램 게시물에 포함되는 것이 매우 중요합니다( # 36daysoftype ), 개별 일일 해시태그도 포함하는 것을 잊지 마세요( #36days_LETTER / NUMBER ).
올바른 해시태그 예를 들어 첫 번째 날은 #36daysoftype 및 #36days_a가 됩니다.
36 Days of Type 웹사이트에는 챌린지에 참여하기 위해 따라야 하는 세 가지 주요 제출 규칙이 있습니다.
- 제출: #36daysoftype + #36days_LETTER / NUMBER를 사용하여 작품 제출
- 이미지 항목: JPG / PNG, 이상적으로는 정사각형 형식(1080 x 1080px)
- 동영상 출품작: 모든 형식의 동영상 출품작도 환영합니다.
정적인 이미지와 동영상 모두 환영합니다. 파일 크기가 정사각형 형식인지 확인하십시오. 1080 x 1080px
Vectornator에서 색상 팔레트를 미리 만들 수 있습니다. 아래에서 팔레트를 준비하기 위한 모든 16진수 색상 코드를 찾을 수 있습니다.튜토리얼.
16진수 색상 코드:배경 그라데이션: #FFFFFF + #E80692
밝은 파란색: #84CEE8
Dark Blue: #042733
Medium Blue: #1B6680
Outline Stroke: #FFFFFF
또한보십시오: Will Paterson의 창조적인 정신 속으로 뛰어드세요Shadow: #02293B
레이어 탭에서 새 레이어 만들기 이름을 "Background"로 지정합니다.
도구 모음에서 사각형 모양을 선택하고 Stroke를 끕니다.
배경 채우기 색상의 선형 그라데이션을 #FFFFFF 및 #E80692로 설정합니다. 위젯 또는 색상 슬라이더 공간.
백장미 그라데이션 색상으로 완전히 덮일 때까지 사각형 모양을 캔버스 전체로 드래그합니다.
💡 Pro 팁 - Vectornator는 문서 탭에서 Instagram용 템플릿을 제공합니다. iPad에서 만든 모든 이미지는 갤러리에 자동으로 저장됩니다. 1단계기본 문자 만들기
튜토리얼의 다음 단계에서는 기본 문자를 만듭니다.
새 레이어를 만들고 이름을 "Letter"로 지정합니다. "Letter" 레이어를 "Background" 레이어 위로 드래그하거나 레이어 스택 상단의 정렬 탭에서 순서 제스처로 이동합니다.
도구 모음에서 텍스트 아이콘을 눌러 텍스트 도구를 활성화하거나 키보드에서 "T"를 누르면 텍스트 도구의 채우기를 순백색 #FFFFFF로 설정합니다. 스타일 탭에서 글꼴을 Helvetica로, 유형을 Bold로, 크기를 1000pt로 설정합니다.
이제 캔버스의 아무 곳이나 탭하고 드래그합니다. 단어를 포함하는 경계 상자캔버스에 "텍스트"가 나타납니다. 그런 다음 키보드를 사용하여 문자 "E"를 쓰기 시작할 수 있습니다.
2단계 텍스트를 벡터 모양으로 변환
튜토리얼의 다음 단계에서는 텍스트를 편집할 수 있도록 벡터 모양으로 만듭니다.
선택 도구로 문자를 선택합니다. 텍스트 도구의 속성에서 텍스트에서 윤곽선 만들기 버튼을 탭하여 텍스트를 벡터 모양으로 변환합니다.
이제 문자를 벡터 모양으로 변환했으며 외부 선을 볼 수 있습니다.
3단계아이소메트릭 그리드로 아트보드 설정
튜토리얼의 다음 단계에서는 아이소메트릭 그리드로 아트보드를 설정합니다.
아이소메트릭 그리드 기능 Vectornator에서 문자의 비스듬한 모양, 즉 3차원성을 부여하는 대각선을 그리는 데 도움이 됩니다.
또한보십시오: Vectornator에서 Etsy 표지를 만드는 방법Isometric Grid라는 용어를 완전히 처음 사용하는 경우 다음 아카데미를 시청할 수 있습니다. Mac 비디오를 통해 이 기술에 대한 기본적인 이해를 얻을 수 있습니다.
빠른 설정 > 대지 & 그리드 > 그리드 표시 > 아이소메트릭 그리드. 간격을 200픽셀로 설정하고 각도를 45°로 설정합니다.
4단계 아이소메트릭 그리드에 문자 위치 지정
아이소메트릭 그리드를 설정한 후 문자를 격자에 올바르게 맞춥니다.
빠른 설정에서 격자에 맞추기를 활성화하고 격자에 맞추기를 선택합니다. 노드 도구를 선택하고 노드를 이동하십시오.문자의 평행선과 수평선이 격자선과 완벽하게 정렬되도록 격자선을 따라 문자 모양을 만듭니다.
5단계 그림자 그리기
다음 단계에서 튜토리얼에서는 글자의 기본 그림자를 그려 돌출 및 경사 효과를 만듭니다.
펜 도구를 탭하고 색상 위젯에서 채우기 모드를 켜고 획을 끕니다. 그런 다음 색상을 Dark Blue: #042733으로 설정합니다.
💡 Pro Tip – 펜 도구가 익숙하지 않은 경우 Vectornator Academy 시리즈의 비디오를 볼 수 있습니다. 펜 도구에 대해 자세히 알아보세요.그림자 요소 그리기를 시작해 봅시다!
첫 번째 삼각형을 그리기 위해 글자의 모퉁이 선을 탭하세요. 새 노드를 만들고 경로의 방향을 변경하려면 다시 탭하세요.
아이소메트릭 그리드의 대각선과 수평선을 정확하게 따르세요. 복제 모드로 삼각형을 두 번 복사하고 참조 그림에서 볼 수 있듯이 문자에 삼각형을 배치하십시오.
💡 Pro Tip – 경로를 그리고 싶다면 날카로운 모서리로 최적의 그리기 경험을 위해 노드 유형을 전환할 수 있습니다. 나중에 노드 도구를 사용하여 노드를 편집할 수 있습니다.이전 방법으로 베벨 표면을 계속 그릴 것입니다.
도형에 대한 헥스 색상 코드:밝은 파란색: #84CEE8
짙은 파란색: #042733
중간 파란색: #1B6680
채우기 잘 설정펜 도구의 개별 Hex 색상에 적용합니다.
아티스트가 참조 이미지에서 한 것처럼 아이소메트릭 그리드의 선을 따라 정확하게 모양을 그립니다.
우리의 레터링 조각이 이미 모양을 갖추고 있습니까?
6단계레터 아웃라인 그리기
튜토리얼의 다음 단계에서는 문자의 흰색 아웃라인을 만듭니다.
배경 "E" 모양을 선택하고 Stroke Mode를 켜고 Stroke Width를 약 5pt로 설정합니다. 획 색상을 순백색 #FFFFFF로 설정합니다.
이제 글자의 윤곽선을 만들었습니다!
7단계 그림자 추가
튜토리얼의 다음 단계이자 마지막 단계에서는 글자에 그림자를 추가하여 3D 효과를 향상시킬 것입니다.
문자 모양을 선택하고 스타일 탭에서 확장 가능한 그림자 메뉴를 열고 그림자를 켭니다.
다음 설정 사용:
- 그림자 색상 #02293B
- 방향 135°
- 흐림 효과 32pt
- 그림자 오프셋 30pt .
결과
짜잔 ! 맞춤 경사 문자를 완성했습니다.
그레이디언트와 결합된 하이라이트와 음영을 적용하여 3차원 개체에 광원의 환영을 만드는 방법을 확인하세요.
계속해서 다른 것을 시도해 보세요. 알파벳 문자와 숫자를 입력하세요.
36 Days of Type 챌린지의 걸작을 Instagram에 게시하고 Vectornator 커뮤니티에서 공유하는 것을 잊지 마세요.갤러리!
