Cách thiết kế kiểu chữ isometric

Sep 10, 2025

Cách

Phối cảnh là tất cả mọi thứ trong thiết kế. Nếu một cái gì đó bạn đã vẽ có một viễn cảnh hoàn hảo, nó sẽ giúp công việc của bạn trông thực tế hơn; Thay phiên, Pablo Picasso đã thực hiện lịch sử bằng cách vẽ với một cảm giác rất sai lệch của thực tế xung quanh anh ta.

Vẽ bản vẽ đẳng hướng là nhiều của một khoa học như bất cứ điều gì, mặc dù. Nó có một tập hợp rất nghiêm ngặt các quy tắc khi nói đến những gì diễn ra ở đâu. Điều đó khá khó để ngồi xuống và vẽ mình, nhưng khi nói đến Photoshop, bạn có thể tạo một hướng dẫn cho bất cứ điều gì.

Nhận Adobe Creative Cloud

Trong này Hướng dẫn Photoshop , Chúng ta sẽ đặt ra một lưới isometric hoàn hảo trước khi chúng ta xây dựng một thế giới trên các dòng đối diện lục giác. Trong hình ảnh lấy cảm hứng từ London này, chúng ta sẽ theo dõi tham lam về mặt đồng vị và thậm chí tạo ra các phiên bản isometric của các mốc. Bạn sẽ thấy rằng bất cứ điều gì có thể được tạo trên lưới này, vì nó chỉ đơn giản là giữ các hình khối với nhau. Curves chỉ có thể được vẽ từ góc này sang góc khác.

Tất cả mọi thứ trong hình ảnh cũng sẽ theo cấu trúc này. Bạn có thể sử dụng hình ảnh để sao chép, bạn có thể theo dõi các bước của chúng tôi một cách tôn giáo hoặc bạn có thể thiết kế các biểu tượng của riêng bạn sau các mẫu isometric. Nó hoàn toàn phụ thuộc vào bạn - trong phạm vi của isometry, tất nhiên.

Tải xuống các tệp hướng dẫn

01. Bắt đầu lưới

Hit the icon to open the full-sized image. — Nhấn vào biểu tượng để mở hình ảnh kích thước đầy đủ.

Bắt đầu bằng cách tạo một tài liệu mới 20 x 20 pixel. Tạo một dải màu đen xuống bên phải và dưới cùng của tài liệu với công cụ hình chữ nhật Marquee. Sử dụng lưới nếu bạn cần, bằng cách nhấn Cmd / Ctrl + '.

02. Xác định mô hình của bạn

Đi đến Chỉnh sửa & GT; Xác định mẫu. Đặt tên nó rồi bấm OK. Tạo một tài liệu 1920 x 1080 mới bằng cách đi đến Tệp & GT; Mới, rồi đi đến Xô sơn (G). Sử dụng mẫu điền vào và trên một lớp mới, điền vào mẫu bạn đã tạo.

03. Chuyển đổi mô hình

Bây giờ chúng ta sẽ làm cho mô hình isometric! Làm cho chiều rộng và chiều cao lớn hơn nhiều, góc 35 độ và vị trí ở trung tâm của tài liệu. Lưới nên được làm bằng hình kim cương.

04. Chọn bảng màu của bạn

Chúng ta sẽ sử dụng năm màu sắc khác nhau cho việc này, nhưng các sắc thái khác nhau của mỗi màu sắc. Màu sắc là màu xanh hoàng gia (# 021574), tắt tiếng màu đỏ (# f22f50), spearmint (# 6ec5cf), bạc hà (# 6ecfb0), tan (# ff935e) và trắng (#ffffff).

05. Đặt văn bản của bạn

Sử dụng công cụ Type và tạo văn bản mà bạn muốn sử dụng trên tài liệu; Chúng ta sẽ đi với 'London, Anh'. Điều này rất quan trọng, vì nó sẽ ra lệnh kích thước, khoảng cách và toàn bộ diện mạo của poster isometric của bạn.

06. Tạo một số chữ cái

Tạo các chữ cái isometric với công cụ bút, theo hướng dẫn mà bạn đã tạo. Đây là một phần thử nghiệm và lỗi của quy trình, và sẽ mất nhiều thứ nhất. Thử nghiệm với hình dạng và điền vào # 808080 cho bây giờ.

07. Làm việc trên các chữ cái

Các chữ cái Isometric sẽ phải có một bên mà chủ yếu phải đối mặt với phía trước. Làm việc ở nơi các đường cong trên mỗi chữ cái bằng cách giảm opacities. Điều này có thể mất một thời gian để tìm ra, và bạn có thể cần phải vẽ lại một số chữ cái.

08. Bóng râm các chữ cái

Nhóm mỗi bộ các lớp cho mỗi chữ cái. Tạo mặt nạ cắt cho mỗi mặt nạ và thêm một trong hai ánh sáng hoặc bóng râm vào các chữ cái để chúng xuất hiện 3D. Làm việc ở nơi ánh sáng trong hình ảnh và phán đoán phù hợp.

09. Màu sắc và xây dựng cầu

Tạo các lớp lớp phủ mới phía trên mỗi chữ cái và điền với một trong các màu của bạn. Thêm lớp màu, clip và cọ vào màu khác để lấy nó ra. Tiếp theo, tạo cầu giữa một số chữ cái. Tô màu này với một màu khác.

10. Tạo một loa

Bây giờ, chúng ta sẽ thêm các đối tượng vào cảnh. Tạo một hộp bằng cách sử dụng hướng dẫn isometric, làm sáng và làm tối hai bên của hộp để tạo phối cảnh. Tạo hai vòng tròn, và biến đổi những hình này để phù hợp với hộp dọc theo hướng dẫn; Thêm một cú đánh vào các vòng tròn bằng cách sử dụng các kiểu lớp.

11. Thêm một lá cờ

Tiếp theo, chúng tôi sẽ tạo một lá cờ. Một lần nữa, sử dụng công cụ Pen để vẽ dọc theo hướng dẫn, sau đó điền vào màu trắng. Clip Layer thành NÀY, VÀ TOUCH BLACK BLACK GROFSTOKES TRÊN MỘT PHÒNG CỦA Cờ để thêm bóng râm.

12. Trồng một số cây

Cây dễ tạo bằng bút; Tạo một hình tam giác với hai mặt dưới nằm dọc theo hướng dẫn Isometric và sau đó làm tối một bên. Lặp lại điều này hai lần, sau đó thêm một gốc cây. Màu sắc với một lớp lớp phủ.

13. Levenalators và lập kế hoạch bản đồ

Chúng tôi đã tạo thang cuốn bằng các phương pháp tương tự mà chúng tôi đã sử dụng để tạo các đối tượng khác, sử dụng hướng dẫn isometric để vẽ. Sau đó, chúng tôi đã sử dụng một bản đồ thực sự của London để theo dõi tầm thường của Thames và vẽ một phác thảo màu trắng cho một số nước để lấp đầy.

14. Curve the Edges

Sử dụng công cụ Pen để cong các cạnh của cấu trúc màu trắng mà bạn vừa tạo và điền với # 808080. Sử dụng một bàn chải mềm, đen để tạo ảo giác về một không gian cong để nước ngồi.

15. Đổ đầy nước

Sử dụng công cụ Pen để chọn khoảng trắng trong mỗi cấu trúc màu trắng và rơi từ các cấu trúc trên cùng và tô màu xanh lam trên một lớp mới. Đặt lớp này thành ánh sáng khó để làm cho nó trông giống như chất lỏng thực tế. Clip một lớp màu trắng và xóa một mẫu lởm chởm ở giữa để biết thêm hiệu ứng.

16. Bắt đầu đèn chùm

Tạo một lớp mới và thêm các dấu chấm trong các giao điểm của các dòng như bạn có thể thấy trong ảnh chụp màn hình. Chọn các hàng sau của các dấu chấm này và giảm độ sáng đến -10 bằng cách sử dụng Hue / Saturation (Cmd / Ctrl + U). Nhân đôi điều này xuống để tạo thêm dấu chấm.

17. Kết thúc đèn chùm

Tạo hiệu ứng tương tự ba lần với nhiều hàng Dots, sau đó thay đổi kích thước hai cái sau. Ngăn xếp những thứ này để tạo ra một hiệu ứng đèn chùm. Trên các lớp 20% mới, tạo các chấm trắng để gợi ý ánh sáng phát ra hướng ra ngoài.

18. Tạo Big Ben

Sử dụng một hình ảnh chứng khoán của Big Ben để vẽ đồng hồ với công cụ bút; Tất nhiên, bạn không cần phải nói chi tiết. Vẽ nó trong sắc thái của màu xám; Vẽ ngọn lửa sang một bên của tòa nhà chứ không phải thẳng lên.

19. Đặt mốc

Màu Big Ben với một số lớp phủ, nhân đôi lớp và sau đó lật cái mới này theo chiều ngang. Thay đổi kích thước cả hai lớp và độ lệch với biến đổi miễn phí để phù hợp dọc theo hướng dẫn mà bạn đã tạo.

20. Hoàn thiện chạm

Thực hiện bất kỳ khởi sắc cuối cùng mà bạn muốn thêm vào hình ảnh; Điều này có thể bao gồm các ngôi sao trong nền với các chấm nhỏ, một con cá voi ở sông Thames hoặc thay đổi màu sắc với sự điều chỉnh đường cong.

21. Thêm tiếng ồn.

Cuối cùng, chọn Đen và Trắng trong Swatches của bạn (D). Tạo một lớp mới, điền với màu đen (alt / opt + xóa) và đi đến bộ lọc & gt; tiếng ồn. Chọn 400%, kiểm tra đơn sắc và nhấp vào OK. Đặt lớp này thành ánh sáng mềm, mờ 10%.

Bài viết này ban đầu được xuất bản trong số phát hành 271 của Trình thiết kế web thiết kế web sáng tạo. Mua số phát hành 271. hoặc là Theo dõi nhà thiết kế web .

Những bài viết liên quan:

Tạo chữ 3D dựa trên lưới Isometric trong Illustrator
Nghệ thuật vector isometric làm dễ dàng
Tạo hiệu ứng isometric 3D

Cách thiết kế kiểu chữ isometric

01. Bắt đầu lưới

02. Xác định mô hình của bạn

03. Chuyển đổi mô hình

04. Chọn bảng màu của bạn

05. Đặt văn bản của bạn

06. Tạo một số chữ cái

07. Làm việc trên các chữ cái

08. Bóng râm các chữ cái

09. Màu sắc và xây dựng cầu

10. Tạo một loa

11. Thêm một lá cờ

12. Trồng một số cây

13. Levenalators và lập kế hoạch bản đồ

14. Curve the Edges

15. Đổ đầy nước

16. Bắt đầu đèn chùm

17. Kết thúc đèn chùm

18. Tạo Big Ben

19. Đặt mốc

20. Hoàn thiện chạm

21. Thêm tiếng ồn.

Cách - Các bài báo phổ biến nhất

Cách kéo dài một bức tranh và thiết lập sơn dầu

8 tính năng CSS tiên tiến (và cách sử dụng chúng)

Dừng các bot với Google Recaptcha

Cách tạo nội thất với Eevee của Blender

Làm việc thông minh với UI ZBrush của bạn

Cách vẽ một con mèo lớn với phấn màu

Tạo hiệu ứng họa sĩ trong Photoshop CC

Cách bắt đầu vẽ tranh sơn dầu

Thể loại