Dismiss Notice
Chào bạn đã ghé thăm diễn đàn Cộng đồng FIFA Việt Nam! Hãy đăng ký làm thành viên để chém gió cùng mọi người trên chatbox nhé, chỉ 30 giây thôi!

Tutorial Cách tạo Userbars làm chữ ký

Thảo luận trong 'Tán gẫu' bắt đầu bởi theway, 25/9/10.

  1. theway

    theway mr.theway

    Tham gia:
    25/8/10
    Bài viết:
    1,317
    Đã được thích:
    471
    Hiện giờ trên các 4rum, sử dụng Userbar làm chữ ký đã trở nên rất thông dụng, gọn nhẹ và nhìn rất hợp mắt. Tùy theo ý thích mà bạn có thể tạo cho mình một Userbar theo ý của mình, nó có thể to như một chiếc thẻ chứa đựng thông tin mà nó cũng chỉ như mặc định là một thanh bar đơn giản.

    Dưới đây là những cách làm Userbar đơn giản nhất:

    Cách 1: Đơn giản nhất mà chẳng cần phải làm gì

    Lên mạng vào 2 trang sau:
    http://userbars.net
    http://userbars.com

    Search những Userbars mà mình ưng ý rồi Coppy & Paste

    Cách 2: Dùng phần mềm Userbar Generator

    Với những ai không thành thạo PTS thì chúng ta có thể dùng phần mềm Userbar Generator. Phần mềm này sử dụng rất đơn giản, chỉ cần cài đặt rồi chạy là lập tức sử dụng được liền.
    Mã:
    http://www.echip.com.vn/echiproot/Softwares/2007/UBarGen2.2_en.exe

    Cách 3: Dùng phần mềm PTS

    1. Download font Visitor (font chữ cơ bản dùng trong Userbar)
    Mã:
    http://img.dafont.com/dl/?f=visitor
    2. Mở PTS

    3. Tạo một document mới, size 300x20 (hoặc 350x20). Background Contents: Transperent

    4. Chọn một hoặc hai màu cơ bản sao cho chúng phải phù hợp với nền. Ở đây, tôi sẽ tạo một Yoshi User Bar. Vậy nên tôi sẽ chọn màu Trắng ở phần bụng của Yoshi, và màu Xanh từ thân Yoshi. Chọn Linear Gradient và tự mình tút sao cho kết quả theo bạn là đẹp nhất.

    Kết quả của tác giả:
    [​IMG]

    5. Tạo một document mới, size 6x6, chọn công cụ Pencil Tool(ẩn dưới Brush Tool), chỉnh size cho Pencil tool là 1 pixel, dùng Zoom Tool, zoom 1600 lần, sau đó vẽ đường xiên như hình:
    [​IMG]

    Khi đã vẽ xong, chọn Edit-> Define Pattern, đặt tên cho cái pattern ha.

    6. Tạo một layer mới, đặt là Pattern, chọn Paint Bucket Tool (ẩn sau Gradient Tool), rầu đổi chế độ fill từ Foreground sang Pattern
    [​IMG]


    Giờ fill layer Pattern bằng Paint Bucket Tool, chỉnh lại mode của layer Pattern là Normal, Giảm Opacy xuống 25 %

    7. Giờ cho thêm hình vào, kết quả thứ 2:
    [​IMG]

    8. Giờ là công đoạn đánh chữ vô (Text), xài font Visitor TT1 BRK vừa down về nha, nhớ là font chữ để màu trắng, text size: 11pt

    Gõ text xong rầu thì mở Blending Option lên > Stroke > Color là Black, Position: Outside
    [​IMG]

    9. Tạo một layer mới, đặt tên là Shine (Ánh sáng) or wat ever u want, dùng Elliptical Marquee Tool vẽ một vùng chọn như hình
    [​IMG]

    Fill layer shine với màu trắng, chỉnh mode Normal, Opacy 30%

    Nguồn: (Sưu tầm)

    Kết quả do mình làm được:
    [​IMG]
    [​IMG]
    [​IMG]
    [​IMG]
    [​IMG]
    [​IMG]
    [​IMG]
     
    haind thích bài này.
  2. maradonalopez

    maradonalopez Moderator

    Tham gia:
    26/8/10
    Bài viết:
    156
    Đã được thích:
    19
    Thanks anh :D, tool này rất hay, nhưng nếu bạn nào có tí kinh nghiệm photoshop thì nên dùng photoshop để đạt đc chất lượng và hiệu quả tốt nhất, còn nếu ko rành photoshop thì có thể sử dụng tool userbars này :)
     
  3. theway

    theway mr.theway

    Tham gia:
    25/8/10
    Bài viết:
    1,317
    Đã được thích:
    471
    Làm bằng PTS thì mới tối ưu hóa được cái sáng tạo mà mình muốn tạo vào Userbars. Như hình mình tự làm trên mọi người có thể thấy làm bằng PTS sẽ có cảm giác khác, sáng tạo hơn và mang đậm bản sắc của riêng mình - không đụng hàng ai cả. Mặc dù nó cũng chỉ đơn giản là cắt ảnh rồi ghép vào, nhưng nó vẫn mang những cái riêng của mình. Và làm bằng PTS cũng chẳng có j phức tạp đâu. Làm được 1 lần là lần sau vài phút xong cái Userbar liền.

    Còn dưới đây là Userbars làm bằng UserbarGenerator - mọi người có thể nhận thấy là hình ảnh rất đơn điệu, kotoát lên được tính sáng tạo.

    [​IMG]

    Còn với hình Coppy trên web thì ko nói làm gì rồi. :D
     
  4. WayneRooney

    WayneRooney Member

    Tham gia:
    7/9/10
    Bài viết:
    348
    Đã được thích:
    8
    Thanks 4 share, em xin phép xài cái MU's fan của anh, đừng kiện e nhá;;)
     
  5. khangpro

    khangpro Member

    Tham gia:
    26/8/10
    Bài viết:
    133
    Đã được thích:
    1
    Vấn để là làm cho nó động ý, cái hình nó chạy lên như userbar này nè

    [​IMG]

    Ai bít thì chỉ giúp nha :x
     
  6. ledatcr

    ledatcr Guest

    Okei, làm thử 1 cái chữ ký bằng userbar, vừa đẹp, vừa nhẹ, lại hợp thời.
     
  7. theway

    theway mr.theway

    Tham gia:
    25/8/10
    Bài viết:
    1,317
    Đã được thích:
    471
    @ Melody: Vì mấy cái Userbar đó mình làm theo sở thích của mình nên nó có thêm phần Levi's Jeans User. Nếu bạn có dùng thì dùng riêng cái này này. Không vấn đề gì cả, làm ra là cho mọi người nếu ai thấy đẹp và thích thì cùng hưởng mà. Khi rỗi hơi mình làm ra nhiều cái userbars lắm - nên cái này mình thay đổi liên tục ko sợ đụng hàng đâu, nên ai ưng cái nào có thể cắt ra và lấy thoải mái. [​IMG]

    Đây là hình của Manchester United Fan và FIFA 11 cho Melody nếu thích lấy riêng biệt.

    Làm cái này cũng đơn giản, cái userbars trên mình tạo từ gần 100 layers, rồi ghép nó vào phần ảnh động cho chạy ở mức 0, 1s thì nó sẽ được thế kia. Nếu muốn làm như vậy, bạn phải tạo 100 bức ảnh rồi ghép nó vào thành một tấm hình động.


     
  8. ledatcr

    ledatcr Guest

    Ẹc, làm được rùi....
     
  9. theway

    theway mr.theway

    Tham gia:
    25/8/10
    Bài viết:
    1,317
    Đã được thích:
    471

    Uhm đấy, nó cũng đơn giản ko ấy mà. Giống mình lúc đầu, dù có hơi sơ sài ;)) nhưng đến cái thứ 2 thứ 3 thì lúc ấy mới bắt đầu có ý tưởng sáng tạo cao hơn và làm nhanh hơn. Dần rồi thích làm kiểu gì thì nó ra kiểu ấy, từ hình động đến hình super động luôn... [​IMG]
     
  10. MMQ

    MMQ Guest

    Mình lấy cái userbar vietnamese nhé :D
    p/s: Thanks for share.

    Edit: Éc cái ảnh dính liền 4 cái [​IMG].