Hôm nay tình cờ, mình thấy một người bạn có một cái logo rất hay, nó mang phong cách của cuộc thi American Idol mà hiện nay đã có phiên bản Vietnam Idol rồi và cuộc thi này rất nổi tiếng, hẵn là ai cũng biết, thế nên khi nhìn vào logo của cuộc thi thì ta có thể dễ dàng nhận ra ngay. Tò mò và muốn làm thử một cái tương tự, mình đã hỏi xin font chữ để làm logo đó, nhưng mình không ngờ là ở trên máy mình đã có sẵn font đó rồi, nó có tên là VfFree21, thế là mình thử bắt tay vào làm ngay.

Logo theo phong cách American Idol

Đây chính là Logo của người bạn khiến mình tò mò

Sau 30 phút ngồi làm thử thì cuối cùng mình cũng làm được, nom cũng giống được cỡ 90% rồi 😀

Logo theo phong cách American Idol

Đây là thành quả đầu tiên của mình

Cách làm Logo theo phong cách American Idol (có hiệu ứng động lóe sáng)

Còn đây mình nhái theo đúng logo gốc luôn, nó giống 90% với logo gốc

Cách làm Logo theo phong cách American Idol (có hiệu ứng động lóe sáng)

Còn đây chính là logo gốc của American Idol, mời bạn so sánh

Thế là mình mang lên khoe ngay trên Fanpage của mình là I Love [Photoshop] và hỏi xem có ai muốn mình làm một tutorial về logo này không? Và đa số là hưởng ứng khá nhiệt tình nên bây giờ mình sẽ bắt đầu bài tutorial này ngay nhé 😀

Nguyên liệu duy nhất đó chính là font chữ cho dạng Logo này, nếu như trên máy bạn chưa có font chữ này thì download tại đây nhé. Sau khi có font rồi thì paste nó vào Control Panel -> Fonts để sử dụng, và chúng ta bắt đầu mở Photoshop ra thực hành nhé.

Bước 1: tạo file new kích thước 600 x 375 px, và để ở dạng Transparent (nền trong suốt). Sở dĩ set nó ở dạng Transparent là vì thông thường Logo người sẽ để nền trong suốt thay vì nền màu.

Cách làm Logo theo phong cách American Idol (có hiệu ứng động lóe sáng)

Bước 2: dùng Eliptical Marquee Tool để vẽ khung tròn cho Logo.

Cách làm Logo theo phong cách American Idol (có hiệu ứng động lóe sáng)

Đầu tiên ta vẽ 1 hình elip như thế này và tô nó màu #215A8F

Cách làm Logo theo phong cách American Idol (có hiệu ứng động lóe sáng)

Tương ta vẽ thêm 3 vòng elip nữa lồng vào trong hình elip lớn với thứ tự màu sẽ là: #00AAF0 > #22579C > #1E2E69, ta sẽ được như hình dưới.

Cách làm Logo theo phong cách American Idol (có hiệu ứng động lóe sáng)

Như vậy cơ bản là ta đã có nền của Logo rồi đấy.

Bước 3: tạo text cho Logo, ở đây mình sẽ dùng chữ VietDesigner.net Photoshop thay vì American Idol.

Thực ra nếu mình để text như thế sẽ không đẹp vì nó không hợp với Logo dạng này, tuy nhiên vì lí do bảo vệ bản quyền nên mình dùng tên của Website để thực hành, còn nếu như bạn làm thì hãy đặt một cái tên khác phù hợp hơn hoặc là dùng luôn cái tên American Idol để thực hành cho dễ so sánh.

Okay, đầu tiên mình sẽ tạo một cái text với font chữ VfFree21 và type dòng VietDesigner.net trước, và đặt nó hơi xéo theo kiểu lên dốc một tí. Sau đó mình tạo thêm một cái text nữa và type là Photoshop, cái này mình giữ nguyên không cho nó xéo như text kia.

Ta sẽ có kết quả như sau:

Cách làm Logo theo phong cách American Idol (có hiệu ứng động lóe sáng)

Bước 4: ta sẽ làm đậm dòng text này lên vì font mặc định thì kiểu font này nó hơi mỏng, nên khi chỉnh blending option sẽ không giống với Logo chính thức, đã nhái là phải nhái cho giống 😀

Đầu tiên ta chuyển file text thành file dạng layer, click chuột phải vào layer text, chọn Rasterize Type cho cả 2 cái text luôn nhé.

Cách làm Logo theo phong cách American Idol (có hiệu ứng động lóe sáng)

Khi nó đã thành dạng layer rồi ta có thể chỉnh Stroke cho nó được. Vào Edit -> Stroke và chọn là 2 pixel và màu trắng.

Cách làm Logo theo phong cách American Idol (có hiệu ứng động lóe sáng)

Sau khi chỉnh stroke cho cả 2 layer VietDesigner.netPhotoshop thì nó sẽ đậm lên như thế này đây:

Cách làm Logo theo phong cách American Idol (có hiệu ứng động lóe sáng)

Bước 5: chỉnh Blending Option cho Text hay còn gọi là Layer Style, ở khung Layer bạn sẽ thấy có kí hiệu fx, click vào để chỉnh Blending Option. Ta chọn 3 thông số: Inner Glow, Color Overlay và Stroke; các bạn chỉnh theo 3 thông số dưới đây nhé.

Cách làm Logo theo phong cách American Idol (có hiệu ứng động lóe sáng)

Cách làm Logo theo phong cách American Idol (có hiệu ứng động lóe sáng)

Cách làm Logo theo phong cách American Idol (có hiệu ứng động lóe sáng)

Sau khi chỉnh Blending Option cho layer VietDesigner.net, ta có kết quả sau:

Cách làm Logo theo phong cách American Idol (có hiệu ứng động lóe sáng)

Các bạn có thể chỉnh tương tự như thế cho layer còn lại là Photoshop hoặc có thể copy Layer Style mới vừa làm rồi paste sang đây cho nhanh, ta sẽ được thế này:

Cách làm Logo theo phong cách American Idol (có hiệu ứng động lóe sáng)

Bước 6: thêm dòng chữ TM cho Logo, thật ra có thể bước qua bước này nhưng do đã copy thì copy cho hết luôn vậy 😀

Mình dùng font Arial, size 12 để type chữ TM và đặt nó ở bên cạnh chữ P của Photoshop, kết quả cuối cùng trông như thế này đây:

Cách làm Logo theo phong cách American Idol (có hiệu ứng động lóe sáng)

Đây là video clip hướng dẫn trực tiếp cách làm logo, mình chia ra 2 video, một phần là cách làm logo và một phần là cách làm ảnh động lóe sáng. Do mic của mình cùi quá nên nói không được rõ và bị rè, thế nên các bạn chịu khó nghe và bật lớn volume một tí nhé 😀

Enjoy ♥

(Part 1 – Hướng dẫn làm logo)

 (Part 2 – Ảnh động lóe sáng)

Nếu thấy bài viết có ích thì đừng lười ấn nút Like hay +1 để ủng hộ cho những bài tutorial lần sau nhé ♥

Thông tin tác giả

Administrator

Tôi là Phạm Hữu Dư, tôi đang cố gắng xây dựng một cộng đồng thiết kế bổ ích nhất cho toàn thể người Việt Nam đam mê nghề thiết kế đồ họa. Ngoài ra tôi còn rất yêu nhà vườn, nếu ai có cùng đam mê nhà vườn thì hãy ghé thăm kênh Youtube của tôi ở địa chỉ: Youtube.com/phddesigner

8 Phản hồi

  1. Nhan

    mình rất thắc mắc 1 điều là bạn nhìn hình và mò theo bằng cách nào thế ?

    Reply
    • Việt Designer

      Chỉ cần có font là bạn có thể bắt chước theo thôi 🙂 Cái này cần phải có 1 chút kiến thức về Photoshop, làm sao để có thể có cái vòng elip, làm sao để có cái layer style như thế thì sẽ làm đc 🙂

      Reply
  2. TMC

    Sao mình ko tô màu được z? mình dùng màu theo thông số va dung foreground lại bị lem là sao z?

    Reply
  3. chu lan

    anh ơi! em xài photoshop cs6. sao em không thấy cái khung bên dưới lúc anh tạo 1 loạt ảnh rồi cho nó chạy hiệu ứng lóe sáng cho logo vậy anh. em không biết phải tìm cái đó ở đâu cả? mà em cũng k nghe rõ anh nói đó là công cụ gì. anh trả lời cho em với nhé! thank ạ!

    Reply

Bình luận của bạn

Điền tên và email của bạn để có thể gửi trả lời