Menu Điều Hướng

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Hôm nay chúng ta sẽ thử tạo một mẫu logo Google Chrome quen thuộc. Mình sẽ cố gắng giải thích để các bạn có thể hiểu rõ. Cuối bài viết, chúng ta sẽ đạt được kết quả như sau :

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Các bạn mở phần mềm Photoshop rồi tạo một file mới (File>New) với kích thước 854×854 px và 72 dpi. Sử dụng công cụ Ellipse Tool (U) rồi vẽ một hình tròn giống như sau.

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Click chuột phải trên layer này rồi chọn Blending Options > Gradient Overlay

 Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Thiết lập thông số như sau :

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Kết quả nhận được sẽ là :

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Tiếp tục sử dụng công cụ Ellipse Tool (U) để đánh dấu vùng ngoài của logo, rồi chọn công cụ Pen Tool (P) để cắt phần mở bên trong. Các bạn cố gắng sao cho giống như hình bên dưới với sự hỗ trợ của công cụ Convert Point Tool.

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Click chuột phải trên layer rồi chọn Blending Options > Bevel and Emboss

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Nhấn Ctrl+J để tạo một bản copy cho layer vừa mới tạo, rồi sử dụng lựa chọn Free Transform. Nhấn Maintain aspect ratio và làm cho nó nhỏ hơn so với layer trước đó rồi tô màu với mã #4E4A4A. Sau đó các bạn kéo nó xuống để tạo hiệu ứng shadow như bản bên dưới.

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Tạo một layer mới và sử dụng công cụ Brush Tool (B) để tô màu từng phần của logo. Nhấn giữ nút Alt cùng với click chuột trên layer mới vừa tạo này.

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Nhấn Ctrl +J để nhân bản layer vừa tạo rồi áp dụng lựa chọn Bevel and Emboss cho layer này. Sử dụng công cụ Convert Point Tool để thay đổi vị trí. Đặt layer này sau vị trí của layer bước trên và bên trên layer tạo shadow.

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Tạo một layer mới và làm tương tự như các bước vừa làm, tức là bắt đầu từ bước mà chúng ta tô màu.

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Tạo copy layer mới vừa tạo rồi chọn công cụ Burn Tool (O) và Dodge Tool (O) để tạo nhiều điểm nhấn cũng như hiệu ứng bóng đổ cho logo.

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Tạo một layer mới rồi dùng công cụ Ellipse Tool (U) để tạo một vòng tròn ở giữa logo như hình minh họa.

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Và trên layer này, các bạn thiết lập layer styles như sau :

Blending Options > Drop Shadow

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Blending Options > Inner Shadow

 Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Blending Options > Gradient Overlay

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Tham số Gradient

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Kết quả sẽ là

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Tạo một layer mới và dùng công cụ Ellipse Tool (U) để tạo vòng tròn hình chiếc nhẫn ở trung tâm logo. Các bạn sử dụng đồng thời công cụ này và nút Alt.

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Tùy chỉnh layer này như sau : Fill 40% . Blending Options > Gradient Overlay

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Tham số Gradient :

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Nhấn nút Alt và click chuột vào giữa các layer vừa tạo.

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Chọn công cụ Ellipse Tool (U) để tạo một vòng tròn bên ngoài, các bạn nhấn giữ nút Alt để có thể tạo hình bên dưới. Và đổ màu trắng cho layer này.

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Tham số cho layer này như sau : Fill 25%. Blending mode > Lighter Color

Học thiết kế với mẫu Logo Google Chrome bằng Photoshop

Chúc các bạn thành công !


thu thuat photoshop logo chrome

Tin Tức Liên Quan

Tạo icon RSS bóng bẩy
Tạo icon RSS bóng bẩy

Trong bài viết này chúng ta sẽ tạo một biểu tượng rss đầy màu sắc và cực kỳ bóng bẩy cho blog của bạn

Tạo chữ màu bạc tỏa sáng bằng photoshop
Tạo chữ màu bạc tỏa sáng bằng photoshop

Trong bài viết này bạn sẽ có thể tự tay làm một hiệu ứng chữ đẹp mắt cho website hay blog của bạn, với chữ màu bạc tỏa sáng cực kỳ đẹp mắt.

Tạo chữ phát sáng nhiều màu sắc
Tạo chữ phát sáng nhiều màu sắc

Với hướng dẫn này mình sẽ chỉ các bạn tạo hiệu ứng chữ phát sáng với nhiều màu sắc lấp lánh như hình dưới, chỉ với 5 bước đơn giản thui, nào bắt đầu bạn nhé

Mẹo ghép ảnh cực cool bằng Photoshop
Mẹo ghép ảnh cực cool bằng Photoshop

Bài hướng dẫn giúp bạn có được những bức ảnh ghép ấn tượng với thao tác đơn giản

Tự tay làm danh thiếp cực pro bằng Photoshop
Tự tay làm danh thiếp cực pro bằng Photoshop

Thủ thuật này sẽ giúp bạn thiết kế danh thiếp có giao diện chuyên nghiệp, hiện đại mà không cần phải có quá nhiều kiến thức về đồ họa mà chỉ bằng Photoshop và vài bước thao tác đơn giản

Tạo button đơn giản cho web bằng Photoshop
Tạo button đơn giản cho web bằng Photoshop

Trong bài viết này chúng ta sẽ tự tay làm một button đơn giản cho website hay blog của bạn chỉ với vài bước đơn giản

Mẹo tạo chữ kim loại 3D
Mẹo tạo chữ kim loại 3D

Chỉ với vài bước đơn giản mình sẽ giúp các bạn tạo logo chữ kim loại hiệu ứng 3D cho website của mình, rất chi là dễ dàng lun, cùng thực hiện theo nhé

Tạo Abstract Wormhole Background
Tạo Abstract Wormhole Background

Hôm nay, mình sẽ chỉ các bạn cách sử dụng brush và điều chỉnh các lớp trong photoshop cs5, bạn có thể bạo ra một hình nền trừu tượng

Hiệu ứng chữ băng
Hiệu ứng chữ băng

Hôm nay, hy vọng rằng những hướng dẫn sau đây sẽ truyền cảm hứng cho bạn để tạo thêm một số hiệu ứng ice cho thiết kế của bạn

Tư vấn thiết kế website giá rẻ

Chat FB
Tư vấn thiết kế website giá rẻ
Chat Zalo

Điện Thoại