타이포그래피 일러스트레이션을 만드는 방법

 

손으로 그린 ​​그림 

손으로 글자를 쓴 삽화를 만들려면 많은 시간이 걸릴 수 있습니다. 특히 일러스트 레이터가 아닌 경우에는 더욱 그렇습니다. 일반적으로 이러한 유형의 그림은 펜과 종이로 만들어져 실제 모습을 드러냅니다. 그러나이 튜토리얼에서는 일러스트 레이터에서 비슷한 일러스트레이션을 만드는 방법을 배웁니다.  

시작하기

1 단계

사용하고 싶은 이미지를 선택하십시오.이 경우 Black Bck Antelope를 선택했습니다.이 이미지는 나선형의 뿔이 있기 때문에 ( http://vintageprintable.com/vintage-printable-animal/animal-deer/animal- range-antelope-haekel-3 / ) 웹 사이트에서 이미지를 자유롭게 사용할 수 있습니다. 그러나 벡터 이미지를 사용하여 약간의 시간을 절약 할 수도 있습니다. 예를 들어,이 방법 ( http://www.freepik.com/free-vector/grungy-animal-silhouettes-with-lettering_799642.htm )도 좋은 옵션입니다. . 나는이 이미지를 인용문 "위험을 감수하고 기회를 놓치지 마라."와 결합 할 것이다.

첫 번째 레이어에 이미지를 붙여넣고 레이어를 두 번 클릭하고 템플리트 확인란을 선택하여 불투명도를 50 %로 줄입니다.

2 단계

두 번째 레이어를 추가하십시오. 여기가 우리가 작업 할 곳입니다. 우리는 대략적으로 이미지의 윤곽을 잡을 것이고, 바로 가기 P를 눌러 펜 도구를 선택할 것입니다. 윤곽선이 검은 색이고 채우기가 꺼져 있는지 확인하십시오. 모양을 닫으면 실루엣이 생겼습니다. 스케치 된 것처럼 보이기 때문에 완벽 할 필요는 없으므로 작은 세부 사항에 대해서는 걱정하지 마십시오.

3 단계

이제 윤곽을 잡았으므로 배경 이미지가 필요 없습니다. 첫 번째 레이어의 잠금을 해제하고 삭제합니다. 견적을 입력하고 손으로 그린 ​​스타일 글꼴에 대한 글꼴 컬렉션을 확인하십시오.이 경우에는 "Luna"를 사용하고 있습니다. 그러나 온라인으로 탐색 할 경우 더 많은 선택을 할 수 있습니다. 소문자 나 대문자를 선호하는지 확인하십시오.이 경우 대문자 만 사용했습니다. 그런 다음 각 단어가 별도의 경계 상자에 있도록 별도의 텍스트 요소를 만듭니다.

4 단계

텍스트의 색상을 흰색으로 변경하고 실루엣 이미지 위에 텍스트를 놓고 텍스트 항목을 원하는대로 배율 조정 및 회전합니다. 더 나은 대비와 가독성을 위해 중요한 단어를 더 크게 만듭니다. 디자인을 더 즐겁게하려면 약간의 각도로 단어를 회전시켜 직선에 단어가 없는지 확인합니다. 

텍스트 조정

1 단계

이제 단어를 그림 모양으로 조정할 차례입니다. 일러스트레이션에 유기적이며 손으로 그린 ​​느낌을 더할 수 있습니다. 이것은 항상 손으로 그린 ​​타이포그래피로 볼 수 있습니다. 이 효과를 만들기 위해 엔벨로프 왜곡 도구를 사용하여 모양을 원하는 모양으로 조작 할 수 있습니다. 조정할 단어를 선택하고 오브젝트> 엔벌 로프 왜곡> 메쉬로 만들기를 클릭하십시오.

2 단계

1 행 4 열만 사용하도록 선택 했으므로 동일한 양의 열을 문자로 사용하는 것이 가장 좋습니다. 따라서 글자가 2 개인 경우 2 개의 열을 사용하십시오. 그러나 편지가 너무 많은 공간을 차지하지 않으면 (글자 i와 같이) 더 적은 수의 열을 사용하는 것이 좋습니다. 이 경우 단어를 많이 바꿀 필요가 없으며 더 부드럽게 보입니다. 더 좁은 공간에서 더 많은 열을 사용할수록 더러워 보이는 위험이 커집니다.

3 단계

이제 경계 상자의 고정 점을 조정하여 단어의 모양을 바꿀 수 있습니다. 직접 선택 도구 또는 바로 가기 A를 사용하여 고정 점을 클릭하고 드래그하고 핸들을 사용하여 커브를 조정합니다.

4 단계

디자인에 만족할 때까지 모양을 가지고 놀아보십시오. 단어마다 서로 자연스러운 흐름이 있는지 확인하십시오. 여분의 요소를 사용하여 그 사이의 빈 공간을 채울 수 있습니다.이 경우 펜 도구로 간단한 웨이브를 만들고 위 또는 아래 또는 /에 배치했습니다. 그러나 너무 많이 추가하면 지저분 해 보일 것입니다.

컷 아웃과 텍스처

1 단계

이제 실루엣의 문구를 잘라내어 배경 일러스트를 그릴 때 글자는 흰색으로 채워지지 않을 것입니다. 첫 번째 단계는 선택 도구 또는 바로 가기 V로 모든 요소를 ​​선택하고 개체> 확장을 클릭 한 다음 상자, 개체 및 채우기가 선택되어 있는지 확인한 다음 확인을 클릭합니다. 모든 글자에는 고유 앵커 포인트가 있기 때문에이 단어는 더 이상 그룹으로 작동하지 않습니다. 

모든 요소를 ​​선택하고 오른쪽 사이드 바에서 패스 파인더를 클릭하거나 Window에서 찾을 수없는 경우 두 번째 아이콘 인 Minus Front를 클릭하면 실루엣에서 문자를 잘라냅니다. 제대로 작동하는지 확실하지 않다면 일러스트레이션 뒤에 다른 색상으로 도형을 배치하여 확인할 수 있습니다.  

2 단계

이제 컷 아웃을 얻었으니, 본격적인 느낌을 더하기 위해 텍스처를 추가 할 차례입니다. 첨부 파일 섹션에서 텍스처를 다운로드 할 수 있습니다. 나는 두 번째 것을 사용했지만 다른 효과를 내기 위해 다른 것을 사용할 수 있습니다. 텍스처를 복사하고 실루엣을 선택한 다음 투명도 도구를 클릭하십시오. 슬라이드 아웃 메뉴에서 '불투명 마스크 만들기'를 클릭하십시오. 

 

검정색 사각형을 클릭하고이 레이어에 텍스처를 붙여넣고 전체 모양을 덮을 때까지 텍스처를 이동하고 크기를 조절합니다. 클립 및 반전 마스크의 선택을 취소하고 전체 사각형을 선택하려면 왼쪽 사각형을 클릭하십시오. 이것은 전체 벡터 모양을 만드는 마지막 단계였습니다.  

그림을 그림 위에 놓습니다.

1 단계

우리가 지금해야 할 유일한 일은 모양을 그림 위에 놓는 것입니다. 사용하고자하는 사진을 선택하고 원하는대로 조정하십시오. 첨부 파일 섹션에서 사용한 그림을 찾을 수 있습니다. Photoshop을 열고 배경으로 사용하려는 그림을 배치하십시오. 스마트 오브젝트 위에 실루엣 모양을 ​​복사하여 붙여 넣습니다.

2 단계

그림에 조명 요소가 많이있는 경우 어두운 모양을 갖는 것이 더 좋으며 대비를 사용하면 텍스트를 더 쉽게 읽을 수 있습니다. 그러나 색상을 흰색으로 변경하려면 레이어를 래스터 화해야합니다. 이를 위해 벡터 스마트 오브젝트를 마우스 오른쪽 버튼으로 클릭하고 래스터 화 레이어를 선택해야합니다. 이렇게하면 오브젝트를 조정할 수 있습니다. 검정색에서 흰색으로 반전하려면 이미지> 조정> 반전 또는 명령 + I를 클릭하십시오. 색상이 여전히 약간 회색 인 경우 (일러스트 레이터의 기본 검정색이 검은 색이 아니기 때문에) 밝기, 이미지> 조정> 밝기 / 대비> 100 %> 확인을 사용하십시오. 그리고 그게 다야!