1. Design & Illustration
  2. Illustration

Cách vẽ biểu tượng đồng hồ cát trong một giờ

by
Read Time:13 minsLanguages:
This post is part of a series called Icon Design.
How to Make a Vector Military Cap Icon
How to Create an Alarm Clock Icon

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

Cùng với hình dáng đơn giản, công cụ gradients, và các texture (kết cấu) vector, bài hướng dẫn đơn giản này sẽ hướng dẫn cho người dùng illustrator cấp độ cơ bản cách vẽ một biểu tượng đồng hồ cát. Có rất nhiều thứ bạn có thể sử dụng mà không cần công cụ Pen Tool.  Chúng ta sẽ sử dụng Illustrator CS4 cho bài hướng dẫn này, nhưng phiên bản cũ hơn cũng có thể thực hiện được. Hãy cùng bắt đầu nào!

Xem trước hình ảnh cuối cùng

Bên dưới là biểu tượng cuối cùng mà chúng ta sẽ hướng tới. Những phiên bản nhỏ hơn của biểu tượng được thấy bên dưới trong cả hai định dạng texture và untexture. Bạn muốn truy cập vào các tập tin Vector Source đầy đủ và có thể tải các bản sao chép của mỗi bài hướng dẫn, bao gồm cả bài này chứ? Hãy tham gia Vector Plus chỉ với 9 đôla một tháng.

Video hướng dẫn

Tôi đã thực hiện một đoạn video cho bài này.

Bước 1

Tạo một tài liệu mới 600 x 600 px. Thiết lập lưới như bên dưới. Ngoài ra, hãy nhớ bật Show Grid và Snap to Grid nhé.

Bước 2

Sử dụng công cụ Ellipse Tool (L) để tạo một hình elip 200 x 200px. Sử dụng công cụ Direct Selection Tool (A) và chọn điểm dưới cùng của hình elip đó. Nhấn phím mũi tên xuống ba lần.  Kéo các chốt chỉnh hướng xuống phía dưới như hình dưới đây. Ngoài ra, đặt bản sao của hình này ra cạnh của bản vẽ, chúng ta sẽ sử dụng sau.

Bước 3

Giữ phím Alt và kéo bản sao của hình xuống dưới, cũng giữ cả phím Shift để giữ tỉ lệ khi bạn kéo. Dùng công cụ Rotate Tool (R), nhấn giữ phím Shift, và xoay hình sao chép đó như hình bên dưới. Hãy chắc chắn là các chóp này đè lên nhau, và sau đó nhấp chuột vào Unite trong bảng Pathfinder.

Bước 4

Vẽ một hình Elip 280px rộng x 60 px cao, và đặt như hình bên dưới. Sao chép Copy (Command + C) và dán Paste In Back (Command + B). Sau đó nhấn phím mũi tên xuống ba lần.  Dùng công cụ Rectangle Tool để tạo một hình chữ nhật 280x30 px phía dưới của hình elip trên cùng, nhưng ở trên của hình elip dưới cùng. Chọn hình chữ nhật và hình elip dưới cùng, nhấp chuột vào Unite của bảng Pathfinder.

Bước 5

Nhóm Group hình elip trên cùng và hình vừa hợp nhất mới nhất lại với nhau. Alt + kéo bản sao chép xuống trong khi vẫn giữ phím Shift để giữ tỉ lệ khi kéo, và đặt hình như bên dưới. Cắt Cut (Command + X) nhóm đó và dán Paste In Back (Command + B).  Keodãn hình này lên 110px chiều cao. Sử dụng công cụ Direct Selection Tool (A) để chọnđiểm dưới cùng của hình đồng hồ, sau đó kéo nó lên 10px bằng mũi tên hướng lên.

Bước 6

Sử dụng công cụ Rounded Rectangle Tool để tạo ra ba thanh dài 20px rộng x 390px caovà có một góc bán kính bằng 6px. Đặt những hình chữ nhật này như hình bên dưới, cắtvà dán đằng sau các hình khác nếu cần. Bây giờ thì hình dáng của chiếc đồng hồ cát đãhoàn thành rồi!

Bước 7

Để vẽ những cái chốt, đầu tiên, chúng ta sẽ vẽ những hình đã làm tương tự tại bước 4.Làm cho các hình này có cùng độ rộng với các thanh dài, là 20px rộng và giữ chiều cao ngắn như hình minh họa.  Sau đó, hợp nhất hình elip dưới cùng với hình chữ nhật ở giữa,đặt nó đằng sau hình elip trên cùng, và nhóm các hình này lại với nhau, như hình mô tả.Sao chép và dán hai hình sao chép lên những thanh dài còn lại.

Bước 8

Bây giờ chúng ta sẽ tạo ra hình thù cho phần cát. Trở lại bước 2, tôi đã đề cập cách đặt một bản sao của giọt nước lộn ngược mà chúng ta đã tạo trước đó. Tiếp tục và lấy hình đó bây giờ. Đặt một bản sao khác của nó ra cạnh ngoài của bản vẽ, vì chúng ta sẽ sử dụng hình này sau.

Tạo một hình chữ nhật và đặt chúng như hình. Mở bảng Pathfinder, và với những hìnhđã chọn, nhấp vào Divide. Xóa bỏ các hình bên ngoài, như hình minh họa. Cuối cùng,bỏ chọn nhóm của phần kết quả vừa tạo ra đó.

Bước 9

Lấy các hình có các điểm ở dưới thấp hơn, đặt chúng ở bên trong phần thủy tinh của đồng hồ cát.  Khi chiếc đồng hồ cát của bạn nằm ở giữa tài liệu, bạn có thể Copy và Paste hình này, sau đó Shift-kéo chuột để di chuyển theo phương thẳng đứng. Đây sẽ là phần trên của cát.

Sử dụng công cụ Direct Selection Tool (A) để điều chỉnh mỗi điểm, như hình vẽ. Nếu Snap to Grid vẫn đang mở, bạn có thể dễ dàng kiểm soát phần canh chỉnh của các điểm hơn.  Chọn công cụ Ellipse Tool (L), và tạo một hình elip 180px rộng x 40px cao, và đặt như hình mô tả.

Bây giờ, đặt hình cát của phần dưới đồng hồ như hình vẽ. Sau đó tắt Snap to Grid và điều chỉnh các điểm và chốt chỉnh hướng theo cách thủ công cho đến khi khoảng trống từ phần cạnh thủy tinh trông tương tự như phần cát ở phía trên.  Sao chép và dán hình Elip từ bên trên và điều chỉnh thủ công độ rộng cho đến khi chúng đè lên phần hình cát bên dưới cùng như hình vẽ.

Chúng ta sẽ sao lưu điểm dưới cùng của phần cát bên trên. Sử dụng công cụ Add Anchor Point Tool (+) để đặt hai điểm tại phía dưới của hình cát, nằm ngay phía trên của điểm gần dưới cùng, như hình vẽ.  Bây giờ kéo điểm ở giữa xuống cho đến khi nó đè lên hình elip trên cùng của phần cát phía dưới. Đây chính là hình phần cát đang chảy xuống.

Bây giờ chúng ta tiếp tục và chọn tất cả các hình và sao chép. Tạo một layer mới có tên là “shapes”, dán bản sao chép này lên layer đó, sau đó tắt layer đó đi. Vậy là chúng ta đã có một bản sao tất cả các hình này để dự phòng.

Bước 10

Chúng ta sẽ tắt phần lưới đi, và sau đó bắt đầu phần tô màu. Ngoài trừ layer “shapes” được chọn, chúng ta dời tất cả các layer sang một layer có tên là “color”. Chúng ta sẽ sử dụng rất nhiều màu chuyển được làm sẵn của Illustrator để tô màu.  Đầu tiên, trong bảng Swatches, vào Open Swatches Library > Gradients > Metals.

Áp dụng công cụ chuyển màu Steel vào các hình đã chỉ ra. Bạn có thể thấy, chúng ta sẽ cần điều chỉnh một vài trong số này một chút. Hãy bắt đầu từ phần trên cùng nhé.  Chọn hình elip trên cùng, và thay đổi màu chuyển như hình bên dưới. Chúng ta sẽ cần phảithay đổi các màu chuyển Angle, bỏ một vài hiệu ứng Gradient Slider Colors, và di dời một vài hiệu ứng Gradient Sliders một chút.

Bây giờ, hãy điều chỉnh cạnh của phần trên cùng. Tất cả chúng ta cần làm ở đây là thay đổi góc Angle thành 180. Những nơi có phần màu chuyển đậm hơn sẽ hướng đến cạnh bên phải và cạnh sáng hơn thì nằm bên tay trái.

Bây giờ, thì thao tác ở phần chốt phía trên. Thay đổi hình elip ở trên của phần chốt như hình bên dưới.Bây giờ, điều chỉnh phần cạnh của cái chốt bằng cách dùng cách thiết lập như hình cuối cùng ở loạt hình bên dưới trong bước này. Hãy chắc chắn là sẽ áp dụng các điều chỉnh màu chuyển vào tất cả ba cái chốt ở phía trên nhé. Bạn có thể sẽ muốn làm màu sáng hơn ở phía bên trái của cái chốt một chút.

Bước 11

Tôi sẽ bỏ phần thiết lập mặc định màu chuyển Steel của các thanh nằm ở giữa. Hãy thay đổi chúng theo ý thích của bạn nếu muốn. Bây giờ, chúng ta sẽ thao tác lên phần thép bên dưới.

Điều chỉnh màu chuyển hình elip bên dưới như hình, sau đó điều chỉnh màu chuyển cạnh bên dưới có góc là 180.

Sao chép hình elip bên dưới và làm gọn kích thước của hình đó theo thông số của hình bên dưới, sau đó cũng áp dụng các điều chỉnh màu chuyển như hình. Cách này tạo ra một phần lõm vào mượt mà trong phần nền của đồng hồ cát để phần thủy tinh đứng vững. Chúng ta sẽ trở lại và thêm vào một vài phần đổ bóng ở đây ngay thôi.

Bước 12

Bây giờ chúng ta sẽ tô màu phần thủy tinh và cát. Hãy chắc chắn là bỏ đi các nét viền khi chúng ta tô màu mỗi hình. Bây giờ, trong bảng Swatches, vào Open Swatches Library > Gradients > Water. Áp dụng Water 5 vào phần thủy tinh.

Bây giờ, trong bảng Swatches, vào Open Swatches Library > Gradients > Earthtones. Áp dụng Earthtone 5 vào các hình elip trên cùng và dưới cùng, và thiết lập màu chuyển có góc là 60. Ngoài ra, bỏ cả các nét viền.

Áp dụng Earthtone 5 vào các hình phía trên cùng và dưới cùng như hình, và thiết lập màu chuyển có góc là 120. Cũng bỏ đi nét viền.

Bước 13

Như chúng ta đã thao tác, điều này rất thông dụng khi cần một vài điều chỉnh khi chúng ta thực hiện được một quãng dài. Trong trường hợp này, tôi để ý rằng phần cát rơi quá nhỏ để cho nó rơi từ phần thủy tinh bên trên và bên dưới.  Tiếp tục và mở rộng phần này một chút bằng cách chọn mỗi điểm bằng công cụ Direct Selection Tool (A) và di chuyển nó bằng các phím mũi tên.

Ngoài ra, chúng ta sẽ thêm vào một vài phần bóng đổ xuống bên dưới của chiếc đồng hồ cát. Do đó, sau khi chọn các hình, di dời các hình thủy tinh và cát lên trên một chút bằng các phím mũi tên để tạo thêm khoảng trống. Tiếp tục và thực hiện bất cứ các chỉnh sửa khác nếu bạn thấy cần thiết.

Bước 14

Bây giờ chúng ta sẽ thêm vào các bóng đổ. Sao chép Copy (Command + V) hình elip bên dưới ở phía trong và Dán Paste in Front (Command + F).  Giữ phím Shift để giữ tỉ lệ và thu nhỏ hình bằng công cụ Selection Tool (V). Bây giờ, áp dụng Radial Gradient từ mài xám nhạt đến màu xám đậm như hình bên dưới.

Sao chép màu chuyển này. Thu nhỏ hình này lại trong khi vẫn giữ tỉ lệ, và đặt một hình sao chép đằng sau của mỗi thanh đứng bên dưới như hình vẽ (chỉ thấy hai thanh đứng).

Tôi đặt hai hình đổ bóng giống nhau bên dưới cái chốt ở phía trên. Bạn có thể áp dụng phần bóng tối nhiều hơn cho đến khi bạn thấy phù hợp.

Bước 15

Chúng ta sẽ thêm một vài chỗ bắt sáng. Vì những hình này sẽ nằm trên tất cả các hình khác nên chúng ta sẽ tạ một layer mới cho các chỗ bắt sáng này. Layer mới có tên là “highlights”. Chú ý về cách sắp xếp các bảng layer của chúng ta.

Trong bước 8, tôi có đề cập đến việc đặt một hình sao chép của hình giọt nước lật ngược ra ngoài bản vẽ. Tiếp tục và lấy bản sao chép để thao tác.  Dán bản sao chép này vào layer “highlights”. Alt-kéo chuột để tạo một hình sao chép. Sau đó nhấn giữ phím Shift, và sử dụng công cụ Selection Tool (A) để mở rộng hình sao chép và đặt như hình bên dưới.

Mở bảng Pathfinder, chọn cả hai hình và nhấn Minus Front. Bạn sẽ còn lại hình trăng khuyết. Mở để nhìn thấy layer màu sắc và đặt hình trăng khuyết này như bên dưới.  Copy (Command + V) hình elip trên cùng và hình cạnh bên ở trên, sau đó dán Paste in Front (Command + F). Sau đó sử dụng bảng Merge.

Chọn cả hai hình và nhấn Minus Front trong bảng Pathfinder. Bạn sẽ có hình bắt sáng bên trái phía trên.

Bước 16

Sử dụng công cụ công cụ Rectangle Tool (M) để vẽ một hình chữ nhật nhỏ ở phía bên phải. Bây giờ chọn điểm ngoài cùng bên phải phía trên bằng công cụ Direct Selection Tool (A) và sử dụng phím mũi tên để dời điểm này xuống một chút.  Làm y như vậy với điểm dưới cùng bên phải, nhưng thay vào đó là kéo nó lên một chút. Thao tác này bẻ góc hình chữ nhật hướng theo phần cong của phần thủy tinh.

Bước 17

Bây giờ ta sẽ vẽ hình phản chiếu của phần đáy. Sử dụng hình phản chiếu bên trái ở trên để tạo một hình bên trái ở dưới đáy. Dùng công cụ Rotate Tool (R) để xoay hình này một chút. Kéo giãn hình này bằng công cụ Selection Tool (V) và đặt chúng như hình bên dưới.

Sao chép hình cát ở bên dưới cùng và dán lên hình mà chúng ta vừa tạo. Mở bảng Pathfinder, hãy chắc chắn rằng cả hai hình này đều được chọn, sau đó click vào Divide để tách các hình này.

Bây giờ, xóa hình bên trái, phải và dưới cùng như hình vẽ. Chọn hai hình còn lại và click vào Unite trong bảng palette Pathfinder.

Bước 18

Tiếp tục và bỏ Stroke từ layer “highlights” bằng cách gõ vào phím Forward Slash (/) trên bàn phím trong khi những hình trong layer đó đang được chọn. Bây giờ chúng ta sẽ thêm hiệu ứng xuyên thấu và chuyển màu vào layer “highlights”.

Chọn hình cần highlight bên tay phải và áp dụng hiệu ứng xuyên thấu như bên dưới. Bây giờ, lấy hình phía trên bên trái và áp dụng hiệu ứng xuyên thấu và chuyển màu như hình bên dưới. Ngoài ra, áp dụng một hiệu ứng và màu chuyển khác một chút vào phần bắt sáng bên trái của phần đáy.

Chúng ta có thể dừng tại đây. Nó thật sự phụ thuộc và phong cách mà bạn muốn hướng tới. Chúng ta sẽ chỉ thực hiện thêm một chút cho biểu tượng đồng hồ cát trong bài hướng dẫn này để tạo cho hình một cảm giác khác. Hãy tiếp tục và thêm vào một vài kết cấu nhé.

Bước 19

Chúng ta sẽ tiếp tục và đặt các kết cấu trong giới hạn layer “color”, là nơi giữ các hình đơn giản. Đầu tiên, trong bảng Swatches, vào Open Swatches Library > Patterns > Basic Graphics > Basic Graphics_Textures. Ngoài ra, mở cả bảng hiệu ứng xuyên thấu Transparency.

Sao chép Copy (Command + V) hình elip ở trên cùng và dán Paste in Front (Command+F), sau đó áp dụng kết cấu Burlap lên hình này. Thêm nữa, thiết lập Transparency thành Color Burn với Opacity là 15%.

Bây giờ thì sao chép Copy (Command+V) và dán Paste In Front (Command+F) hình cạnh trên, sau đó áp dụng kết cấu Burlap vào hình. Thiết lập Transparency là Screen.

Chọn các thanh đứng bên trái và phải, cũng áp dụng cách hiệu ứng kết cấu và xuyên thấu như đối với hình elip ở trên. Thiết lập Transparency là 10% cho phần sau của thanh đứng.

Áp dụng cùng một phương pháp (và cùng các thiết lập) như hình elip cạnh trên vào hình elip cạnh dưới. Bây giờ thì áp dụng giống phương pháp (và giống thiết lập) như hình elip bên trên để sao chép hai hình elip bên dưới.

Bước 20

Hãy nhớ, các chi tiết rất quan trọng. Áp dụng một vài phương pháp tương tự cho phần chốt phía trên.  Copy (Command+V) hình elip ở trên và dán Paste in Front (Command + F) và sau đó áp dụng kết cấu Burlap cho hình này. Ngoài ra, thiết lập Transparency thành Color Dodge với Opacity là 100%.

Mặc dù các chi tiết rất quan trọng, bề mặt cạnh của các chốt phía trên rất nhỏ và áp dụng một kết cấu lên nó có thể không thực sự cần thiết, đặc biệt là trong trường hợp bạn sẽ sử dụng biểu tượng này với một kích thước nhỏ. Tôi sẽ tiếp tục và áp dụng cùng phươngpháp và thiết lập như cho hình elip ở trên, nhưng giảm Transparency xuống còn 60%. Điều này thật sự rất cần thiết nếu bạn sử dụng biểu tượng này với kích thước lớn hơn.

Hãy áp dụng các phương pháp này lên tất cả các chốt ở trên. Hình bên dưới cho ta kết quả thực hiện.

Bước 21

Copy (Command + V) cả hai hình elip cát và dán Paste in Front (Command + F). Áp dụng kết cấu USGS 17 Sandy Dry Lake từ bộ Basic Graphics – Textures. Ngoài ra, thiết lập Transparency thành Luminosity.

Chọn cả hai hình cát thấp hơn ở trên và ở dưới, sau đó Copy (Command + V) chúng và dán Paste in Front (Command + F), ngoại trừ bên dưới các hình elip cát. Bây giờ thì áp dụng kết cấu USGS 17A Shifting Sand và Overlay như hình bên dưới.

Bây giờ ta sẽ thêm một vài kết cấu cho phần thủy tinh, nơi sẽ được đặt ở trên phần cát. Copy (Command + V) hình thủy tinh và dán Paste in Front (Command + F) cả hai hình thủy tinh và cát.  Áp dụng hiệu ứng USGS 21 Intricate Surface với Opacity thiết lập là Screen. Chúng ta sắp xong rồi!

Bước 22

Tạo một layer mới bên dưới tất cả các layer còn lại gọi là “background”. Đặt một hình hơi lớn hơn phần nền của chúng ta bằng công cụ Rectangle Tool (M). Thêm vào hiệu ứng Radial Gradient chuyển từ màu trắng sang màu xám trắng vào hình vuông như hình minh họa.

Dùng công cụ Ellipse Tool để tạo một hình elip trong layer “color”, nằm ở đằng sau tất cả các hình trong layer đó. Sau đó dùng hiệu ứng Radial Gradient đi từ màu đen sang trắng như hình bên dưới. Bây giờ, thiết lập Transparency thành Darken.

Kết thúc

Bạn có thể thực hiện được nhiều thứ với Illustrator, thậm chí ngay cả khi bạn vẽ không giỏi hoặc chưa làm chủ được công cụ Pen Tool. Chỉ cần cố gắngvà tạo ra những hình vẽ đẹp nhất bằng các công cụ mà bạn thấy thích. Tôi hy vọng bạn sẽ thích bài hướng dẫn này.

Hình hoàn thành ở bên dưới. Ngoài ra, các phiên bản nhỏ hơn của biểu tượng này cũng được minh họa bên dưới với các định dạng có kết cấu và không có kết cấu.

Đăng ký Vectortuts+ RSS Feed để cập nhật các hướng dẫn và bài viết mới nhất.

One subscription.
Unlimited Downloads.
Get unlimited downloads