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 và 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