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

Tạo Chữ Typographic “Cool” Trong Photoshop

Chủ đề thuộc danh mục 'Hiệu ứng chữ' được đăng bởi nguyet_designer, 5/10/14.

Lượt xem: 9,727

  1. nguyet_designer Thành viên cấp 1

    Designs.vn xin được giới thiệu với các bạn bài hướng dẫn học cách Tạo Chữ Typographic “Cool” Trong Photoshop. Bài hướng dẫn khá dài, nhưng kết quả thì tuyệt đẹp.

    Kết quả sẽ có
    [​IMG]



    Bài sử dụng thêm một số tài nguyên khác:

    • White flower

    • Yellow flower


    Làm việc với Paths


    Chúng ta sẽ sử dụng Circle Path (vòng tròn) và một phần của nó, sau đó tạo nét với Brush. Hãy chọn Ellipse Tool (U) và chọn Path option trên bảng Properties. Bằng cách này bạn sẽ tạo một nét tròn chứ không phải một hình tròn.


    [​IMG]



    Chọn Brush tool (B). Sử dụng loại bút lớn và sắc cạnh (hard edges brush). Bấm F5 để tới bảng Brush Properties. Đặt Spacing là 10% và bỏ check Dynamics.


    [​IMG]


    Tạo một layer mới, và với Brush Tool đang chọn, bạn nhấn Alt + Enter. Nét bạn vẽ sẽ thành đường Brush mà bạn đặt Properties.

    [​IMG]



    Chọn Direct Selection Tool (A). Chú ý rằng không có anchor points nào được chọn, nhấp vào một đường path giữa 2 điểm anchor và bấm Delete. Tạo một layer mới, chọn Brush Tool (B), chọn màu xám và bấm Alt + Enter để tạo nét cho đường Path bạn mới chọn.


    [​IMG]


    Chọn Pen tool (P) và add thêm điểm trên đường path như hình dưới. Dùng Direct Selection (A) để xoá điểm thừa trên path.



    [​IMG]


    [​IMG]



    Chọn Brush Tool(B), chọn màu tối, tạo layer mới rồi nhấn Alt + Enter để tạo nét.


    [​IMG]


    [​IMG]


    Với cách làm như vậy bạn sẽ tạo được nhiều nét tròn. Bãy nhìn hình dưới là lặp lại các cách trên để tạo hình.



    [​IMG]


    [​IMG]



    Bước 1



    Tạo một new document 1600 x 1200 pixel với resolution là 72 dpi. Tô màu Background với dài màu gradient màu tím đậm từ # 392354 – # 593b70.


    [​IMG]



    Chọn Ellipse tool (U) và chọn thẻ Path trên bảng properties. Giữ Shift và tạo một vòng tròn. Tới thẻ Paths panel, duplicate Work Path, đặt tên nó là "Base" và duplicate (x2) nó lần nữa. Giữ lại "Base" và sử dụng bản copy.



    [​IMG]



    Bây giờ bạn tạo chữ C, sử dụng Pen Tool và thêm hai điểm anchor, sau đó xoá điểm ở giữa.

    [​IMG]



    Chọn Brush kích thước 80px, tạo layer mới và nhấn Ctrl + Enter để tạo nét từ Path. Đừng xoá đường path này, chúng ta sẽ dùng lại nó.


    [​IMG]



    Tới thẻ Path và chọn "base" path, duplicate nó và dịch chuyển bản copy qua bên phải, nó sẽ là chữ O. Dịch chuyển path bằng cách dùng Path selection tool (A).



    [​IMG]



    Chọn Brush (B) > New layer > Alt + Enter.



    [​IMG]



    Nhân đôi chữ O.


    [​IMG]



    Giờ thì tạo chữ L. Kéo đường guide để căn hàng, qua đó tạo chiều cao của chữ L. Giữ Shift để tạo 1 đường path, sau đó Brush (B) > new layer > Alt Enter. Sau đó làm tương tự để tạo nét còn lại của chữ L.



    [​IMG]


    [​IMG]


    [​IMG]

    Bây giờ bạn cần sắp xếp các chữ và các thư mục rõ ràng. Nhìn theo hình dưới.



    [​IMG]



    Bước 2


    Với cách thực hiện giống chữ O ở trên, bạn nhìn hình dưới để tạo chữ C.


    [​IMG]


    [​IMG]



    Kế tiếp chúng ta sẽ tô màu cho chúng. Chọn layer C và add Gradient Overlay Layer Style. Trong Blending option bỏ chọn Blend Clipped Layer as Group và chọn Blend Interior Effect as Group. Màu gradient là #ff0096 – #c20049.


    [​IMG]


    [​IMG]



    Áp dụng Gradient Overlay cho mỗi shape như dưới đây. Để ý tới góc độ của các gradient.

    1. #ffd200 – #e900ba

    2. #4a6d00 – #b1d603

    3. #4a6d00 – #eaf900

    4. #00dbef – #c8db00


    [​IMG]



    Chọn một Brush lớn, soft-edge, đặt Opacity = 50%. Tạo layer mới dưới mỗi shape rồi vẽ một shadows (bóng đổ) bằng màu đen.


    [​IMG]



    Chọn đường path C một lần nữa, và để nó nhỏ hơn (Path Selection tool (A) và Command/Ctrlt + T để thu nhỏ). Sử dụng brush kích thước 40 để tạo nét trên layer mới. Add gradient (#fb3a7e – #442b5d) và đặt nó ở dưới layer trên cùng.


    [​IMG]



    Làm tương tự ta sẽ có thêm nét. Sử dụng Gradient #e80079 – #ff6481.



    [​IMG]



    Đồng thời tạo bóng đổ cho cả hai nét mới này. Giờ chunsg ta có chữ C. Còn 3 chữ cái nữa.



    [​IMG]



    Bước 3


    Theo hình dưới để làm chữ O.



    [​IMG]



    Với chữ O tôi nhận thấy hình trên cùng không cần thiết, tôi đã xoá nó đi.



    [​IMG]



    Với chữ O thứ hai, tiến hành tương tự.



    [​IMG]



    Với L thì đã dễ dàng hơn nhiều.



    [​IMG]



    Bước 4


    Bạn đã có 4 chữ cái, hãy sử dụng công cụ Free Transform (Ctrl + T) để xoay và đặt chúng như hình dưới.



    [​IMG]


    Hãy tạo thêm một chút ánh sáng cho các chữ, bằng cách dùng path vòng tròn và thêm điểm sau đó xoá các nét không cần như hình dưới. Dùng brush với kích thước 15px để tạo hình theo path, sử dụng màu trắng. Đối với điểm sáng bạn chỉ cần dùng bút chấm 1 điểm.



    [​IMG]



    Sử dụng Opactity khác nhau, một số sử dụng Blend Mode là Overlay như hình dưới.



    [​IMG]



    Bước 5


    Tạo thêm một số phần của các chữ, tô màu và đặt chúng ở vị trí khác nhau. Để chúng có Gradient giống nhau, bạn chỉ cần nhấp chuột phải vào Layer > Copy Layer style rồi vào layer cần áp dụng, chuột phải và Paster layer. Hoặc giữ Alt và kéo biểu tượng effect qua layer cần sử dụng.


    [​IMG]



    Bước 6



    Chọn Polygon tool (U), chắc chắn rằng nó đang ở dạng Shape chứ không phải Path. Đặt Sides là 3, và trong Polygon Option chọn Smooth corners.



    [​IMG]



    Đặt Foreground là #754a9a, và tạo thêm một vài hình tam giác với kích thước khác nhau.



    [​IMG]



    Chọn Ellipse tool (U) đặt foreground là trắng, sau đó tạo thêm vài hình tròn quanh các chữ.



    [​IMG]



    Tô màu cho chúng bằng những Gradient mà bạn tô cho các chữ. Với một số hình tròn, bạn có thể đặt layerfill là 0%, để chỉ nhìn thấy vòng tròn. Chọn thêm vài vòng tròn, tới Filter> Blur > Gaussian Blur, đặt radius là 2.6 px.



    [​IMG]



    Bước 7


    Cần chăm chút về nền hơn. Chọn brush mềm và lớn và vẽ trên một layer ngay trên background layer với màu # ff02ea.



    [​IMG]



    Đặt Layer Style là Soft Light.



    [​IMG]



    Bước 8


    Tạo layer mới trên cùng, nhấn D để chuyển foreground và background là đen và trắng. Tới Filter > Render > Clounds



    Đi tới Filter > Noise > Add Noise. Check Uniform và Monochromatic, đặt Amount là 26%. Sau đó Filter > Blur > Gaussian Blur. Để Radius 0.5 px.


    [​IMG]


    [​IMG]


    [​IMG]



    Đặt layer style là Color Burn và Opacity 20%.


    [​IMG]



    Bước 9


    Chọn Rectangle tool (U) và giữ Shift để tạo một hình vuông màu đen, quay nó 45 độ. Chọn Path Selection Tool (A), giữ Alt + Shift và dịch hình vuông này để tạo một bản copy. Duplicate hình vuông nhiều lần để tạo hình như dưới đây.



    [​IMG]



    Bước 10



    Bổ xung thêm vài bông hoa, các đường link phía trên có sẵn các bông hoa ở dạng PNG, bạn chỉ cần kéo thả nó vào vùng làm việc. Thêm chút Drop Shadow.



    [​IMG]



    Bước 11


    Cuối cùng tạo thêm một layer nằm trên cùng. Đặt foreground là đen, chọn Gradient tool (G). Chọn Foreground để transparent gradient. Tại thanh Gradient properties chọn Radial gradient và check Reverse. Vẽ Gradient từ trung tâm ra tới ngoài.


    [​IMG]


    Đặt layer này là Soft Light


    [​IMG]


    Kết quả cuối cùng


    [​IMG]

    ...
  2. mono

    mono Thành viên cấp 2

    tut quá chất ............
  3. Phưng Fotogra-phy

    Phưng Fotogra-phy Thành viên cấp 2

    Thích mạnh .. nhơ ;;)

Ủng hộ diễn đàn