아이소 메트릭 타이포그래피를 설계하는 방법

Jan 30, 2026
어떻게

전망은 디자인의 모든 것입니다. 당신이 그려진 무언가가 완벽한 관점을 가지고 있다면, 당신의 일이 더 현실적으로 보이는 데 도움이 될 것입니다. 대안 적으로, 파블로 피카소는 그 주위의 현실에 대한 매우 비뚤어진 감각으로 그리는 역사를 만들었습니다.

아이소 메트릭 드로잉 비록 과학의 많은 과학입니다. 그것은 어디로 가는지에 관해서는 매우 엄격한 규칙 집합을 가지고 있습니다. 앉아서 자신을 끌기가 어렵지만 Photoshop에 관해서는 안내를 만들 수 있습니다.

이걸로 포토샵 튜토리얼 우리는 육각형으로 향하는 세상을 세상을 세우기 전에 완벽한 아이소 메트릭 그리드를 준비 할 것입니다. 이 런던에 영감을 얻은 이미지에서는 템즈 isometrically를 추적하고 심지어 아이소 메트릭 버전의 랜드 마크를 생성 할 것입니다. 큐빅 모양을 함께 보유하고 있기 때문에이 그리드에서는 아무 것도 만들 수 있음을 알 수 있습니다. 곡선은 단순히 모서리에서 모퉁이에서 모퉁이에서 그려 질 수 있습니다.

이미지의 모든 것이이 구조를 따라갈 것입니다. 이미지를 사용하여 복사 할 수 있습니다. 종교적으로 단계를 따르거나 등각 투영 패턴에 따라 자신만의 아이콘을 디자인 할 수 있습니다. 물론, 아이소 메트리의 한계 내에서 당신에게 전적으로 당신에게 달려 있습니다.

01. 그리드를 시작하십시오

Hit the icon to open the full-sized image.

전체 크기의 이미지를 열려면 아이콘을 누르십시오.

20 x 20 픽셀의 새 문서를 작성하여 시작하십시오. 직사각형 천막 도구로 문서의 오른쪽과 아래쪽을 아래쪽으로 만듭니다. cmd / ctrl + '를 눌러 필요하면 그리드를 사용하십시오.

02. 당신의 패턴을 정의하십시오

Hit the icon to open the full-sized image.

전체 크기의 이미지를 열려면 아이콘을 누르십시오.

편집 & gt; 패턴을 정의하십시오. 이름을 지정한 다음 확인을 클릭하십시오. 새로 만들기 1920 x 1080 문서를 제출하여 파일 & gt; New를 사용하여 페인트 버킷 (G)로 이동하십시오. 패턴 채우기 및 새 레이어에서는 생성 한 패턴으로 채우십시오.

03. 패턴을 변형시킵니다

Hit the icon to open the full-sized image.

전체 크기의 이미지를 열려면 아이콘을 누르십시오.

이제 우리는 패턴 아이소 메트릭을 만들 것입니다! 너비와 높이를 훨씬 더 크게 더 크게, 35 도의 각도와 장소를 문서 중앙에 놓습니다. 그리드는 다이아몬드 모양으로 만들어야합니다.

04. 팔레트를 선택하십시오

Hit the icon to open the full-sized image.

전체 크기의 이미지를 열려면 아이콘을 누르십시오.

우리는 이것을 위해 다섯 가지 색상을 사용할 것입니다. 그러나 각각의 다른 그늘. 색상은 로얄 블루 (# 021574), 끄기, 빨간색 (# F22F50), Spearmint (# 6ec5cf), 페퍼민트 (# 6ecFB0), 황갈색 (# FF935E), 흰색 (#ffffff).

05. 텍스트를 배치하십시오

Hit the icon to open the full-sized image.

전체 크기의 이미지를 열려면 아이콘을 누르십시오.

유형 도구를 사용하고 문서를 통해 사용할 텍스트를 만듭니다. 우리는 '런던, 잉글랜드'와 함께 가고 있습니다. 이는 아이소 메트릭 포스터의 크기, 간격 및 전체 모양을 지시 할 수 있으므로 중요합니다.

06. 일부 편지를 만듭니다

Hit the icon to open the full-sized image.

전체 크기의 이미지를 열려면 아이콘을 누르십시오.

작성한 가이드 다음에 펜 도구로 아이소 메트릭 문자를 만듭니다. 이것은 프로세스의 시범적이고 오류 부분이며 모든 것을 가장 길게 취할 것입니다. 셰이프를 실험하고 # 808080으로 # 808080으로 채우십시오.

07. 편지에서 일하십시오

Hit the icon to open the full-sized image.

전체 크기의 이미지를 열려면 아이콘을 누르십시오.

아이소 메트릭 글자는 주로 앞으로 향하고있는 한쪽이되어야합니다. 곡선이 불투명을 줄임으로써 곡선이 각 편지에있는 곳에 있습니다. 이것은 알아내는 데 약간의 시간이 걸릴 수 있으며 일부 편지를 다시 그릴 필요가있을 수 있습니다.

08. 편지를 그늘

Hit the icon to open the full-sized image.

전체 크기의 이미지를 열려면 아이콘을 누르십시오.

그룹 각 문자에 대한 각 레이어 집합을 그룹화하십시오. 각각에 대해 클리핑 마스크를 만드고 3D로 표시되도록 문자 또는 그늘을 문자에 추가하십시오. 빛이 이미지에있는 곳과 그에 따라 판단하는 곳에서 일하십시오.

09. 색상 및 브리지 빌드

Hit the icon to open the full-sized image.

전체 크기의 이미지를 열려면 아이콘을 누르십시오.

각 문자 위에 새로운 오버레이 레이어를 만들고 색상 중 하나로 채 웁니다. 컬러 레이어, 클립 및 브러시를 다른 색상으로 추가하여 꺼내십시오. 그런 다음 일부 문자 사이에 다리를 만듭니다. 이것을 다른 색으로 색칠하십시오.

10. 스피커를 만듭니다

Hit the icon to open the full-sized image.

전체 크기의 이미지를 열려면 아이콘을 누르십시오.

이제 우리는 장면에 개체를 추가 할 것입니다. isometric 가이드를 사용하여 상자를 만들고 상자의 양쪽을 사용하여 원근감을 만듭니다. 두 개의 원을 만들고, 이들을 가이드를 따라 상자에 맞게 변형시킵니다. 레이어 스타일을 사용하여 서클에 스트로크를 추가하십시오.

11. 플래그를 추가하십시오

Hit the icon to open the full-sized image.

전체 크기의 이미지를 열려면 아이콘을 누르십시오.

다음으로 플래그를 만들 것입니다. 다시 펜 도구를 사용하여 가이드를 따라 그려서 흰색으로 채 웁니다. 이 레이어를 클립하고 그늘을 추가하기 위해 플래그의 한쪽면에서 부드러운 검은 색 브러시를 터치합니다.

12. 어떤 나무를 심기

Hit the icon to open the full-sized image.

전체 크기의 이미지를 열려면 아이콘을 누르십시오.

나무는 펜으로 만들기 쉽습니다. 아이소 메트릭 가이드를 따라 두 개의 아래쪽면이있는 삼각형을 만들고 한면을 어둡게 만듭니다. 이를 두 번 반복 한 다음 그루터기를 첨가하십시오. 오버레이 층이있는 색상.

13. 에스컬레이터 및지도 계획

Hit the icon to open the full-sized image.

전체 크기의 이미지를 열려면 아이콘을 누르십시오.

아이소 메트릭 안내서를 사용하여 다른 객체를 만드는 데 사용한 것과 동일한 방법을 사용하여 에스컬레이터를 만들었습니다. 그 후, 우리는 런던의 실제지도를 사용하여 템즈를 대략 추적하고 일부 물에 흰색 개요를 그릴 수 있습니다.

14. 가장자리를 곡선

Hit the icon to open the full-sized image.

전체 크기의 이미지를 열려면 아이콘을 누르십시오.

펜 도구를 사용하여 방금 만든 흰색 구조의 가장자리를 곡선으로 묶어 # 808080으로 채 웁니다. 부드럽고 검은 색 브러시를 사용하여 물을 넣을 수있는 곡선 공간의 환상을 만듭니다.

15. 물을 채우십시오

Hit the icon to open the full-sized image.

전체 크기의 이미지를 열려면 아이콘을 누르십시오.

펜 도구를 사용하여 흰색 구조물 각각의 회색 공간을 선택하고 상단 구조에서 떨어지는 회색 공간을 선택하고 새 레이어에서 파란색으로 채 웁니다. 이 층을 단단한 빛으로 설정하여 실제 액체처럼 보입니다. 흰색 레이어를 클립하고 추가 된 효과를 위해 중간에 들쭉날쭉 한 패턴을 삭제하십시오.

16. 샹들리에를 시작하십시오

Hit the icon to open the full-sized image.

전체 크기의 이미지를 열려면 아이콘을 누르십시오.

새 레이어를 만들고 스크린 샷에서 볼 수있는 것과 같은 선의 교차점에 점을 추가하십시오. 이 점의 백 행을 선택하고 색조 / 채도 (CMD / CTRL + U)를 사용하여 -10으로 밝기를 줄입니다. 이를 아래쪽으로 복제하여 더 많은 점을 만듭니다.

17. 샹들리에를 마칩니다

Hit the icon to open the full-sized image.

전체 크기의 이미지를 열려면 아이콘을 누르십시오.

여러 개의 도트로 3 번 동일한 효과를 생성 한 다음 두 개의 후자의 크기를 조정하십시오. 샹들리에 효과를 만드는 이들을 스택하십시오. 새로운 20 %의 레이어에서는 밖으로 빛을 돋보이는 빛을 제안하기 위해 흰색 점을 만듭니다.

18. Big Ben을 만듭니다

Hit the icon to open the full-sized image.

전체 크기의 이미지를 열려면 아이콘을 누르십시오.

펜 도구와 시계를 그립니다 빅 벤의 재고 사진을 사용하십시오; 물론, 자세한 것만 큼 될 필요는 없습니다. 회색의 그늘로 그립니다. 건물의 한쪽면에 첨탑을 그립니다.

19. 랜드 마크를 놓습니다

Hit the icon to open the full-sized image.

전체 크기의 이미지를 열려면 아이콘을 누르십시오.

컬러 빅 벤 일부 오버레이 레이어가있는 컬러 레이어를 복제 한 다음이 새 하나를 수평으로 뒤집습니다. 선택한 가이드를 따라 자유로운 변형으로 모든 레이어와 스큐를 모두 크기 조정하십시오.

20. 마무리 촉감

Hit the icon to open the full-sized image.

전체 크기의 이미지를 열려면 아이콘을 누르십시오.

이미지에 더 많은 것을 추가하고 싶은 마지막 번성을하십시오. 이것은 작은 점이있는 배경, 템즈의 고래 또는 곡선 조정으로 색상을 변경하는 백그라운드에서 별이 포함될 수 있습니다.

21. 잡음을 추가하십시오

Hit the icon to open the full-sized image.

전체 크기의 이미지를 열려면 아이콘을 누르십시오.

마지막으로 견본 (D)에서 흑백을 선택하십시오. 새 레이어를 만들고, 검정색 (Alt / OPT + Delete)으로 채우고 필터 & gt; 소음으로 이동하십시오. 400 %를 선택하고 단색을 확인하고 확인을 클릭하십시오. 이 층을 부드러운 빛으로 설정하고 10 % 불투명합니다.

이 기사는 원래 Creative Web Design Magazine Web Designer의 문제 271에 게시되었습니다. 구매 문제 271. 또는 웹 디자이너를 구독하십시오 ...에

관련 기사:

  • Illustrator에서 아이소 메트릭 그리드 기반 3D 글자를 만듭니다
  • 아이소 메트릭 벡터 아트가 쉬었습니다
  • 3D 아이소 메트릭 효과를 만듭니다

어떻게 - 가장 인기있는 기사

Photoshop CC에서 사진 콜라주를 만드는 방법

어떻게 Jan 30, 2026

사진 콜라주를 사진 콜라주를 사진 콜라주를 만드는 방법은 다른 상황이 많이 있습니다. 개별 사진은 시간에 단일 순간을 캡처하지만 콜라주를 ..

Corel Painter에서 오일 페인트를 모방하는 방법

어떻게 Jan 30, 2026

어제는 어제만으로도 내가 던전에 숨어있는 기사, 마법사, 야만인 및 보물로 가득 찬 판타지 세계에서 고등학교 친구와의 역할을 할 때만 느낀�..

친 화성 디자이너 : Pixel Persona 사용 방법

어떻게 Jan 30, 2026

Affinity Designer는 Mac, Windows 및 이제 iPad. ...에 앱은 3 개의 상호 교환 가능한 인물로 분리..

Zbrush의 생물 속도 조각

어떻게 Jan 30, 2026

Zbrush의 생물을 개념화 할 때, 당신의 아이디어를 그리니어, 무언가 조각으로 제시하십시오. ..

아크릴계에서 표현적인 정물화를 칠한다

어떻게 Jan 30, 2026

아직도 인생은 모두의 차 한잔이 아닙니다. 특정 세트가 필요합니다. [삼] 그림 기술 -하지만 나에게는 항상 좋아하는 것이 었습니다. �..

연필로 맛있는 텍스처를 만드는 방법

어떻게 Jan 30, 2026

학습 할 때 그리는 방법 아직도 생활 작품 인이자를 만드는 것이 중요하고 다양한 맛�..

신랑은 불가사의 할 수 없을 정도로 모피 생물

어떻게 Jan 30, 2026

Page 1 of 3 : 페이지 1 페이지 1 2 ..

3D에서 물 풍경을 만드는 팁

어떻게 Jan 30, 2026

[삼] 클라리스 비교적 새로운 응용 프로그램이며 렌더링 엔진, 레이아웃 또는 개발 도구를 보는 것입니다. Clarisse는 엄청난 양의 지오메�..

카테고리