Deezsign
Would you like to react to this message? Create an account in a few clicks or log in to continue.
Deezsign

beta

Search
 
 

Display results as :
 


Rechercher Advanced Search

Latest topics

» Một vài Tutorial về các hiệu ứng chữ đẹp trong Photoshop
by Juskteez Sat Sep 29, 2012 10:08 pm

» Full IPad Gui Pack (Retina Display)
by Juskteez Sat Sep 22, 2012 2:36 pm

» 3 cách khai báo CSS cần biết trong lập trình web
by Juskteez Mon Sep 17, 2012 6:07 pm

» Các thuộc tính và giá trị mặc định của border(đường viền) trong CSS!
by Juskteez Sun Sep 16, 2012 11:23 pm

» Nội quy Diễn đàn Deezsign
by Juskteez Fri Aug 31, 2012 7:45 pm

» Bộ Retro Badges miễn phí
by Juskteez Fri Aug 31, 2012 7:24 pm

» 6 Text Styles bạn có thể cần
by Juskteez Fri Aug 31, 2012 6:49 pm

» Hướng dẫn tạo Ribbon với Shape Tool
by Juskteez Fri Aug 31, 2012 5:40 pm

» Complete And Free User Icon Set
by Juskteez Thu Aug 30, 2012 10:36 pm

» Giới thiệu về Photoshop và địa chỉ học Photoshop
by Juskteez Thu Aug 30, 2012 10:27 pm


You are not connected. Please login or register

Hướng dẫn tạo Ribbon với Shape Tool

Go down  Message [Page 1 of 1]

Juskteez

Juskteez
Founder
Founder

Chắc nhiều bạn đã nghe về công cụ Shape của Photoshop rồi đúng hông! Vậy hôm nay mình sẽ hướng dẫn các bạn tạo 1 ribbon đơn giản với công cụ này. Xem trước cái hình cho nó phấn khởi Surprised
Hướng dẫn tạo Ribbon với Shape Tool Ribbon10

Đầu tiên bạn tạo 1 file PSD mới với kích thước bất kì nhưng đừng có nhỏ quá, ở đây mình để 500x300 cho dễ nhìn.
Hướng dẫn tạo Ribbon với Shape Tool Untitl10

Rồi bật công cụ 'Rectangular Marquee Tool' (phím tắt 'M')Hướng dẫn tạo Ribbon với Shape Tool Untitl11

Khoanh 1 vùng với kích cỡ tùy ý miễn nó là hình chữ nhật và dài dài một tí (có thể xem kích cỡ ở tab Info 'F8'), ở đây mình chọn 220x45.
Hướng dẫn tạo Ribbon với Shape Tool Untitl12

Chọn 'Rectangle Tool' trong 'Shape tool' (Phím tắt 'U')
Hướng dẫn tạo Ribbon với Shape Tool Untitl13

Khoanh trùng với khung Rectangular vừa tạo nhưng bên dưới và bên phải nên lồi ra 1 tẹo thì hình sẽ được nét
Hướng dẫn tạo Ribbon với Shape Tool Untitl14

Chọn 'Custom Shape Tool' trong 'Shape tool', chọn hình thoi rồi chọn 'Subtract from shape area(-)' (hình ở giữa trong 5 cái hình ở bên phải ấy!)
Hướng dẫn tạo Ribbon với Shape Tool Untitl15

Vẽ một shape hình thoi vào bên phải Shape hình chữ nhật vừa tạo, hình thoi này sẽ che mất 1 khoảng của hình chữ nhật và nó đều nằm trong 1 shape chữ không tạo thành 2 shape
Hướng dẫn tạo Ribbon với Shape Tool Untitl17

Bây giờ tạo 1 Layer mới và cũng dùng Custom Shape Tool hình thoi và vẽ 1 hình bé bé ở góc trái bên dưới hình chữ nhật
Hướng dẫn tạo Ribbon với Shape Tool Untitl18

Vẫn trên Layer thứ 2 chọn Rectangle Tool và chọn 'Subtract from shape area(-)'
Hướng dẫn tạo Ribbon với Shape Tool Untitl19

Vẽ lên trên các vùng phải ẩn đi của hình thoi trong Layer 2
Hướng dẫn tạo Ribbon với Shape Tool Untitl20
Hướng dẫn tạo Ribbon với Shape Tool Untitl21
Đổi màu của Layer 2 thành màu tối hơn Layer 1

Sau khi hoàn thành đúng theo các bước trên thì bạn vẽ có được hình như sau
Hướng dẫn tạo Ribbon với Shape Tool Untitl21

Việc còn lại là bạn chỉ cần style cho Layer 1 và Layer 2 theo ý bạn để nó trông giống 1 cái Ribbon và đây là kết quả sau khi mình đã style và thêm chữ lên trên Ribbon(thêm cái khung cho nó oách)
Hướng dẫn tạo Ribbon với Shape Tool Ribbon10

Các bạn có để tải về file PSD trong bài hướng dẫn tại http://www.mediafire.com/?mcdms917hdoy5in


Lưu ý: Chèn link về diễn đàn Deezsign nếu bạn sao chép bài viết này!

https://deezsign.board-directory.net

Back to top  Message [Page 1 of 1]

Similar topics

-

» Ribbon Rank Set

Permissions in this forum:
You cannot reply to topics in this forum