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

Sep 16, 2025
어떻게

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

아이소 메트릭 드로잉 비록 과학의 많은 과학입니다. 그것은 어디로 가는지에 관해서는 매우 엄격한 규칙 집합을 가지고 있습니다. 앉아서 자신을 끌기가 어렵지만 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 아이소 메트릭 효과를 만듭니다

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

화염 화가로 시작하기

어떻게 Sep 16, 2025

화염 화가는 독립형 페인트 및 입자 효과 패키지로 원래의 그림, 조명 효과, 비 전통적인 디자인 또는 환상적인 배경을 쉽고 빠르게 만들 수 있�..

대응 사이트 및 앱을 테스트하는 방법

어떻게 Sep 16, 2025

(이미지 크레디트 : 미래) 반응을 테스트하는 방법을 알고 싶다면 적절한 장소에 있습니�..

CSS에서 빛이나 어두운 모드를 구현하는 방법

어떻게 Sep 16, 2025

CSS 사양은 끊임없이 진화하고 있습니다. CSS의 새로운 기능을 구현하는 프로세스는 복잡하지만 단..

iPad의 친 화성 사진으로 그리는 방법

어떻게 Sep 16, 2025

iPad의 친 화성 사진 대단한 것입니다 사진 편집기 그러나 Serif의 앱은 처음부�..

개 연필 그리기

어떻게 Sep 16, 2025

애완 동물 초상화를 그리면 당신은 단지 알 필요가 없습니다. 동물을 그리는 법 : 그 �..

C4D에서 낮은 폴리 벽지 만들기

어떻게 Sep 16, 2025

페이지 1 / 2 : C4D에서 낮은 폴리 벽지 만들기 : 단계 01-06 ..

손으로 그린 ​​그림 기술을 개선하기위한 최고 팁

어떻게 Sep 16, 2025

나는하고 있었다 연필 예술 내 어린 시절부터, 연필과 종이를 나와 함께 휴대 할 때. �..

현금 흐름을 효과적으로 관리하는 5 가지 방법

어떻게 Sep 16, 2025

귀하의 현금 흐름을 통제하는 것은 프리랜서 성공의 핵심이며, 당신이 그렇게 효과적으로 당신이..

카테고리