Tạo logo của trình duyệt Google Chrome

Bước 1: Tạo một file mới với kích thước như sau:

logo, google, chrome, tutorial, illustrator, google chrome

Ctrl + K sau đó vào bảng tùy chọn thiết lập ở tab Guides & Grid: Mục Grid thiết lập như sau:

logo, google, chrome, tutorial, illustrator, google chrome

Menu View chọn Show Grid (Ctrl +") và Snap to Grid (Shift + Ctrl +") và đừng quên bật Info để làm việc được dễ và đúng ;) (Windows -> Info)

logo, google, chrome, tutorial, illustrator, google chrome

logo, google, chrome, tutorial, illustrator, google chrome


Bước 2: Dùng công cụ Ellipse Tool (L) thiết lập kích thước cho nó là 130px sau đó phóng to lên để làm việc được dễ dàng hơn.


logo, google, chrome, tutorial, illustrator, google chrome

logo, google, chrome, tutorial, illustrator, google chrome

Vẫn chọn đối tượng sau đó vào menu Object -> Path -> Offset Path và thiết lập thông số:

logo, google, chrome, tutorial, illustrator, google chrome

Chọn hình tròn thứ 2 và tiếp tục đi vào menu Object -> Path -> Offset Path và lại thiết lập thông số như sau:

logo, google, chrome, tutorial, illustrator, google chrome

Kết quả:

logo, google, chrome, tutorial, illustrator, google chrome


Bước 3: Ta dùng công cụ Pen Tool (P) sau đó vẽ ra một đường thằng với chiều dài là 60px (bỏ chọn Fill và chọn Stroke 1px)

logo, google, chrome, tutorial, illustrator, google chrome

Vẫn chọn đường Path này ta vào menu Effect -> Distort & Transform -> Transform thiết lập các thông số như sau: Mục đích là để nhân 2 đường Path kia và xoay nó theo đúng ý mình làm.

logo, google, chrome, tutorial, illustrator, google chrome

Bây giờ vào menu Object -> Expand Appearance.

logo, google, chrome, tutorial, illustrator, google chrome

Bước 4: Bây giờ nhìn sang panel Layer ta sẽ thấy sau khi Expand Appearance nó sẽ tự động cho vào một nhóm (Group) và chúng ta chọn nó và nhấn Shift + Ctrl + G 2 lần để tách chúng ta thành các layer riêng biệt ra khỏi nhóm.

logo, google, chrome, tutorial, illustrator, google chrome

Bước 5: Bây giờ chọn công cụ Pen Tool (P) và nối tiếp vào các điểm neo cuối của đường path với kích thước chiều dài từ góc xuống dưới là 15px

logo, google, chrome, tutorial, illustrator, google chrome
Tiếp tục nối từ các đường path kia như vậy với chiều ngang của 2 đường path cuối cùng vẫn là 15px

logo, google, chrome, tutorial, illustrator, google chrome

Bây giờ nhân đôi chúng lên bằng cách chọn tất cả 3 đối tượng này và nhấn Ctrl + C sau đó nhấn Ctrl + F để copy chúng lên đầu.

logo, google, chrome, tutorial, illustrator, google chrome


Bước 6: Chọn 2 hình tròn ban đầu sau đó mở panel Pathfinder ra rồi chọn chế độ cắt Minus Front

logo, google, chrome, tutorial, illustrator, google chrome
Kết quả tiếp theo:
logo, google, chrome, tutorial, illustrator, google chrome


Bước 7: Chọn lại 3 đường path gốc mà nãy ta nhân đôi nó lên và chọn vòng tròn bên ngoài đầu tiên sau đó sử dụng chế độ cắt Divide của panel Pathfinder để cắt từ từng mảng ra, mục đích để chúng ta tô màu cho từng mảng này theo đúng logo của nó.

logo, google, chrome, tutorial, illustrator, google chrome

Sau khi cắt xong nó sẽ tự động gộp tất cả các đối tượng này lại thành một nhóm. Bắt đầu từ bước này mình sẽ có panel Layer để các bạn làm được dễ hơn. Bây giờ nhìn vào panel Layer đó ta sẽ thấy có một layer nhóm (Group) có 4 layer con bên trong nó, ta tìm layer như trong hình và xóa bỏ nó đi.

logo, google, chrome, tutorial, illustrator, google chrome

Tiếp ta chọn lại Group này và nhấn Shift + Ctrl + G để tách nó ra khỏi nhóm.

logo, google, chrome, tutorial, illustrator, google chrome

Bước 8: Bây giờ ta bắt đầu thay màu cho nó:

Dùng công cụ Direct Selection Tool (A) chọn từng mảng một rồi dùng màu Gradient thiết lập các mã màu và điều chỉnh các góc độ cho nó như sau. (Nhìn kỹ hình minh họa để tránh nhầm lẫn và sai)

logo, google, chrome, tutorial, illustrator, google chrome

Mảng thứ hai: Màu vàng ta thiết lập giống như trong hình:

logo, google, chrome, tutorial, illustrator, google chrome

Và mảng màu xanh:

logo, google, chrome, tutorial, illustrator, google chrome

Và hình tròn bên trong:

logo, google, chrome, tutorial, illustrator, google chrome

Bước cuối cùng: Ta bắt đầu dựng đổ bóng cho nó (Chả biết gọi đổ bóng có đúng không nữa)

Dùng công cụ Direct Selection Tool (A) chọn vào hai điểm neo cuối của đường path này và nhấn Ctrl + J để nối chúng lại với nhau.

logo, google, chrome, tutorial, illustrator, google chrome

Bỏ chọn màu của Stroke và thiết lập mã màu cho nó ở Fill.

logo, google, chrome, tutorial, illustrator, google chrome

Bây giờ nhìn vào từ panel Layer ta chọn lại đối tượng màu vàng của logo sau đó nhân đôi nó lên với lệnh Ctrl + C  Ctrl + F

logo, google, chrome, tutorial, illustrator, google chrome

Chọn đối tượng mảng màu vàng mà ta đã nhân đôi nó lên với đối tượng đổ bóng và dùng chế độ cắt Minus Front để cắt hoàn chỉnh.

logo, google, chrome, tutorial, illustrator, google chrome

Làm tương tự như trên với 2 mảng còn lại với mã màu như sau:

logo, google, chrome, tutorial, illustrator, google chrome

Kết quả cuối cùng ta có được.

logo, google, chrome, tutorial, illustrator, google chrome


Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

0 comments :

Post a Comment