Cách tạo bộ biểu tượng khoa học theo phong cách retro trong Adobe Illustrator
Vietnamese (Tiếng Việt) translation by Thai An (you can also view the original English article)

Có bao giờ tự hỏi sẽ có cảm giác như thế nào khi một nhà khoa học điên tạo ra tất cả các loại phát minh bí ẩn? Nếu đó là điều bạn nghĩ, thì bạn sẽ không cần tự hỏi thêm nữa, vì trong hướng dẫn ngày hôm nay, chúng ta sẽ có được một bộ biểu tượng theo chủ đề khoa học với phong cách retro, sử dụng một số hình dạng và công cụ cơ bản nhất mà Illustrator cung cấp.
Ngoài ra, đừng quên bạn luôn có thể mở rộng dự án này bằng cách tham khảo GraphicRiver nơi bạn sẽ tìm thấy những bộ biểu tượng theo chủ đề khoa học.
1. Cách thiết lập một tài liệu mới
Vì tôi hy vọng rằng bạn đã mở Illustrator và chạy ở chế độ nền, hãy mở cửa sổ lên và thiết lập New Document (File > New hoặc Control-N) bằng cách sử dụng các thiết lập sau:
- Number of Artboards: 1
- Width: 800 px
- Height: 600 px
- Units: Pixels
Và từ tab Advanced:
- Color Mode: RGB
- Raster Effects: Screen (72ppi)
- Preview Mode: Default

2. Cách thiết lập lưới tùy chỉnh
Vì chúng ta sẽ tạo các biểu tượng bằng cách sử dụng quy trình làm việc pixel-perfect, chúng ta sẽ thiết lập một Lưới Grid nhỏ, chính xác để chúng ta có thể kiểm soát toàn bộ các hình dạng của mình.
Bước 1
Vào Edit > Preferences > Guides & Grid và điều chỉnh các thiết lập sau:
- Gridline every: 1 px
- Subdivisions: 1

Quick Tip: bạn có thể tìm hiểu thêm về lưới bằng cách đọc bài này về cách Hệ thống lưới Grid của Illustrator hoạt động.
Bước 2
Khi chúng ta đã thiết lập lưới tùy chỉnh của mình, tất cả những gì chúng ta cần làm để đảm bảo hình dạng của chúng ta trông sắc nét là bật tùy chọn Snap to Grid trong menu View, sẽ đổi thành Snap to Pixel mỗi khi bạn nhập chế độ Pixel Preview.
Bây giờ, nếu bạn mới làm quen với toàn bộ "quy trình làm việc pixel-perfect ", tôi khuyên bạn nên xem qua hướng dẫn how to create pixel-perfect artwork, bài này sẽ giúp bạn mở rộng kỹ năng kỹ thuật của mình một cách nhanh chóng.
3. Cách thiết lập các layer
Với Tài liệu mới đã tạo, sẽ là một ý tưởng hay khi cấu trúc dự án của chúng ta bằng một vài layer, vì cách này chúng ta có thể duy trì luồng công việc ổn định bằng cách tập trung vào một biểu tượng tại một thời điểm.
Để làm như vậy, mở bảng điều khiển Layers và tạo tổng cộng bốn layer, chúng ta sẽ đổi tên như sau:
- layer 1: reference grids
- layer 2: glassware
- layer 3: microscope
- layer 4: lamp checker

4. Cách tạo lưới tham chiếu
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 giới hạn chính xác, cho phép chúng ta xây dựng các biểu tượng 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 lưới xác định kích thước của biểu tượng thực tế và chúng luôn là điều tiên quyết để bạn thực hiện khi bắt đầu dự án mới vì bạn sẽ luôn bắt đầu từ kích thước nhỏ nhất có thể và xây dựng trên đó.
Bây giờ, trong trường hợp của chúng ta, chúng ta sẽ tạo gói biểu tượng chỉ với một kích thước, chính xác hơn là 128 x 128 px, đây là một bộ khá lớn.
Bước 1
Bắt đầu bằng cách khóa tất cả trừ layer “reference grids” và sau đó lấy công cụ Rectangle Tool (M) và tạo một hình vuông màu cam 128 x 128 px (#F15A24
), sẽ giúp định rõ kích cỡ tổng quát của các biểu tượng của chúng ta.

Bước 2
Thêm một hình nữa có kích thước nhỏ hơn 120 x 120 px (#FFFFFF)
sẽ đóng vai trò là vùng vẽ hiện hành của chúng ta, do đó cho chúng ta khoảng đệm 4 px.

Bước 3
Nhóm hai ô vuông tạo thành lưới tham chiếu bằng phím tắt Control-G và sau đó tạo ba bản sao cách nhau 40 px, đảm bảo sắp xếp chúng ở giữa Artboard.
Khi bạn đã hoàn tất, hãy khóa layer hiện tại và chuyển sang layer tiếp theo, nơi chúng ta sẽ bắt đầu làm việc trên biểu tượng đầu tiên của chúng ta.

5. Cách tạo biểu tượng ống nghiệm
Giả sử bạn đã chuyển sang layer tiếp theo (đó sẽ là layer thứ hai) sau khi tạo lưới tham chiếu, hãy bắt đầu dự án bằng cách phóng to lưới tham chiếu đầu tiên của chúng ta, nơi chúng ta sẽ bắt đầu tạo chân đứng của các ống nghiệm.
Bước 1
Bắt đầu làm việc với chiếc ống đầu tiên bằng cách tạo một hình chữ nhật có kích thước 12 x 88 px, tô màu #56C1AD
và sau đó đặt cách 2 px từ cạnh trên của vùng vùng vẽ hiện hành và 30 px từ cạnh bên trái của nó.

Bước 2
Điều chỉnh hình dạng mà chúng ta vừa tạo bằng cách đặt Radius ở các góc dưới cùng của nó thành 6 px trong Rectangle Properties của bảng Transform.

Bước 3
Tạo nét viền cho hình dạng kết quả bằng phương pháp Stroke, bằng cách 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 #5B4032
và sau đó lật Fill với Stroke (Shift-X) của nó, đảm bảo thiết lập Weight là 4 px.

Bước 4
Thêm miệng ống bằng cách sử dụng một hình chữ nhật 20 x 4 px (#5B4032
), đặt vào chi tiết trên cùng của đường viền của nó, căn giữa nó với các hình dạng đã tạo trước đó.

Bước 5
Tạo bóng cứng (Hard Shadow) bằng cách sử dụng một hình chữ nhật 12 x 6 px (#5B4032
), căn giữa với cạnh trên cùng của hình dạng lớn hơn. Khi bạn hoàn tất, hãy chọn và nhóm tất cả bốn hình lại với nhau bằng phím tắt Control-G.

Bước 6
Tạo hai bản sao của ống mà chúng ta vừa hoàn thành (Control-C > Control-F hai lần), và sau đó đặt chúng ở bên phải của nó, cách nhau 4 px. Khi bạn đã hoàn tất, hãy chọn và nhóm tất cả lại với nhau bằng phím tắt Control-G.

Bước 7
Bắt đầu làm việc với giá gỗ bằng cách tạo chân đế của nó bằng hình chữ nhật có kích thước 104 x 16 px (#C48755
), đường viền dày 4 px, (#5B4032
), căn giữa với cạnh dưới cùng của vùng vẽ hiện hành.

Bước 8
Thêm nhãn nhỏ bằng một hình chữ nhật 20 x 8 px (#5B4032
) đến các cạnh, chúng ta sẽ thêm hai hình khác nhỏ hơn 8 x 4 px (#5B4032
). Chọn và nhóm (Control-G) cả ba hình với nhau, căn giữa chúng với chi tiết gỗ lớn hơn, đảm bảo tạo một nhóm khác sau đó.

Bước 9
Tạo các chi tiết bên của giá bằng cách sử dụng hai hình chữ nhật 10 x 64 px (#AF7245
) với đường viền dày 4 px (#5B4032
), mà chúng ta sẽ nhóm riêng lẻ (Control-G) và sau đó đặt lên trên cùng của chi tiết trước, căn chúng với các cạnh ngoài của nó.

Bước 10
Thêm chi tiết trên của giá bằng hình chữ nhật 104 x 12 px (#C48755
) với đường viền dày 4 px (#5B4032
), chúng ta sẽ nhóm lại (Control-G) và sau đó đặt trên cùng các hình dạng đã tạo trước đó.

Bước 11
Thêm các ốc vít nhỏ bằng hai hình tròn 4 x 4 px (#5B4032
), đặt ở trên cùng để chúng ngay ngắn với các chi tiết bên của giá. Khi bạn đã đặt chúng vào vị trí, hãy chọn và nhóm (Control-G) chúng với chi tiết bên dưới.

Bước 12
Tiếp theo, hãy dành thời gian thực hiện và thêm vào các bóng cứng bằng cách sử dụng hai hình chữ nhật 10 x 6 px (#5B4032
) cho các chi tiết bên của giá bằng gỗ, tiếp theo là ba hình 12 x 6 px (#5B4032
) cho các ống thủy tinh treo.

Bước 13
Tạo chi tiết ngang giữ các ống bằng nét Stroke dày 4 px rộng 108 px (#5B4032
), căn giữa với giá đỡ, đặt nó cách 20 px với chi tiết trên của nó, đảm bảo đặti nó ở phía sau (nhấp chuột phải > Arrange > Send to Back).

Bước 14
Hoàn thành giá đỡ, và với chính nó, vẽ chi tiết đường chéo nhỏ bằng cách sử dụng một nét Stroke dày 4 px với màu #5B4032
. Khi đã xong, chọn và nhóm (Control-G) tất cả các chi tiết tạp thành lại với nhau, làm tương tự cho toàn bộ biểu tượng sau đó.

6. Cách tạo biểu tượng kính hiển vi
Giả sử bạn đã hoàn thành công việc trên biểu tượng đầu tiên, khóa layer đó lại và chuyển sang layer tiếp theo (đó sẽ là layer thứ ba), nơi chúng ta sẽ bắt đầu làm việc với kính hiển vi nhỏ.
Bước 1
Tạo chi tiết dưới của đế bằng cách sử dụng một hình chữ nhật 80 x 12 px (#6B5B51
) với nét viền dày 4 px, (#5B4032
), chúng ta sẽ nhóm (Control-G) và sau đó căn giữa với cạnh dưới cùng của vùng vẽ hiện hành nằm bên dưới.

Bước 2
Thêm chi tiết trên của đế bằng hình chữ nhật 96 x 12 px (#C48755
) với đường viền dày 4 px (#5B4032
), nhóm lại (Control-G) và sau đó đặt ở trên các hình dạng đã tạo trước đó.

Bước 3
Tạo hai nét viền Stroke dày 4 px rộng 108 px, (#5B4032) chúng ta sẽ đặt đè lên các cạnh trên và dưới cùng của nét viền đó, sau đó thêm một nét nữa ở giữa hình tô màu. Khi đã xong, chọn và nhóm tất cả các hình của chi tiết trên cùng lại với nhau bằng phím tắt Control-G.

Bước 4
Tạo một bóng cứng lên chi tiết dưới cùng của đế, sử dụng hình chữ nhật có kích thước 80 x 6 px (#5B4032), căn giữa với cạnh trên của nó. Khi bạn hoàn thành, nhóm (Control-G) bóng này với chi tiết của nó, làm tương tự cho toàn bộ chi tiết đế sau đó.

Bước 5
Bắt đầu tạo khung máy bằng một hình chữ nhật 12 x 72 px, tô màu #82756C và đặt lên đế cách cạnh dưới bên trái 30 px.

Bước 6
Tạo hình chữ nhật nhỏ hơn 12 x 14 px (#82756C) và đặt nó ở phía bên trái của chi tiết cao hơn từ bước trước, kết hợp hai chi tiết thành một hình dạng lớn hơn bằng cách sử dụngUnite Shape Mode của Pathfinder.

Bước 7
Chọn điểm neo trên cùng bên trái của chi tiết dưới bằng Direct Selection Tool (A) và sau đó đẩy nó xuống đáy 6 px bằng công cụ Move (nhấn chuột phải > Transform > Move > Vertical > 6 px).

Bước 8
Cung cấp cho hình dạng kết quả một nét viền dày 4 px bằng phương pháp Stroke, đảm bảo đặt màu của nó là #5B4032.

Bước 9
Thêm vít nhỏ bằng hình tròn 4 x 4 px (#5B4032), đặt ở dưới cùng của khung máy, cách một khoảng 4 px xung quanh nó.

Bước 10
Bắt đầu làm việc với ốc vít ở trên bằng cách tạo hình chữ nhật 8 x 8 px (#5B4032), đặt lên khung của kính hiển vi.

Bước 11
Tạo chi tiết mỏng hơn của vít bằng hình chữ nhật 4 x 2 px (#5B4032) (2), ở trên cùng, chúng ta sẽ thêm một hình chữ nhật 16 x 4 px, (#5B4032) (3) theo sau bằng một hình chữ nhật hơi hẹp hơn 12 x 4 px, (#5B4032) (4). Đặt ba chi tiết này lên trên cùng của hình chữ nhật tạo trong bước trước, chọn và nhóm (Control-G) chúng lại với nhau sau đó.

Bước 12
Tạo hình chữ nhật 16 x 8 px (#5B4032
), đặt lên cạnh trái của khung kính hiển vi, cách 12 px từ cạnh trên của nó.

Bước 13
Thêm thanh hỗ trợ bằng một hình chữ nhật 4 x 68 px (#5B4032
), đặt lên cạnh trái của khung, đặt nó ra phía sau tất cả các hình khác (nhấp chuột phải > Arrange > Send to Back).

Bước 14
Thêm bánh xe điều chỉnh nhỏ bằng một hình tròn 16 x 16 px (#C48755
) với một nét viền dày 4 px, (#5B4032
), ở trên cùng chúng ta sẽ thêm một hình tròn nhỏ hơn 4 x 4 px, (#5B4032
). Nhóm (Control-G) tất cả ba hình lại với nhau và sau đó đặt chúng ở giữa khung kính hiển vi, cách 22 px so với đế lớn.

Bước 15
Tạo cho nút xoay một bóng cứng bằng cách tạo ra một hình vuông 14 x 14 px (#5B4032
), điều chỉnh bằng cách thiết lập Radius của góc dưới bên phải 14 px từ Rectangle Properties của bảng Transform. Đặt hình kết quả lên nửa dưới của nút xoay, căn nó với cạnh phải.

Bước 16
Che bóng đó bằng một bản sao (Control-C) của hình có màu của khung làm Clipping Mask, chúng ta sẽ dán ở phía trước (Control-F) và sau đó nhấp chuột phải > Make Clipping Mask. Khi bạn đã hoàn tất, hãy đặt bóng ở mặt sau của nút xoay bằng cách sử dụng Arrange > Send Backward, chọn và nhóm (Control-G) tất cả các chi tiết tạo thành của khung máy lại với nhau.

Bước 17
Bắt đầu thao tác trên thân chính của kính hiển vi, bằng cách tạo một hình chữ nhật 18 x 40 px (#6B5B51
) với nét viền dày 4 px, (#5B4032
), nhóm lại (Control-G) và sau đó đặt cách 16 px từ khung và cách 36 px từ đế lớn.

Bước 18
Tạo ống quan sát bằng hình vuông 10 x 10 px (#5B4032
) lên trên cùng, chúng ta sẽ thêm một hình chữ nhật nhỏ hơn 6 x 4 px (#5B4032
) theo sau là một hình chữ nhật rộng hơn 14 x 4 px (#5B4032
). Nhóm (Control-G) tất cả ba hình lại với nhau, đặt chúng lên trên thân lớn của ống.

Bước 19
Tạo cho thân lớn hơn một chi tiết nhỏ bằng cách tạo ra một hình vuông 6 x 6 px (#5B4032
), căn giữa với cạnh dưới cùng của nó.

Bước 20
Tạo chi tiết trên của đối tượng bằng một hình vuông 10 x 10 px (#D8A466
) với nét viền dày 4 px (#5B4032
) vào cạnh dưới, chúng ta sẽ thêm một hình chữ nhật hơi dài hơn 18 x 4 px (#5B4032
), đi theo bởi một bóng cứng 10 x 6 px ở trên cùng (#5B4032
) Nhóm (Control-G) tất cả bốn hình dạng với nhau, và sau đó đặt chúng ở dưới cùng của thân lớn hơn của kính hiển vi.

Bước 21
Thêm chi tiết dưới cùng của đối tượng bằng một hình chữ nhật 10 x 2 px (#5B4032
), ở bên dưới chúng ta sẽ thêm một hình dài hơn 22 x 4 px, (#5B4032
). Nhóm (Control-G) cả hai hình lại với nhau và sau đó đặt chúng bên dưới hình trước.

Bước 22
Tạo ống kính thực tế bằng hình elip 10 x 8 px (#56C1AD
) với nét viền dày 4 px, (#5B4032
), chúng ta sẽ nhóm (Control-G) và sau đó đặt lên chi tiết trước, như vậy nửa phần trên sẽ đè lên nó. Khi bạn đã đặt nó vào vị trí, hãy đảm bảo đặt nó ra phía sau hình dài hơn bằng cách nhấp chuột phải > Arrange > Send to Back, chọn và nhóm (Control-G) tất cả các chi tiết thấp hơn của kính hiển vi lại với nhau.

Bước 23
Thêm núm chỉnh nhỏ bằng một hình vuông 4 x 4 px (#5B4032
), ở bên cạnh chúng ta sẽ thêm một hình chữ nhật 4 x 8 px, (#5B4032
). Nhóm (Control-G) và đặt hai hình vào cạnh phải bên dưới của thân lớn kính hiển vi, chọn và nhóm (Control-G) tất cả các chi tiết tạo thành sau đó.

Bước 24
Bắt đầu làm việc trên chi tiết bên phải của khung máy bằng cách tạo hình chữ nhật 32 x 12 px (#C48755
), điều chỉnh bằng cách thiết lập Radius của các góc phải của nó thành 6 px từ trong Rectangle Properties của Transform. Khi bạn đã hoàn tất, hãy đặt hình dạng thu được ở cách 52 px từ đế của kính hiển vi.

Bước 25
Tạo hình chữ nhật nhỏ hơn 14 x 12 px (#C48755
) và đặt nó bên dưới chi tiết đã tạo trước đó, kết hợp hai chi tiết này thành một hình dạng lớn hơn bằng cách sử dụng Unite Shape Mode của Pathfinder.

Bước 26
Điều chỉnh hình dạng kết quả bằng cách đầu tiên chọn góc dưới bên phải của nó bằng công cụ Direct Selection Tool (A) và sau đó loại bỏ nó bằng cách nhấn Delete. Nhấn Control-J để đóng đường path kết quả, sau đó tạo cho nó một đường viền dày 4 px (#5B4032
), đảm bảo chọn và nhóm (Control-G) hai hình lại với nhau sau đó.

Bước 27
Hoàn thành khung máy mở rộng bằng cách thêm con ốc nhỏ bằng một hình tròn 4 x 4 px (#5B4032
), theo sau là chi tiết phụ hình chữ nhật 8 x 4 px (#5B4032
). Khi đã xong, chọn và nhóm (Control-G) tất cả các hình dạng tạo thành sau đó.

Bước 28
Tạo bóng cứng lên kính hiển vi bằng hình chữ nhật 14 x 12 px (#5B4032
) mà chúng ta sẽ điều chỉnh bằng các thiết lập Radius của góc phải dưới cùng là 12 px trong Rectangle Properties của bảng Transform. Đặt hình kết quả lên nửa dưới của khung mở rộng, đảm bảo đặt nó ra phía sau bằng cách chọn nó và kính hiển vi lớn và sau đó nhấp chuột phải > Arrange > Send to Back.

Bước 29
Hoàn thành chiếc kính hiển vi, và với nó biểu tượng chính nó, bằng cách thêm một hình chữ nhật 48 x 4 px (#5B4032
) đặt lên cạnh phải của khung kính hiển vi, cách một khoảng 4 px từ đế lớn của nó. Khi đã xong, chọn và nhóm (Control-G) tất cả các chi tiết tạo thành của biểu tượng này trước khi chuyển qua bước tiếp theo.

7. Cách tạo biểu tượng bóng đèn kiểm tra
Bây giờ chúng ta sẽ vẽ biểu tượng thứ ba và là biểu tượng cuối cùng của chúng ta, vì vậy giả sử bạn đã chuyển sang layer tiếp theo, phóng to trên lưới tham chiếu của nó và chúng ta hãy hoàn thành tất cả!
Bước 1
Tạo chi tiết dưới của đế của thiết bị bằng hình chữ nhật có kích thước 88 x 12 px (#AF7245
) với nét viền dày 4 px, (#5B4032
), căn giữa với cạnh dưới của vùng vẽ hiện hành.

Bước 2
Thêm các đoạn bên nhỏ bằng hai hình chữ nhật 6 x 4 px (#5B4032
), căn dưới với chi tiết hình ảnh của hình có màu. Khi đã xong, chọn và nhóm tất cả bốn hình lại với nhau bằng phím tắt Control-G.

Bước 3
Tạo chi tiết trên của đế bằng hình chữ nhật 104 x 28 px (#C48755
) với nét viền dày 4 px, (#5B4032
), chúng ta sẽ nhóm (Control-G) và sau đó đặt lên trên cùng của hình trước đó.

Bước 4
Thêm các ốc vít nhỏ bằng bốn hình tròn 4 x 4 px (#5B4032
), đặt cách 4 px từ các góc của chi tiết lớn hơn.

Bước 5
Thêm nhãn bằng hình chữ nhật 28 x 16 px (#5B4032
), ở hai bên, chúng ta sẽ thêm hai hình vuông nhỏ hơn 8 x 8 px, (#5B4032
). Nhóm (Control-G) tất cả ba hình hình lại với nhau và sau đó căn giữa chúng với chi tiết lớn hơn, chọn và nhóm (Control-G) tất cả các chi tiết tạo thành.

Bước 6
Thêm bóng cứng vào chi tiết dưới cùng của đế, sử dụng hình chữ nhật 88 x 6 px (#5B4032
), căn giữa với cạnh trên của nó. Khi đã xong, chọn và nhóm tất cả các hình mà chúng ta đã tạo bằng phím tắt Control-G.

Bước 7
Bắt đầu vẽ chi tiết trên của thiết bị bằng cách tạo hình chữ nhật 72 x 12 px (#82756C
) với nét viền dày 4 px, (#5B4032
), chúng ta sẽ nhóm (Control-G) và đặt lên cạnh trên của đế lớn hơn.

Bước 8
Thêm các đường chi tiết ngang sử dụng hai đường ngang Stroke dày 4 px rộng 84 px, (#5B4032
), chúng ta sẽ đặt lên phần trên và giữa của nét viền của chi tiết này. Khi đã xong, chọn và nhóm (Control-G) chúng và các hình chữ nhật lớn hơn lại với nhau trước khi qua bước tiếp theo.

Bước 9
Tạo nút nhỏ bằng hình chữ nhật 12 x 6 px (#C48755
) với nét viền dày 4 px, (#5B4032
), ở trên cùng, chsung ta sẽ thêm một hình chữ nhật hơi dẹp hơn 8 x 6 px, (#5B4032
). Nhóm (Control-G) cả ba hình lại với nhau và đặt chúng lên trên cùng của hình trước, cách 12 px từ cạnh trái của nó.

Bước 10
Thêm ổ cắm của thiết bị bằng hình chữ nhật 24 x 12 px (#6B5B51
) với nét viền dày 4 px, (#5B4032
), ở chi tiết dưới chúng ta sẽ thêm một hình chữ nhật nhỏ hơn 8 x 6 px, (#5B4032
). Nhóm (Control-G) cả ba hình dạng lại với nhau, và sau đó đặt chúng lên cạnh phải của cái nút, cách một khoảng 12 px.

Bước 11
Tạo đế của bóng đèn bằng hình chữ nhật 16 x 12 px (#D8A466
) với nét viền dày 4 px, (#5B4032
), ở giữa chúng ta sẽ thêm một hình chữ nhật khác 16 x 4 px, (#5B4032
). Nhóm (Control-G) cả ba hình lại với nhau, và sau đó đặt chúng lên chi tiết đã tạo trước đó.

Bước 12
Bắt đầu thao tác chi tiết kính của bóng đèn bằng cách tạo hình chữ nhật 16 x 4 px (#56C1AD
), đặt ở trên cùng của đế thực hiện từ bước trước.

Bước 13
Tiếp theo, tạo một hình tròn 32 x 32 px (#56C1AD
) đặt ở trên hình chữ nhật nhỏ hơn, cách một khoảng 4 px từ cạnh trên của nó.

Bước 14
Mở đường path của hình tròn bằng cách chọn điểm neo dưới cùng của nó bằng công cụ Direct Selection Tool (A) và sau đó nhấn Delete. Làm tương tự cho hình chữ nhật đó bằng cách thêm một điểm neo mới vào giữa cạnh trên cùng của nó bằng công cụ Add Anchor Point Tool (+), và sau đó loại bỏ nó bằng cách nhấn Delete.

Bước 15
Hợp nhất hai đường dẫn thành một hình dạng lớn hơn bằng cách chọn cả hai và sau đó nhấn Control-J hai lần.

Bước 16
Làm mượt mà sự chuyển đổi của hình dạng kết quả bằng cách điều chỉnh độ cong của nó với sự trợ giúp của chốt neo của nó khi ở chế độ Pixel Preview (Alt-Control-Y). Hãy dành thời gian của bạn để thực hiện và sau khi hoàn tất, hãy chuyển sang bước tiếp theo.

Bước 17
Tạo nét viền dày 4 px, (#5B4032
) cho hình kết quả bằng phương pháp Stroke, chọn và nhóm (Control-G) nó và hình có màu bên dưới lại với nhau sau đó.

Bước 18
Bắt đầu thao tác với dây tóc bằng cách tạo hai hình tròn 8 x 8 px với Stroke dày 4 px (#5B4032
) cách một khoảng 2px theo phương ngang, đặt lên phần giữa của bóng đèn, cách 10 px từ cạnh trên cùng.

Bước 19
Mở các chi tiết bên trong-dưới cùng của mỗi đường path của hình tròn bằng cách thêm một điểm neo mới bằng công cụ Add Anchor Point Tool (+), và sau đó loại bỏ nó bằng cách chọn và nhấn Delete.

Bước 20
Kết thúc dây tóc, và với chính biểu tượng đó, bằng cách chọn và hợp nhất các điểm neo dưới cùng bằng phím tắt Control-J, hãy vẽ các chi tiết dọc bằng cách sử dụng Pen Tool (P). Khi bạn đã hoàn tất, hãy chọn và nhóm tất cả các hình dạng tạo thành của bóng đèn, làm tương tự cho toàn bộ biểu tượng sau đó.

Thế là xong!
Bạn làm rất tốt! Tôi hy vọng bạn đã thấy hướng dẫn này đủ thú vị để theo dõi nó cho đến khi kết thúc — vì nó là một bài học dài — và quan trọng nhất là học được điều gì đó mới mẻ và hữu ích khi thực hiện.

Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post