Cách tạo ruybang đơn giản trong photoshop

30/08/2012

Dùng dải ruybang trong thiết kế web đang là một xu hướng  mới giúp webstie trở nên “dịu dàng”  và bắt mắt hơn.  Bạn có thể sử dụng nó để làm menu,  chứa các thanh tiêu đề hay nhấn mạnh một bản tin cần thiết nào đấy…

Ở bài hướng dẫn trước mình đã chỉ các bạn cách tạo đèn chiếu sáng thì hôm nay ruybang sẽ là hướng dẫn tiếp theo. Nào, chúng ta cùng làm nhé.

Cách tạo ruy băng trong photosop

Bước 1: Tạo một tài liệu mới với kích thước 600 x 600px, đặt tên là “Ribbon“.

Cách tạo ruy băng trong photosop

Bước 2: Tạo layer mới với tên gọi là “Backgroun texture“. Tô nó với màu #cccccc. Tiếp tục, vào menu Filter > Noise > Add noise và thiết lập các thông số:

Amount: 10%
Distribution: Gaussian
Monochromatic: Checked

Cách tạo ruy băng trong photosopVà cho nó Opacity là: 15%.

Bước 3: Dùng công cụ Rouded Rectangle tool…vẽ một hình chữ nhật với kích thước 300 x 200px, đặt nó nằm giữa trang giấy và tạo layermask cho nó, đặt tên layer là “Clipping mask“.

Cách tạo ruy băng trong photosop

Bước 4: Thiết lập một số hiệu ứng cho nó như:

Drop shadow:

Cách tạo ruy băng trong photosop

Bevel and Emboss:
Cách tạo ruy băng trong photosop

Stroke:
Cách tạo ruy băng trong photosop

Bước 5: Tiếp theo, bạn sử dụng bất kỳ kỳ hình nào mình thích đặt giữa trang giấy, đặt nó nằm trên layer “clipping mask” và vào menu layer > Create clipping mask.

Cách tạo ruy băng trong photosop

Bước 6: Bây giờ, để tạo ra ruybang trên quấn trên tấm ảnh bạn dùng Rectangle tool và vẽ một hình chữ nhật với kích thước tùy ý (như hình) và sử dụng phím Ctral + T quay một góc 35 độ và đặt nó như hình dưới. Đặt tên cho layer này là “Ribbon“.

Cách tạo ruy băng trong photosop

Bước 7:
– Giữ phím Ctrl + click vào vector mask của layer “Clipping mask”. Điều này sẽ tạo ra một vùng chọn xung quanh mặt nạ clipping.
– Để vùng chọn vượt ra khỏi ranh giới của nó một ít, bạn vào Select > Modify > Expand và gõ vào thông số là 4px.

Bước tiếp theo, bạn chọn layer “Ribbon” và tạo layer mask cho nó bằng cách click vào button “Add layer mask” ở dưới hay vào Layer > Layer Mask > Reveal Selection.

Cách tạo ruy băng trong photosop

Bước 8: Vẫn tại layer này bạn thiết lập một số hiệu ứng cho nó như:

Drop shadow:

Cách tạo ribbon trong photoshopInner Glow:
Cách tạo ruy băng trong photosopBevel and Emboss:
Cách tạo ruy băng trong photosopGradient Overlay
Cách tạo ruy băng trong photosopStroke:
Cách tạo ruy băng trong photosopSau khi áp dụng hiệu ứng, bạn được kết quả:

Cách tạo ruy băng trong photosop

Bước 9: Để tạo cảm giác như ruybang của bạn đang cuốn hình ảnh thì bạn làm như sau:
– Tạo một layer mới, đặt tên là “Ribbon Fold”, đặt nó nằm trên layer “Background texuture” và dưới layer “Clipping mask”.
– Thiết lập màu fore là màu tối, bạn có thể dùng màu #240500.
– Sử dụng công cụ brush tool, với kích thước cọ là 9px và thông số hardness là 100%.

Cách tạo ruy băng trong photosop

Bây giờ sử dụng brush để vẽ một vòng tròn nhỏ trên cả hai của các cạnh đáy. Bởi vì lớp dưới clipping mask, bạn sẽ chỉ nhìn thấy một phần đen tối của brush xung quanh các góc băng chồng lên hình ảnh.

Cách tạo ruy băng trong photosop

Bước 10: Tiếp tục, chúng ta sẽ đính kèm trên nó một dòng chữ nào đấy.
Bạn sử dụng Text tool và thiết lập các thông số như sau:
– Chunk Five
– 24pt
– 75 letter spacing
– Color #240500

Đặt text này trên layer “Ribbon” và sử dụng phím Ctrl + T quay nó một góc 35 độ như ở bước 6.

Cách tạo ruy băng trong photosop

Tiếp theo, bạn áp dụng hiệu ứng cho chữ như sau:
Drop shadow:

Cách tạo ruy băng trong photosop

Inner Glow:
Cách tạo ruy băng trong photosop
Gradient Overlay:
Cách tạo ruy băng trong photosop

Hoàn tất, bạn được kết quả thế này.

Cách tạo ruy băng trong photosop

Bước 11: Để hoàn thiện ruybang của mình, bạn có thể add thêm hiệu ứng đường chỉ chạy ngang ruybang cho đẹp.
Để làm điều đó rất chi là đơn giản, bạn sử dụng công cụ text tool và gõ một loạt các dấu gạch ngang, thay đổi các thông số như sau:

– Chunk Five
– 13pt
– 200 letter spacing
– Color #700404
– Text Layer Opacity: 50%
Đặt nó trên ruybang của bạn và quay nó một góc 35 độ như ở bước 6 và 10

Cách tạo ruy băng trong photosop

Sau đó, thiết lập thông số Drop shadow như hình

Cách tạo ruy băng trong photosop

Bước 12: Nhân đôi layer này và di chuyển nó xuống song song với layer chính.

Cách tạo ruy băng trong photosop

Bước 13: Để loại bỏ các đường chỉ dư thừa bên ngoài sao cho nó chỉ nằm gọn trên ruybang của mình. Bạn chỉ cần tạo cho chúng một layer mask là xong.

Cách tạo ruy băng trong photosop

Lúc này bạn sẽ được kết quả như ý.

Cách tạo ruy băng trong photosop

Bây giờ thì chắc bạn đã biết cách tạo ra một dải ruybang đơn giản trong photoshop rùi chứ. Hãy từng bước làm theo hướng dẫn và cũng có thể tự mình thay đổi màu sắc theo sở thích riêng thử xem.
Chúc các bạn thành công nhé.!

Chuyên Mục:

Bài viết được đăng bởi tracy

Nếu các bạn thấy bài viết hữu ích thì giúp mình Like cái nhé !
  • Max Ken

    Bước 7:
    – Giữ phím Ctrl + click vào vector mask của layer “Clipping mask”. Điều này sẽ tạo ra một vùng chọn xung quanh mặt nạ clipping.

    Vector Mask là gì và nó ở đâu trên CS6 vậy bạn. Mình không biết. Bạn hướng dẫn rõ hơn xem nào