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] Thiết kế một Wallpaper cá tính

Chủ đề thuộc danh mục 'Thiết kế' được đăng bởi Thịnh Zombie, 17/9/12.

Lượt xem: 15,200

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

    Nguồn: http://www.psdbox.com
    Biên soạn: Thịnh Zombie.
    Lần đầu viết tut. có gì khiếm khuyết mong ace ném đá nhẹ.
    Các bạn Dow Pattern và Font chữ sử dụng trong Tut tại đây:
    http://www.mediafire.com/?1rdb8zl6x9gja33

    Bước 1: Đầu tiên tạo một file mới 1366 x 768 px. Tạo một Layer Gradient (Layer > New Fill Layer > Gradient) và chỉnh các thông số như sau:

    [​IMG]

    Bước 2: Tạo hai thanh kim loại nằm ngang với hình dạng như dưới đây:

    [​IMG]

    Bước 3: Sử dụng Pattern kim loại vừa dow để tạo một layer mới (Layer > New Fill Layer > Pattern). Pattern kim loại này tớ chỉ sử dụng cho phần trên cùng và dưới cùng cho Wallpaper nên các bạn xóa phần thừa đi nhé.
    Thiết lập chế độ hòa trộn là: Soft Light.

    [​IMG]

    Bước 4: Tạo một Layer mới, Fill cho nó màu đen.
    Vào Filter > Noise > Add Noise, tùy chọn Amount: 100 %.
    Vào Filter > Blur > Gaussian Blur, tùy chọn Radius: 0,4 pixels.
    Thiết lập chế độ hòa trộn là: Overlay, Opacity: 20%
    Layer này chỉ tác động cho phần giữa 2 thanh kim loại nên các bạn xóa phần thừa dùm mình luôn.

    [​IMG]

    Bước 5: Để tạo các lỗ trên hai thanh kim loại, các bạn tạo cho mình một Brush bằng cách như sau:
    Tạo một file mới 300 x 300 px (File > New)
    Sử dụng Rectangular Marquee Tool (hoặc ấn phím M)

    Style: Fixed Size. Width: 13 px. Height: 200 px.
    Nhấp vào một vị trí nào đó trong file mới và fill cho nó thành màu đen.
    Vào Edit > Define Brush Preset... để tiến hành lưu brush.

    [​IMG]

    Bước 6: Quay trở lại file thiết kế wallpaper, tạo thêm một layer mới. Chọn brush vừa tạo và ấn F5 và tăng khoảng cách lên 170%.

    [​IMG]

    Vẽ một đường thẳng ngang với thanh kim loại như hình sau. Giữ phím Shift trong khi vẽ.
    Nhân đôi layer này và di chuyển đến với thanh kim loại con lại.

    [​IMG]

    Bước 7: Gộp 2 layer 2 thanh kim loại lại thành 1 và đặt tên layer: kimloai
    Gộp 2 leyer mới vẽ ở bước 6 lại thành 1 và đặt tên layer: lohong. (layer lohong nằm trên layer kimloai).
    Chọn vùng làm việc ở layer lohong, giữ Ctrl + Click vào layer kimloai để lấy các cạnh của nó. Đảo ngược vùng chọn bằng tổ hợp phím Shift + Ctrl + I.
    Ấn Delete để xóa những phần dư thừa.

    [​IMG]

    Tiếp tục lấy các cạnh của layer kimloai một lần nữa. Vào Select > Modify > Contract. Đặt Contract By = 8 px.
    Đảo vùng chọn một lần nữa (Shift + Ctrl + I) và ấn Delete.

    [​IMG]

    Bước 8: Tạo lỗ hổng trên thanh kim loại.
    Chọn vùng làm việc ở layer kimloai. Giữ Ctrl + Click layer lohong để chọn các cạnh của các đường dọc thẳng đứng.
    Vào Select > Modify > Smooth. Sample Radius: 3 px.

    [​IMG]

    Cho ẩn layer lohong đi, hoặc xóa nó đi cũng được.
    Lưu ý: có thể bạn sẽ thấy giữa các lỗ hổng còn dính các phần thừa của các layer trong bước 3 và 4. Các bạn xóa nốt đi nhé.

    Bước 9: Tạo một layer Pattern mới. Chọn Pattern kim loại như dưới đây.
    Nhấp chuột phải vào layer Pattern mới tạo và chọn Create Clipping Mask để đặt layer này chỉ tác động lên layer kimloai. Để chế độ hòa trộn là Soft Light.

    [​IMG]

    Bước 10: Tạo một chút hiệu ứng cho hai thanh kim loại. Nhấp chuột phải vào layer kimloai chọn Blending Options...
    Áp dụng Drop Shadow và Bevel & Emboss bằng cách sử dụng các cài đặt hiển thị trong hình dưới đây.

    [​IMG]

    Những thiết lập trên chỉ áp dụng cho thanh kim loại bên trên. Với thanh kim loại dưới thay thông số Angle trong Bevel & Emboss thành -85.

    Bước 11: Như vậy là hình nền đã xong, có thể tạo thêm một số màu sắc tùy vào sở thích của mỗi người. Theo tut thì mình sẽ thêm 2 chữ T và Z (chả có gì đặc biệt, chỉ là chữ viết tắt của Thinh Zombie thôi). Mình dùng font Ethnocentric nhá.

    [​IMG]

    Bước 12: Tạo chút hiệu ứng cho chữ. Mình áp dụng Bevel & Emboss và Gradient Overlay trong Blending Options của 2 layer text như sau:

    [​IMG]

    Với chữ T:

    [​IMG]

    Với chữ Z:

    [​IMG]

    Bước 13: Để thêm chút hiệu ứng phát sáng từ 2 chữ trên ta thêm một layer dưới 2 chữ cái này.
    Sử dụng brush mềm và tô một nét duy nhất giống như hình dưới:

    [​IMG]

    Thiết lập chế độ hòa trộn là: Color Dodge.

    [​IMG]

    Thêm một số chữ cái nếu bạn cảm thấy thích vào giữa.
    Ví dụ mình thêm như dưới đây.

    [​IMG]
    [​IMG]

    [​IMG]


    Cảm ơn.

    ...
    chauvan096, Radium, ShanViet7 người khác thích bài viết này.
  2. boyplay

    boyplay Thành viên cấp 3

    Tút đợp đó bợn. Mình thik chữ T vs Z là 3D hơn ^^!
  3. Pinkyr Lâm

    Pinkyr Lâm Mới đăng kí

    Sáng tạo đấy
  4. Triệu Duy

    Triệu Duy Thành viên cấp 2

    So good. Làm theo chơi bời [​IMG]
  5. Phạm Hữu Dư

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

    Bạn chủ tut ơi! Viết tutorial thì đừng nên dùng host upanh.com để up, bạn nên dùng Dropbox, Flickr hay Picasa để up ảnh nhé! Có rất nhiều link bị die rồi, nếu bạn còn giữ ảnh thì vui lòng up lại nhé :)
    Hai Lúa thích bài viết này
  6. Thịnh Zombie

    Thịnh Zombie Thành viên cấp 3

    oh, để mình sửa
  7. gobin

    gobin Mới đăng kí

    thanks bạn độc đáo lắm :D
  8. Tuân béo

    Tuân béo Mới đăng kí

    bạn ơi...link ảnh die hết rồi kìa :D...up lại cho mình xem với nhé...tks nhiều
  9. Mr.Randy

    Mr.Randy Mới đăng kí

    bạn ơi die ảnh hết rồi mình ko thấy gì cả :D
  10. xiaolinh

    xiaolinh Thành viên cấp 1

    Đẹp đó nha
  11. chirstmasBoy

    chirstmasBoy Mới đăng kí

    chả thấy gì cả
  12. b0yHN_96

    b0yHN_96 Thành viên cấp 4

    mother of die hết r :v
  13. zinzinzu

    zinzinzu Thành viên cấp 1

    Ảnh tèo rồi bác thớt!
  14. JusTa Khôi

    JusTa Khôi Thành viên cấp 3

    fix lại ảnh đi chủ thớt :)
  15. lbhoang

    lbhoang Thành viên cấp 2

    chả thấy gì ngoài minus.com >:D< ảnh die rồi bác Thịnh ơi !
  16. Hồng Sơn

    Hồng Sơn Helper

    Fix lại hình nhanh đi thớt ;)
  17. Crazy nghiện des xD

    Crazy nghiện des xD Thành viên cấp 1

    Fix lại stock hướng dẫn bác ơi, die hết rồi chả thấy gì cả
  18. Thịnh Zombie

    Thịnh Zombie Thành viên cấp 3

    Mình xóa hết đó mà, để up lại hình
  19. nhokkhoa

    nhokkhoa Mới đăng kí

    bác cho e hỏi gà cái, làm cách nào để tạo 2 thanh kim loại ạ :(
  20. Thịnh Zombie

    Thịnh Zombie Thành viên cấp 3

    nhiều cách lắm bạn. thủ công thì cứ dùng Pen tool tạo 1/4. nhân 2 rồi chỉnh nó đối xứng để tạo 1 thanh, nhân 2 mà tạo đối xứng lần nữa là đc 2 thanh :)

Ủng hộ diễn đàn