Menu Điều Hướng

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 như hình sau :
glossy-rss-icon
Bước 1 : Tạo một file mới (File>New) với kích thước 512x512px và 72 dpi, chọn công cụ Ellipse Tool (U) và cố gắng tạo một hình ellipse như hình sau :

glossy-rss-icon

– Chọn Fill 0% cho layer này

glossy-rss-icon

– Chọn tiếp Blending Options>Gradient Overlay và thiết lập với thông số như sau :

glossy-rss-icon

Kết quả sau khi thiết lập sẽ như sau :

glossy-rss-icon

Bước 2 : Tạo một layer mới và lựa chọn tiếp công cụ Ellipse Tool (U) và vẽ một hình tròn với màu background là #F36523, như hình sau:

glossy-rss-icon

– Chọn Blending Options>Gradient Overlay và thiết lập các thông số như hình dưới:

glossy-rss-icon

Blending Options > Stroke

glossy-rss-icon

– Tiếp tục chọn Fill 0% cho layer mới này (layer chứa hình tròn này), và đây là kết quả :

glossy-rss-icon

– Kế tiếp chúng ta sẽ tạo một layer mới và  vẽ thêm 1 hình tròn như hình bên dưới, với màu background bất kỳ

glossy-rss-icon

– Sau đó thiết lập với các thông số như sau trong phần Blending Options > Gradient Overlay

glossy-rss-icon

Gradient Editor:

glossy-rss-icon

Bước 3 : Các bạn tạo layer mới và tiếp tục dùng công cụ Ellipse Tool (U) để vẽ thêm một hình tròn nữa, trong hình này chúng ta sẽ phải dùng thêm công cụ Direct Selection Tool (A) để chỉnh lại hình như cách làm bên dưới đây:

glossy-rss-icon

– Sau đó thiết lập các thông số như sau:

Inner Glow

glossy-rss-icon

Tiếp tục chọn Fill 0% cho layer chứa hình này, kết quả sẽ như sau :

glossy-rss-icon

– Tạo một layer mới và vẽ thêm một hình tròn với màu background là #F36523

glossy-rss-icon

– Nhấn nút Alt và vẽ một hình tròn sao cho hình tròn này cắt hình tròn mà ta vừa tạo như hình bên dưới:

glossy-rss-icon

Nhấn Ctrl + Enter để tạo vùng chọn và nút Del để xóa, rồi thiết lập thông số như hình bên dưới :

glossy-rss-icon

Kết quả sẽ như thế này :

glossy-rss-icon

Bước 4 : Trang trí thêm vài vòng tròn cho đẹp mắt .

– Tạo thêm các vòng tròn nhỏ với màu background là #FEDB8A  và đặt vào các vị trí tùy ý, các bạn có thể tham khảo cách mình đặt các hình tròn này ở hình bên dưới:

glossy-rss-icon

– Kế tiếp chúng ta sẽ sử dụng công cụ Rounded Rectangle Tool (U) (radius :30 px) và vẽ ra như hình số 1 và số 2, các bạn phải dùng thêm công cụ Direct Selection Tool (A) và Convert Point Tool để chỉnh lại đúng như trong hình.

glossy-rss-icon

– Sau đó đặt vào hình như sau :

glossy-rss-icon

Thiết lập thông số Blending Options>Gradient Overlay  cho các hình này như sau :

glossy-rss-icon

Gradient Editor:

glossy-rss-icon

Và đây là kết quả

glossy-rss-icon

Các bạn có thể làm tương tự với một kích thước lớn hơn, và chúng ta sẽ có được điều mình muốn

glossy-rss-icon

Hy vọng với thủ thuật này sẽ giúp các bạn nâng cao tay nghề photoshop của mình lên một bậc và có thể giúp ích cho các trang blog của bạn. Chúc các bạn thành công !


thu thuat photoshop photoshop tuts huong dan photoshop icon rss

Tin Tức Liên Quan

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

Cách tạo hiệu ứng chữ Futuristic
Cách tạo hiệu ứng chữ Futuristic

Như chúng ta đã biết, photoshop có thể được sử  dụng để tạo ra một số hiệu ứng tuyệt vời. Và hiệu ứng dành cho văn bản là một trong những minh chứng rõ nhất

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