Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

[Tut Text Effect] Hiệu ứng thẻ chữ để thể hiện tình cảm.

Chủ đề thuộc danh mục 'Hiệu ứng chữ' được đăng bởi cuongbenki, 1/7/12.

Lượt xem: 36,207

  1. cuongbenki Thành viên cấp 3

    Hôm nay mình xin giới thiệu đến với các bạn một bài tut khá là thú vị của nước ngoài do mình cover và dịch lại cho VietDesigner.
    Đây là kết quả của tác phẩm khi chúng ta hoàn thành bài tut này.

    [​IMG]

    Trước khi thực hiện bài tut này chúng ta cần Pattern hình hoa lá, Font "CODE" và 1 texture giấy cũ ngả màu vàng. Các bạn download nguyên liệu theo đường link mediafire mà mình đã up: http://www.mediafire.com/?wyau214fkefwqdn (Pass: vietdesigner.net)
    Nếu có thắc mắc các bạn cứ việc hỏi mình.

    Bước 1 :
    Mở Photoshop CS6 (hoặc các bản cũ hơn) tạo 1 document mới với kích thước 1152×964 pixels. Sau đó chúng ta sẽ Fill màu của Layer Background này bằng mẫu Pattern mà ta vừa download. Bằng cách Edit>Fill. Contents>Pattern>Custom Pattern: (chọn mẫu pattern tương ứng giống tut hoặc có thể chọn khác).

    [​IMG]

    Bước 2 :
    Chúng ta sẽ thêm texture giấy cũ ngả vàng (có kèm trong file download) và chuyển chế độ hòa trộn (Blending Mode) của Layer Texture sang chế độ Multiply.

    [​IMG]

    [​IMG]

    Bước 3 :
    Chúng ta sẽ vẽ hình dạng của miếng thẻ bằng công cụ Rounded Rectangle Tool với gam màu #ead89f và tùy theo tỉ lệ bạn muốn miếng thẻ trông ra sao. Hãy nhớ để giá trị Radius trên thanh Options bằng 5px.

    [​IMG]

    Sau đó chúng ta sẽ thêm hiệu ứng layer (Add Layer Style) cho miếng thẻ bằng Drop Shadow.

    [​IMG]

    Các bạn chỉnh thông số Drop Shadow như sau:
    - Color : #3f2823
    - Bỏ stick "Use Global Light"
    - Distance = 13. Spread = 15 . Size = 13

    [​IMG]

    Bước 4 :
    Chúng ta sẽ thêm hiệu ứng Bevel and Emboss với các thông số :
    - Size = 4
    - Màu Hightlight Mode : #fdf8e8
    - Màu Shadow Mode : #dcd5bf

    [​IMG]

    Ta sẽ chỉnh thêm hiệu ứng Contour : chuyển sang Half Round và chọn Anti-aliased

    [​IMG]

    Bước 5 : (text trên hình do mình chụp sau nên quên)
    Thêm hiệu ứng Gardient Overlay cho miếng thẻ với các thông số:
    - Blend Mode: Soft Light
    - Opacity : 10
    - Gardient chọn màu cơ bản trắng đen và chọn Reserve
    - Angel : 0

    [​IMG]


    Bước 6:
    Chúng ta sẽ thêm text trên miếng thẻ đó bằng Horizontal Type Tool (T) thêm chữ tùy thích với Font Code (màu đen) mà mình đã đính kèm trong file download.

    [​IMG]

    Kế đến chúng ta sẽ thêm hiệu ứng cho text bằng Drop Shadow với các thông số:
    - Blend mode : Normal
    - Opacity : 100%
    - Distance : 2. Spread : 0 . Size 0
    - Màu :#e9dfc0

    [​IMG]
    Sau khi xong chúng ta sẽ thấy nó trông thực hơn. Và các bạn gom layer text và shape lại thành 1 Group.

    [​IMG]

    Bước 7 :
    Chúng ta đã có hình dạng của miếng thẻ và text trên đó bằng Group 1. Như vậy muốn tạo thêm nhiều thẻ như vậy các bạn chỉ cần nhân bản Ctrl+J Group 1 lên và vào Group vừa duplicate đó đổi chữ text thành chữ khác tùy ý bạn. Sau đó các bạn Ctrl+T để di chuyển và sắp xếp vị trí của miếng thẻ mới theoý của bạn. Cứ vậy mà bạn tạo thành các kí tự khác và miếng thẻ khác

    [​IMG]

    [​IMG]

    Bước 8 :
    Bây giờ ta sẽ tạo tấm thẻ có hình trái tim. Bạn Ctrl+J một group bất kì và Delete layer Text trong Group vừa mới duplicate đi. Sau đó chúng ta sẽ vẽ hình trái tim bằng Custom Shape Tool và các bạn cho nó màu : #d5593d.

    [​IMG]

    Ở trên thanh Options của Custom Shape Tool bạn chọn Shape và chọn hình Trái tim. Sau đó bạn vẽ hình trái tim lên miếng thẻ. Rồi chúng ta sẽ thêm hiệu ứng cho nó như text, bằng cách chọn bất kì Text Layer nào, chuột phải chọn Copy Layer Style và kế đến chọn layer trái tim, chuột phải chọn Paste Layer Style.

    [​IMG]




    [​IMG]

    Bước 9 :
    Chúng ta sẽ thêm Gardient Map, và đổi chế độ hòa trộn của layer Gardient Map này thành Multiply và giảm Opacity xuống 40%. Trước đó chúng ta chọn màu cho Gardient này với 2 màu #b7a781 #f9f2ea.

    [​IMG]

    [​IMG]

    [​IMG]


    Bước 10 :
    Các bạn Ctrl+E để hợp các layer lại thành một và chuyển chế độ hòa trộn (Blending Mode) thành Soft Light và giảm Opacity xuống 30%.

    [​IMG]

    Bước 11 :

    Cuối cùng chúng ta chọn Filter>Other>High Pass và chỉnh Radius là 8.0. Như thế là xong.

    [​IMG]

    [​IMG]

    Và tác phẩm cuối cùng đã hoàn thành. Với bài tut này các bạn có thể sử dụng để thể hiện tình cảm của mình với người yêu, gia đình hay bạn bè rất hay. Mong mọi người sẽ thích nó. :)

    [​IMG]


    Nguồn : Text Tut

    ...
  2. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    Bài tut cover quá tuyệt vời! Cảm ơn bạn CuongBenki :D
    cuongbenki thích bài viết này
  3. ShiroEmon_

    ShiroEmon_ Mới đăng kí

    đẹp quá, thanks bạn :)
  4. faragona

    faragona Thành viên cấp 2

    Giá như phần text đổi sang màu nâu đậm (màu xi gỗ) và thêm texture gỗ cho các thẻ thì là hoàn hảo luôn :D
    Kiểu thế này:

    [​IMG]
  5. cuongbenki

    cuongbenki Thành viên cấp 3

    Hì, đúng là trông đẹp hơn thật. :D, ý kiến của bạn hay, mình xin tiếp thu :P
    Đặng Sơn Tùng thích bài viết này
  6. Đặng Sơn Tùng

    Đặng Sơn Tùng Thành viên cấp 2

    kiểu trên nhìn giống gỗ với có tý đặc biệt hơn, he, chứ k nhìn cũng đơn giản :P thank bạn đã chia sẻ :D
  7. Sakura Hoàng

    Sakura Hoàng Thành viên cấp 1

    làm cho giống gỗ thế nào bạn nhỉ? chỉ cho mình vs
    MrBOOM thích bài viết này
  8. Sakura Hoàng

    Sakura Hoàng Thành viên cấp 1

    [​IMG]
    đây là kết quả của mình. nhưng thấy cí chữ nó k có chiều sau lắm. k thấy giống khắc lên như của bạn. là vì sao nhỉ??? hay do màu chữ hơi nhạt
  9. SilverRow1988

    SilverRow1988 Cựu quản trị

    Add thêm hiệu ứng inner shadow vào thì chữ sẽ có chiều sâu hơn đó bạn, với mình nghĩ màu gỗ nên nhạt như trong tut thì sẽ đẹp hơn :).
    Thích tut này, để rảnh design cover theo kiểu này :)).
    MrBOOMSakura Hoàng thích bài viết này.
  10. Sakura Hoàng

    Sakura Hoàng Thành viên cấp 1

    mình cũng thik cí màu gỗ này nhưng kiếm k ra texture như vậy
  11. SilverRow1988

    SilverRow1988 Cựu quản trị

    Tự chỉnh màu lại được mà :D ... Nếu bạn ko biết thì inbox vào profile có gì mình hướng dẫn cho.
    Sakura Hoàng thích bài viết này
  12. Sakura Hoàng

    Sakura Hoàng Thành viên cấp 1

    ak mình sửa lại đc rồi. có thêm cả inner shadow nữa. nhìn đẹp hơn thật. tks bạn
    SilverRow1988 thích bài viết này
  13. SilverRow1988

    SilverRow1988 Cựu quản trị

    Cái cover vừa làm theo tut + chế biến thêm chút:


    [​IMG]
    valentive1, jinbewon, MrBOOM2 người khác thích bài viết này.
  14. ly hai

    ly hai Mới đăng kí

    cảm ơn b 1 bài TUT rất hay
  15. talsuollu

    talsuollu Mới đăng kí

    em cover thế này có được hem mấy bác :)
    [​IMG]
    CheRis, BinPhotography, casau_baucamap1 người khác thích bài viết này.
  16. Dung Jin

    Dung Jin Thành viên cấp 2

    đẹp đấy bạn à :">
  17. talsuollu

    talsuollu Mới đăng kí

    tks bạn :D
  18. alumilat

    alumilat Mới đăng kí

    bạn có thể cho mình texture gỗ như bạn được không? Thanks.
  19. madmeo

    madmeo Thành viên cấp 2

    Bài này hay quá!!! học lun:">
  20. Rollingdesign

    Rollingdesign Thành viên cấp 2

    CHo mình xin file psd :) + 1 số texture nhé ;)

Ủng hộ diễn đàn