Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Icon Design

Cách tạo biểu tượng tem New York trong Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

Vietnamese (Tiếng Việt) translation by Thai An (you can also view the original English article)

Final product image
What You'll Be Creating

Trong hướng dẫn hôm nay, chúng tôi sẽ lấy mũ kiến trúc sư của chúng tôi và tìm hiểu cách xây dựng các bộ xây dựng thu nhỏ mang tính biểu tượng nhất của New York, không sử dụng nhiều hơn các hình dạng và công cụ cơ bản mà chúng tôi làm việc hàng ngày .

Vì vậy, giả sử bạn đã làm đầy cốc cà phê của mình, hãy để đến với nó!

Và đừng quên, bạn luôn có thể mở rộng bộ sưu tập của mình bằng cách truy cập vào GraphicRiver, nơi bạn sẽ tìm thấy hàng tấn các tòa nhà vector tuyệt vời.

1. Cách thiết lập tài liệu mới

Vì I Liênm hy vọng rằng bạn đã có Illustrator và chạy ở chế độ nền, hãy mang nó lên và để cho Lọ lập một Tài liệu mới (Tệp> Mới hoặc Control-N) bằng các cài đặt sau:

  • Số lượng Artboards: 1
  • Chiều rộng: 800 px
  • Chiều cao: 600 px
  • Đơn vị: Pixels

Và từ tab Nâng cao:

  • Chế độ màu: RGB
  • Hiệu ứng raster: Màn hình (72ppi)
  • Chế độ xem trước: Mặc định
setting up a new document

Mẹo nhanh: một số bạn có thể nhận thấy rằng tùy chọn Align New Object to Pixel Grid bị thiếu, đó là do tôi đang chạy phiên bản phần mềm CC 2017 mới, nơi đã có những thay đổi lớn đối với cách xử lý của Illustrator hình dạng chụp vào lưới Pixel bên dưới.

2. Cách thiết lập lưới tùy chỉnh

Vì chúng tôi sẽ tạo các biểu tượng bằng quy trình làm việc hoàn hảo pixel, chúng tôi sẽ muốn thiết lập một lưới nhỏ để chúng tôi có thể kiểm soát hoàn toàn các hình dạng của mình, đó là nếu chúng tôi đang chạy phiên bản cũ hơn của phần mềm.

Bước 1

Chuyển đến menu con Chỉnh sửa> Tùy chọn> Hướng dẫn & Lưới và điều chỉnh các cài đặt sau:

  • Đường lưới mỗi: 1 px
  • Phân khu: 1

Mẹo nhanh: bạn có thể tìm hiểu thêm về lưới bằng cách đọc phần chuyên sâu này về cách hoạt động của Illustrator Lưới Grid System.

Bước 2

Khi chúng tôi đã thiết lập lưới tùy chỉnh của mình, tất cả những gì chúng tôi cần làm để đảm bảo hình dạng của chúng trông rõ nét là bật tùy chọn Snap to Grid được tìm thấy trong menu View, sẽ chuyển thành Snap thành Pixel mỗi khi bạn vào Pixel Preview chế độ.

Bây giờ, nếu bạn mới làm quen với toàn bộ quy trình làm việc hoàn hảo pixel, thì tôi khuyên bạn nên tìm hiểu cách tạo hướng dẫn tác phẩm nghệ thuật hoàn hảo pixel, giúp bạn mở rộng các kỹ năng kỹ thuật của mình ngay lập tức.

3. Cách thiết lập các lớp

Với Tài liệu mới được tạo, sẽ là một ý tưởng tốt khi cấu trúc dự án của chúng tôi bằng cách sử dụng một vài lớp, vì cách này chúng tôi có thể duy trì quy trình làm việc ổn định bằng cách tập trung vào một biểu tượng mỗi lần.

Điều đó đang được nói, đưa lên bảng điều khiển Lớp và tạo tổng cộng bốn lớp, chúng tôi sẽ đổi tên như sau:

  • lớp 1: lưới tham chiếu
  • lớp 2: xây dựng nhà nước đế chế
  • lớp 3: tòa nhà hoa cúc
  • lớp 4: tòa nhà trung tâm thương mại thế giới
setting up the layers

4. Cách tạo lưới tham chiếu

Các lưới tham chiếu (hoặc lưới cơ sở) là một tập hợp các bề mặt tham chiếu được phân tách chính xác, cho phép chúng ta xây dựng các biểu tượng của mình bằng cách tập trung vào kích thước và tính nhất quán.

Thông thường, kích thước của các lưới xác định kích thước của các biểu tượng thực tế và chúng phải luôn là quyết định đầu tiên bạn đưa ra khi bắt đầu một dự án mới, vì bạn sẽ luôn muốn bắt đầu từ kích thước nhỏ nhất có thể và dựa vào đó.

Bây giờ, trong trường hợp của chúng tôi, chúng tôi sẽ tạo ra gói biểu tượng chỉ bằng một kích thước, chính xác hơn là 128 x 128 px, một kích thước khá lớn.

Bước 1

Bắt đầu bằng cách khóa tất cả trừ lớp lưới tham chiếu, sau đó lấy Công cụ hình chữ nhật (M) và tạo một hình vuông 128 x 128 px màu cam (# F15A24), sẽ giúp xác định kích thước tổng thể của các biểu tượng của chúng tôi.

creating the reference grids main shape

Bước 2

Thêm một 120 x 120 px nhỏ hơn (#FFFFFF) sẽ đóng vai trò là khu vực vẽ hoạt động của chúng tôi, do đó cung cấp cho chúng tôi phần đệm 4 px toàn diện.

creating the main shape for the active drawing area

Bước 3

Nhóm hai hình vuông tạo lưới tham chiếu bằng phím tắt Control-G, sau đó tạo ba bản sao ở khoảng cách 40 px với nhau, đảm bảo căn chỉnh chúng vào giữa Bảng điều khiển.

Khi bạn đã hoàn tất, hãy khóa lớp hiện tại và chuyển sang lớp tiếp theo nơi chúng tôi sẽ bắt đầu làm việc với biểu tượng đầu tiên của mình.

creating and positioning all three reference grids

5. Cách tạo khung tem

Hãy để khởi động dự án bằng cách tạo khung giống như con tem sẽ là yếu tố lặp lại cho mỗi biểu tượng của chúng tôi. Điều đó đang được nói, hãy chắc chắn rằng bạn đã ở trên lớp bên phải (đó sẽ là lớp đầu tiên) và sau đó phóng to lưới tham chiếu đầu tiên.

Bước 1

Tạo phần bên ngoài khung hình bằng cách sử dụng hình chữ nhật 100 x 116 px, chúng ta sẽ tô màu bằng cách sử dụng # 45576B và sau đó căn giữa cho khu vực vẽ đang hoạt động bên dưới.

creating and positioning the main shape for the stamp frames outer section

Bước 2

Điều chỉnh hình dạng mà chúng ta vừa tạo bằng cách định vị một vài vòng tròn 8 x 8 px (được tô sáng màu đỏ) chính xác 8 px so với nhau theo chiều ngang và chiều dọc, sau đó chúng ta sẽ cắt ra từ hình chữ nhật lớn hơn bằng cách sử dụng Minus Front Shape Chế độ.

adjusting the stamp frames main section

Bước 3

Tiếp tục điều chỉnh hình dạng kết quả bằng cách lật Fill của nó bằng Stroke (Shift-X), sau đó đặt Trọng lượng của nó thành 4 px từ trong bảng Stroke.

turning the stamp frame into an outline

Bước 4

Tạo phần tô màu khung hình bằng cách sử dụng hình chữ nhật 76 x 92 px (# EFA28B), chúng ta sẽ căn giữa theo đường viền lớn hơn.

creating and positioning the main shape for the stamp frames colored fill section

Bước 5

Kết thúc khung bằng cách thêm một phác thảo vào phần tô màu bằng phương pháp Stroke. Tạo một bản sao của nó (Control-C) mà chúng ta sẽ dán ở phía trước (Control-F) và sau đó điều chỉnh bằng cách thay đổi màu của nó thành # 45576B và sau đó lật Fill của nó bằng Stroke (Shift-X). Đặt đường dẫn Trọng lượng lên 4 px, sau đó chọn và nhóm cả ba hình dạng lại với nhau bằng phím tắt Control-G.

finishing off the stamp frame

Bước 6

Khi chúng ta đã hoàn thành công việc trên khung, chúng ta có thể tạo hai bản sao của nó (Control-C> Control-F) và đặt chúng vào các lưới tham chiếu còn lại, đảm bảo dán từng cái vào lớp tương ứng của chúng (điều đó sẽ là người thứ ba và thứ tư). Sau đó, trước khi bạn khóa các lớp lại, hãy thay đổi màu của phần lấp đầy khung hình thứ hai thành # 8CC1ED và lớp thứ ba thành # 8CEAC8.

creating and positioning the remaining stamp frames onto the reference grids

6. Cách tạo tòa nhà Empire State

Với các khung đã có, giờ đây chúng ta có thể bắt đầu làm việc trên các tòa nhà thực tế, vì vậy hãy đảm bảo bạn quay lại lớp bên phải (đó sẽ là lớp thứ hai) và phóng to lưới tham chiếu đầu tiên để bạn có thể có một khung tốt hơn xem các hình dạng.

Bước 1

Bắt đầu làm việc trên cơ sở Empire State Building bằng cách tạo một hình chữ nhật 22 x 18 px với Stroke dày 4 px (# 45576B) mà chúng ta sẽ căn chỉnh theo đường viền phần lấp đầy, đặt nó ở khoảng cách 5 px từ cạnh trái của nó.

creating and positioning the main shape for the empire state buildings bottom-left base section

Bước 2

Tạo một hình chữ nhật 14 20 px cao hơn một chút với cùng Stroke dày 4 px (# 45576B), mà chúng ta sẽ định vị trên đầu trang từ bước trước.

creating and positioning the second shape for the empire state buildings bottom-left base section

Bước 3

Tạo phần bên phải của cơ sở Xây dựng bằng cách đặt một bản sao (Control-C> Control-F) của hai hình dạng mà chúng ta có ở phía đối diện của khung, giữ khoảng cách 5 px giữa chúng và đường viền lớn hơn.

creating and positioning the main shapes for the empire state buildings bottom-right base section

Bước 4

Bắt đầu làm việc trên phần trung tâm của tòa nhà, bằng cách tạo một hình chữ nhật 38 x 10 px với Stroke dày 4 px (# 45576B) mà chúng ta sẽ căn giữa vào khung, đặt nó lên trên các hình dạng cơ sở.

creating and positioning the main shape for the empire state buildings center section

Bước 5

Điều chỉnh hình dạng mà chúng tôi vừa tạo bằng cách mở đường dẫn của nó, bằng cách thêm một điểm neo mới vào trung tâm của cạnh dưới của nó bằng cách sử dụng Công cụ Thêm điểm neo (+) và sau đó xóa nó bằng cách nhấn Xóa.

adjusting the main shape of the empire state buildings center section

Bước 6

Tiếp tục làm việc theo cách của bạn bằng cách tạo một hình chữ nhật 30 x 12 px với Stroke dày 4 px (# 45576B), chúng ta sẽ căn giữa theo hình dạng trước đó, đặt nó lên trên cùng.

creating and positioning the second shape for the empire state buildings center section

Bước 7

Bắt đầu làm việc với phần trên của tòa nhà bằng cách tạo một hình chữ nhật 22 x 6 px với Stroke dày 4 px (# 45576B), như bạn có thể đã đoán, chúng tôi sẽ định vị trên đầu hình dạng trước đó.

creating and positioning the main shape for the empire state buildings upper section

Bước 8

Thêm một hình chữ nhật 6 x 12 px khác với Stroke dày 4 px (# 45576B) trên đầu hình mà chúng tôi vừa tạo, đảm bảo căn giữa hai cái sau đó.

creating and positioning the second shape for the empire state buildings upper section

Bước 9

Kết thúc cấu trúc của tòa nhà, bằng cách thêm ăng-ten bằng Stroke dày 14 px dày 4 px (# 45576B), tất nhiên chúng ta sẽ đặt vị trí trên tất cả các hình dạng khác.

adding the antenna to the empire state buildings upper section

Bước 10

Tiếp theo, chúng tôi sẽ đi đường vòng nhỏ và thêm vào những điểm nổi bật nhỏ trước khi bắt đầu công việc trên các cửa sổ. Vì vậy, bằng cách sử dụng Công cụ hình chữ nhật (M), tạo một bó hình chữ nhật màu trắng cao 2 px (#FFFFFF), sẽ bao phủ phần có thể nhìn thấy phía trên của hầu hết các phần sáng tác của tòa nhà.

creating and positioning the main shapes for the empire state buildings highlights

Bước 11

Điều chỉnh các hình dạng mà chúng tôi vừa tạo để chúng trông giống như các điểm nổi bật thực tế, bằng cách chọn tất cả chúng và sau đó hạ Opacity xuống chỉ còn 60%.

adjusting the empire state buildings highlights

Bước 12

Với các điểm nổi bật, đã đến lúc bắt đầu làm việc trên các cửa sổ, chúng tôi sẽ tạo bằng cách vẽ chúng bằng cách sử dụng một vài dòng Stroke dọc dày 2 px (# 45576B) đặt 4 px với nhau (nếu bạn đang sử dụng Align tùy chọn Phân phối của bảng điều khiển). Dành thời gian của bạn và thêm các dòng vào từng phần của tòa nhà, chọn và nhóm (Control-G) cả hai và các hình dạng kết hợp lớn hơn với nhau khi bạn đi cùng.

creating and positioning the main shapes for the empire state buildings windows

Bước 13

Thêm các bóng cứng bằng cách tạo một vài hình chữ nhật (# 45576B) mà chúng ta sẽ định vị sao cho chúng chồng lên đường dẫn của mỗi phác thảo của tòa nhà.

creating and positioning the main shapes for the empire state buildings shadows

Bước 14

Điều chỉnh bóng (tất cả ngoại trừ trung tâm trên cùng) bằng cách chọn riêng lẻ các điểm neo bên trong trên cùng của chúng và sau đó đẩy chúng xuống dưới cùng với khoảng cách 1 px cho các điểm trên cùng và 2 px cho phần còn lại. Bạn có thể sử dụng Công cụ di chuyển (nhấp chuột phải> Chuyển đổi> Di chuyển> Dọc> + / -2 px tùy thuộc vào phía bạn bắt đầu với).

adjusting the shape of the empire state buildings shadows

Bước 15

Kết thúc biểu tượng bằng cách vẽ trên bầu trời bằng cách sử dụng một vài dòng Stroke dày 2 px (# 45576B). Hãy dành thời gian của bạn và sau khi bạn đã hoàn thành, hãy nhóm tất cả các dòng lại với nhau bằng phím tắt bàn phím Control-G, thực hiện tương tự cho tất cả các phần soạn thảo biểu tượng sau đó.

finishing off the empire state building icon

7. Cách tạo tòa nhà Chrysler

Giả sử bạn đã hoàn thành công việc trên biểu tượng đầu tiên, chuyển sang lớp tiếp theo (đó sẽ là lớp thứ ba), khóa lớp trước và sau đó phóng to lưới tham chiếu thứ hai để chúng ta có thể bắt đầu.

Bước 1

Bắt đầu làm việc với phần dưới cùng của tòa nhà bằng cách tạo một hình chữ nhật 48 x 16 px với Stroke dày 4 px (# 45576B) mà chúng ta sẽ căn giữa thẳng hàng với phần dưới của đường viền phần tô màu tô màu.

creating and positioning the main shape for the chrysler buildings bottom section

Bước 2

Tạo một hình chữ nhật 32 x 10 px nhỏ hơn với Stroke dày 4 px (# 45576B) mà chúng ta sẽ đặt lên trên hình dạng trước đó, đảm bảo căn giữa hai hình.

creating and positioning the second shape for the chrysler buildings bottom section

Bước 3

Kết thúc phần này bằng cách thêm hình chữ nhật 16 x 20 px với Stroke dày 4 px (# 45576B), chúng ta sẽ điều chỉnh bằng cách đặt Bán kính của các góc trên cùng của nó thành 8 px từ trong Thuộc tính hình chữ nhật bảng điều khiển Biến đổi.

creating and positioning the third shape for the chrysler buildings bottom section

Bước 4

Chọn tất cả ba hình dạng và biến chúng thành một đường dẫn lớn hơn bằng cách hợp nhất chúng bằng Chế độ hình dạng kết hợp Pathfinder.

uniting the main shapes of the chrysler buildings bottom section into a single larger shape

Bước 5

Bắt đầu làm việc trên phần bên trái của tòa nhà bằng cách tạo một hình chữ nhật 6 x 18 px với Stroke dày 4 px (# 45576B), chúng ta sẽ đặt vào bước đầu tiên của hình lớn hơn.

creating and positioning the main shape for the chrysler buildings left side section

Bước 6

Thêm một gờ nhỏ vào hình dạng mà chúng ta vừa tạo, sử dụng đường Stroke dày 4 px rộng 4 px (# 45576B) mà chúng ta sẽ đặt vào góc trên cùng bên trái của nó. Khi bạn đã hoàn tất, hãy chọn và nhóm hai người lại với nhau bằng phím tắt Control-G.

adding the little ledge to the main shape of the chrysler buildings left side section

Bước 7

Tạo phần dưới bên phải của tòa nhà bằng cách sử dụng một bản sao (Control-C> Control-F) của phần mà chúng ta vừa hoàn thành, chúng ta sẽ phản ánh theo chiều dọc (nhấp chuột phải> Biến đổi> Phản chiếu> Dọc) và sau đó đặt vào phía đối diện của tòa nhà.

creating and positioning the main shapes for the chrysler buildings right side section

Bước 8

Tạo phần trung tâm tòa nhà bằng cách sử dụng hình chữ nhật 32 x 28 px với Stroke dày 4 px (# 45576B) mà chúng ta sẽ đặt trên đỉnh của nó.

creating and positioning the main shape for the chrysler buildings center section

Bước 9

Điều chỉnh hình dạng mà chúng tôi vừa tạo bằng cách đặt Bán kính của các góc trên cùng của nó thành 16 px từ bên trong Bảng điều khiển Hình chữ nhật của bảng điều khiển Biến đổi.

adjusting the roundness of the main shape of the chrysler buildings center section

Bước 10

Tiếp tục điều chỉnh hình dạng kết quả bằng cách thêm một điểm neo mới vào trung tâm của cạnh dưới của nó bằng cách sử dụng Công cụ Thêm điểm neo (+), sau đó xóa (Xóa) để mở đường dẫn của nó.

opening up the bottom section of the chrysler buildings main center shape

Bước 11

Tiếp tục làm việc theo cách của bạn bằng cách tạo một hình chữ nhật 24 x 14 px với Stroke dày 4 px (# 45576B) mà chúng ta sẽ điều chỉnh bằng cách đặt Bán kính của các góc trên cùng của nó thành 12 px và sau đó mở đường dẫn dưới cùng của nó. Khi bạn đã hoàn thành, đặt hình dạng kết quả lên trên hình đã tạo trước đó.

creating and positioning the second shape for the chrysler buildings center section

Bước 12

Thêm một hình chữ nhật 16 x 12 px khác với Stroke dày 4 px (# 45576B), chúng ta sẽ điều chỉnh bằng cách đặt Bán kính của các góc trên cùng của nó thành 8 px, mở đường dẫn dưới cùng của nó như chúng ta đã làm với hình dạng trước đó. Sau đó, khi bạn đã hoàn thành, đặt hình dạng kết quả lên trên phần trung tâm của tòa nhà.

creating and positioning the third shape onto the chrysler buildings center section

Bước 13

Bắt đầu làm việc ở phần trên của tòa nhà bằng cách tạo một hình chữ nhật 8 x 6 px nhỏ hơn với Stroke dày 4 px (# 45576B), chúng tôi sẽ điều chỉnh bằng cách đặt Bán kính của các góc trên cùng của nó thành 4 px, đặt hình dạng kết quả lên trên cùng hình dạng trước đó, đảm bảo mở ra đường dẫn phía dưới của nó.

creating and positioning the fourth shape onto the chrysler buildings center section

Bước 14

Tạo phần cuối cùng của phần trên tòa nhà bằng cách sử dụng hình elip 6 x 16 px với Stroke dày 4 px (# 45576B) mà chúng ta sẽ điều chỉnh bằng cách cắt nó một nửa bằng cách chọn và sau đó xóa điểm neo dưới cùng của nó. Căn giữa căn chỉnh hình dạng kết quả ở khoảng cách 4 px so với khu vực vẽ hoạt động Cạnh trên đỉnh, đảm bảo mở rộng phần dưới cùng của nó lên hình dạng trước đó, sử dụng Công cụ Bút (P).

creating and positioning the last shape for the chrysler buildings upper section

Bước 15

Thêm ăng-ten bằng cách sử dụng đường Stroke dày 8 px cao 8 px (# 45576B), mà chúng ta sẽ căn giữa theo hình dạng được tạo trước đó.

adding the antenna to the chrysler building

Bước 16

Như chúng tôi đã làm với tòa nhà trước đó, hãy bắt đầu thêm các điểm nổi bật nhỏ bằng cách sử dụng màu trắng (#FFFFFF) làm màu tô chính của bạn, giảm Opacity của chúng xuống 60% sau khi bạn thực hiện xong. Tạo các điểm nổi bật thẳng bằng cách sử dụng các hình chữ nhật thông thường, trong khi sử dụng các phần cắt ra cho các hình vòm, đảm bảo gửi chúng vào mặt sau của tòa nhà sau đó (nhấp chuột phải> Sắp xếp> Gửi ngược).

adding the highlights to the chrysler building

Bước 17

Bắt đầu thêm chi tiết vào phần trên của tòa nhà bằng cách tạo một vòng tròn 2 x 2 px, chúng ta sẽ tô màu bằng cách sử dụng # 45576B và sau đó đặt vào giữa hình dạng thứ hai của nó.

adding the circular detail to the second shape of the chrysler buildings upper section

Bước 18

Tạo ba hình elip 2 x 4 px (# 45576B) mà chúng ta sẽ định vị 1 px từ nhau, di chuyển trung tâm một lên trên 1 px. Nhóm (Control-G) các hình dạng và sau đó đặt chúng vào giữa của phần trên cùng hình dạng thứ ba.

adding the first set of decorative ellipses to the third shape of the chrysler buildings upper section

Bước 19

Tạo một bộ thứ hai gồm 2 x 4 px elip (# 45576B), chúng ta sẽ tạo khoảng cách 2 px với nhau, nhóm (Control-G) và sau đó định vị chúng về phía giữa của hình trên cùng của hình thứ tư.

adding the second set of decorative ellipses to the fourth shape of the chrysler buildings upper section

Bước 20

Sử dụng chín ô vuông 2 x 2 px (# 45576B), thêm các cửa sổ nhỏ vào phần vòm của tòa nhà, nhóm chúng lại với nhau sau đó bằng phím tắt bàn phím Control-G.

adding the little windows to the chrysler buildings arched section

Bước 21

Tạo một hình chữ nhật 6 x 41 px với đường Stroke dày 2 px (# 45576B), chúng ta sẽ điều chỉnh bằng cách đặt Bán kính của các góc trên cùng của nó thành 3 px, căn giữa hình dạng kết quả với phần dưới của đường viền phần tô màu.

adding the middle rounded shape to the chrysler buildings bottom section

Bước 22

Như chúng ta đã làm với tòa nhà đầu tiên, hãy dành thời gian và vẽ các cửa sổ bằng cách sử dụng một vài dòng Stroke dày 2 px (# 45576B) đặt 2 px với nhau, chọn và sau đó nhóm (Control-G) chúng lại với nhau khi bạn ' làm lại

creating and positioning the windows onto the chrysler building

Bước 23

Thêm bóng bằng cách sử dụng một vài hình chữ nhật mà chúng ta sẽ định vị sao cho chúng đi theo đường dẫn của các phần sáng tác của tòa nhà.

creating and positioning the main shapes for the chrysler buildings shadows

Bước 24

Điều chỉnh bóng, bằng cách chọn riêng lẻ các điểm neo bên trong của chúng, sau đó đẩy chúng xuống phía dưới khoảng cách 2 px bằng Công cụ Move (nhấp chuột phải> Chuyển đổi> Di chuyển> Dọc> 2 px.

adjusting the shape of the chrysler buildings shadows

Bước 25

Kết thúc biểu tượng bằng cách vẽ trên bầu trời bằng cách sử dụng một vài dòng Stroke dày 2 px (# 45576B). Hãy dành thời gian của bạn và sau khi bạn đã hoàn thành, hãy nhóm tất cả các dòng lại với nhau bằng phím tắt bàn phím Control-G, thực hiện tương tự cho tất cả các phần soạn thảo biểu tượng sau đó.

finishing off the chrysler building icon

8. Cách tạo tòa nhà trung tâm thương mại thế giới

Bây giờ chúng tôi đang xuống biểu tượng thứ ba và cuối cùng của chúng tôi, vì vậy, giả sử bạn đã chuyển sang lớp tiếp theo (đó sẽ là lớp thứ tư), phóng to vào lưới tham chiếu của nó và để cho kết thúc điều này.

Bước 1

Tạo hình dạng chính của tòa nhà bằng cách sử dụng hình chữ nhật 36 x 56 px với Stroke dày 4 px (# 45576B) mà chúng ta sẽ căn giữa thẳng hàng với cạnh dưới của phần viền màu tô màu.

creating and positioning the main shape for the world trade centers body

Bước 2

Bắt đầu làm việc với phần trên của tòa nhà bằng cách tạo ăng-ten bằng cách sử dụng Stroke dày 36 px cao 4 px (# 45576B), chúng ta sẽ đặt lên trên hình dạng lớn hơn.

creating and positioning the main shape for the world trade centers antenna

Bước 3

Tạo phần dưới cùng của nền tảng mái bằng cách sử dụng Stroke dày 28 px rộng 4 px (# 45576B), mà chúng ta sẽ căn giữa với hình dạng chính của tòa nhà, đặt nó ở khoảng cách 6 px so với nó.

creating and positioning the bottom section of the world trade centers roof platform

Bước 4

Thêm chân hỗ trợ nền tảng bằng cách sử dụng hình chữ nhật 16 x 6 px với Stroke dày 4 px (# 45576B), mà chúng ta sẽ căn giữa với cạnh trên hình chữ nhật lớn hơn.

creating and positioning the support legs for the world trade centers roof platform

Bước 5

Tạo phần trên của nền tảng bằng cách sử dụng một Stroke dày 28 px rộng 4 px khác (# 45576B), mà chúng ta sẽ căn giữa với phần dưới cùng, đặt nó ở khoảng cách 6 px so với nó.

creating and positioning the upper section of the world trade centers roof platform

Bước 6

Kết nối nền tảng hai phần bằng cách sử dụng hai bộ Stroke dày 6 px cao 4 px (# 45576B), chúng ta sẽ định vị 4 px với nhau bằng các tùy chọn Phân phối bảng điều khiển Align, đặt một bên cho mỗi bên của ăng ten.

creating and positioning the center support legs for the world trade centers roof platform

Bước 7

Nhanh chóng lấy Công cụ Bút (P), sau đó vẽ các thanh hỗ trợ chéo bằng cách sử dụng đường Stroke dày 2 px (# 45576B), bắt đầu từ phần trên cùng của nền tảng và đi lên phần giữa của ăng ten.

creating and positioning the diagonal support rods for the world trade centers roof platform

Bước 8

Kết thúc phần trên của tòa nhà bằng cách thêm một đường Stroke dày 8 px rộng 4 px (# 45576B) mà chúng ta sẽ căn giữa với ăng ten. Sau đó, khi bạn đã hoàn thành, hãy chọn và nhóm tất cả các hình dạng hiện tại của các phần hình dạng lại với nhau bằng phím tắt Control-G.

finishing off the world trade centers roof platform

Bước 9

Thêm các điểm nổi bật chính bằng bảy hình chữ nhật 32 x 2 px (màu: trắng; Opacity: 60%) mà chúng ta sẽ xếp chồng 6 px theo chiều dọc với nhau, nhóm (Control-G) và sau đó căn giữa chúng vào thân chính của tòa nhà.

adding the main highlights to the world trade center buildings main body

Bước 10

Bắt đầu làm việc trên phần phía trước của tòa nhà bằng cách tạo các cửa sổ bằng cách sử dụng mười hai dòng Stroke dày 20 px rộng 2 px (# 45576B) xếp chồng lên nhau theo chiều dọc 4 px. Khi bạn có các dòng, nhóm (Control-G) và sau đó căn giữa chúng với thân chính của tháp Tháp, ở khoảng cách 4 px từ cạnh trên của nó.

adding the front section windows to the world trade center buildings main body

Bước 11

Thêm các điểm nổi bật của phần trước bằng sáu hình chữ nhật 20 x 2 px (màu: trắng; Độ mờ: 60%) xếp chồng lên nhau 6 px theo chiều dọc, chúng ta sẽ nhóm (Control-G) và sau đó căn giữa với các cửa sổ, định vị chúng bên dưới dòng Stroke đầu tiên. Sau đó, khi bạn đã hoàn tất, hãy chọn và nhóm cả hai cửa sổ và tô sáng lại với nhau bằng phím tắt Control-G.

adding the highlights to the front section of the world trade center buildings main body

Bước 12

Tạo phần trước phác thảo chính bằng cách sử dụng hình chữ nhật 20 x 56 px với Stroke dày 4 px (# 45576B), mà chúng ta sẽ căn giữa vào thân chính của tòa nhà.

creating and positioning the main shape for the world trade centers front section outline

Bước 13

Điều chỉnh hình chữ nhật bằng cách chọn riêng các điểm neo trên cùng của nó và đẩy chúng vào bên trong khoảng cách 8 px bằng công cụ Move (nhấp chuột phải> Chuyển đổi> Di chuyển> Ngang> + / - 8 px tùy thuộc vào phía bạn bắt đầu).

adjusting the main shape of the world trade centers front section

Bước 14

Tạo một bản sao (Control-C> Control-F) của hình dạng kết quả, sau đó sử dụng nó để che các cửa sổ và phần nổi bật của phần trước (nhấp chuột phải> Tạo Clipping Mask), đảm bảo gửi chúng về phía sau (nhấp chuột phải > Sắp xếp> Gửi ngược).

masking the world trade center buildings front section highlights and windows

Bước 15

Thêm các cửa sổ nền bằng cách sử dụng một vài dòng Stroke dày 2 px (# 45576B), xếp chồng lên nhau theo chiều dọc 4 px. Bắt đầu từ mép ngoài của đường viền lớn hơn và đi hết phần trước. Sau đó, khi bạn đã hoàn thành, hãy chọn và nhóm tất cả các hình dạng của tòa nhà lại với nhau bằng phím tắt Control-G.

adding the background windows to the world trade centers body

Bước 16

Kết thúc biểu tượng bằng cách vẽ trên bầu trời bằng cách sử dụng một vài dòng Stroke dày 2 px (# 45576B). Khi bạn đã hoàn thành, nhóm (Control-G) tất cả các dòng lại với nhau, thực hiện tương tự cho tất cả các phần soạn thảo biểu tượng.

finishing off the world trade center building icon

Ngả mũ!

Công việc tuyệt vời Gói biểu tượng nhỏ của chúng tôi đã hoàn thành!

Tôi hy vọng bạn đã quản lý theo từng bước và luôn học được điều gì đó mới và hữu ích trong suốt quá trình.

final project preview
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.