AD (728x60)

Thứ Sáu, 28 tháng 10, 2016

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

Share & Comment
Chắc các bạn đã nghe về công cụ Shape của Photoshop, hôm nay tôi sẽ chia sẻ cho các bạn về cách làm một ribbon đơn giản với công cụ này.
Để được một hình như trên, bạn làm theo các bước sau:
Bước 1: 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 để 500×300 cho dễ nhìn.
Rồi bật công cụ ‘Rectangular Marquee Tool’ (phím tắt ‘M’)
Bước 2: 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 220×45.
Chọn ‘Rectangle Tool’ trong ‘Shape tool’ (Phím tắt ‘U’)
Bước 3: 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
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!)
Bước 4: 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
Bước 5: 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
Vẫn trên Layer thứ 2 chọn Rectangle Tool và chọn ‘Subtract from shape area(-)’
Vẽ lên trên các vùng phải ẩn đi của hình thoi trong Layer 2


Bướ 6: Đổ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
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(bạn cho thêm khung để nó đẹp hơn)

>>> Bạn có thể xem thêm một số khóa học tại đây
Khóa học đồ họa báo chí
Tags:

0 nhận xét:

Đăng nhận xét

 
  • Khóa học Đồ học in ấn
  • Khóa học đồ họa báo chí
  • Khóa học Đồ họa kiến trúc
  • Khóa học Đồ họa thiết kế web
  • Khóa học Đồ họa theo yêu cầu
  • Khóa học đồ họa truyền thông
Bản quyền thuộc: CÔNG TY CỔ PHẦN THƯƠNG MẠI VÀ GIÁO DỤC VIỆT TÂM ĐỨC
Trụ sở chính:P1201-2C tầng 12 Tòa nhà Landmark 72 Keangnam Hanoi, khu E6, Mễ Trì - Q. Nam Từ Liêm - TP Hà Nội
VP1: Phòng 1114, Tòa nhà CT.A 789 Bộ Quốc Phòng, Mỹ đình, Hà Nội (sau bến xe mỹ đình, đối diện sân vận động quốc gia.)
VP2: Phòng 601, Tòa nhà C1+C2, Ngõ 106 Lê Trọng Tấn, Thanh Xuân, Hà Nội
VP3:Số 8 Ngõ 117 Thái Hà Đống Đa Hà Nội - Học viện IT
VP4:Số 50 Ngõ 91 Hoàng Quốc Việt Cầu Giấy Hà Nội
VP5:P2215 tầng 22 toà FLC 36 Phạm Hùng, Mỹ Đình
VP6:Số 47, TT6 KĐT Văn Phú, Hà Đông, Hà Nội
VP7:P.10 Lầu 5 toà Oriental Plaza số 685 Đường Âu Cơ, P. Tân Thành, Q. Tân Phú, T.P HCM

việt tâm đức,học đồ họa, học thiết kế đồ họa, học thiết kế web, dao tao do hoa in an,viet tam duc ha noi,hoc thiet ke do hoa in an bao chi,việt tâm đức hoc thiet ke do hoa truyen thong
Copyright © Học viện IT- Đồ họa và sáng tạo | Thiết kế web bởi việt tâm đức lừa đảo