0o -.......Forum 361dodesign.com.......- o0
Hãy tham gia diễn đàn 361dodesign ngay hôm nay và hãy đăng ký thành viên để có thể xem hiển thị hết diễn đàn + links download + và chia sẻ kinh nghiệm..v..v..!!!!!!!!!!!!!!!!!!!!!!
Chúc các bạn một ngày vui vẻ..
0o -.......Forum 361dodesign.com.......- o0
Hãy tham gia diễn đàn 361dodesign ngay hôm nay và hãy đăng ký thành viên để có thể xem hiển thị hết diễn đàn + links download + và chia sẻ kinh nghiệm..v..v..!!!!!!!!!!!!!!!!!!!!!!
Chúc các bạn một ngày vui vẻ..
0o -.......Forum 361dodesign.com.......- o0
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

0o -.......Forum 361dodesign.com.......- o0

Dịch vụ Thiết kế - In ấn - In Offset - Thế giới Thiết kế - Download phần mềm - Download Vector Free - Hỗ trợ Forum
 
Trang ChínhGalleryLatest imagesTìm kiếmĐăng kýĐăng Nhập

 

 Tạo chữ typographic "Cool" trong Photoshop

Go down 
Tác giảThông điệp
zinzin125cc

zinzin125cc


Tổng số bài gửi : 416
Điểm tích lũy : 5845
Thích : 3
Tham gia : 21/09/2011

Tạo chữ typographic "Cool" trong Photoshop Empty
Bài gửiTiêu đề: Tạo chữ typographic "Cool" trong Photoshop   Tạo chữ typographic "Cool" trong Photoshop EmptyTue Jun 18, 2013 6:16 pm

Trong bài hướng dẫn này bạn sẽ học cách tạo chữ bằng Photoshop. Bài hướng dẫn khá dài, nhưng kết quả thì tuyệt đẹp.
Kết quả sẽ có
 
Bài sử dụng thêm một số tài nguyên khác:

  • [url=http://ms-an9el.deviantart.com/art/PNG-nice-Flower-132443754?q=boost%3Apopular in%3Aresources%2Fstockart flower&qo=137]White flower[/url]
  • [url=http://crittey.deviantart.com/art/Flower-PNGs-153981808?q=boost%3Apopular in%3Aresources%2Fstockart flower&qo=110]Yellow flower[/url]

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.
Tạo chữ typographic "Cool" trong Photoshop 2
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.
Tạo chữ typographic "Cool" trong Photoshop 3
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.
Tạo chữ typographic "Cool" trong Photoshop 4
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.
Tạo chữ typographic "Cool" trong Photoshop 5
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.
Tạo chữ typographic "Cool" trong Photoshop 6
Tạo chữ typographic "Cool" trong Photoshop 7
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.
Tạo chữ typographic "Cool" trong Photoshop 8
Tạo chữ typographic "Cool" trong Photoshop 9
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.
Tạo chữ typographic "Cool" trong Photoshop 10
Tạo chữ typographic "Cool" trong Photoshop 11
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.
Tạo chữ typographic "Cool" trong Photoshop 12
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.
Tạo chữ typographic "Cool" trong Photoshop 13
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.
Tạo chữ typographic "Cool" trong Photoshop 14
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ó.
Tạo chữ typographic "Cool" trong Photoshop 15
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).
Tạo chữ typographic "Cool" trong Photoshop 16
Chọn Brush (B) > New layer > Alt + Enter.
Tạo chữ typographic "Cool" trong Photoshop 17
Nhân đôi chữ O.
Tạo chữ typographic "Cool" trong Photoshop 18
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.
Tạo chữ typographic "Cool" trong Photoshop 19
Tạo chữ typographic "Cool" trong Photoshop 20
Tạo chữ typographic "Cool" trong Photoshop 21
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.
Tạo chữ typographic "Cool" trong Photoshop 22
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.
Tạo chữ typographic "Cool" trong Photoshop 23
Tạo chữ typographic "Cool" trong Photoshop 24
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.
Tạo chữ typographic "Cool" trong Photoshop 25
Tạo chữ typographic "Cool" trong Photoshop 26
Tạo chữ typographic "Cool" trong Photoshop 27
Á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
Tạo chữ typographic "Cool" trong Photoshop 28
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.
Tạo chữ typographic "Cool" trong Photoshop 29
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.
Tạo chữ typographic "Cool" trong Photoshop 30
Về Đầu Trang Go down
zinzin125cc

zinzin125cc


Tổng số bài gửi : 416
Điểm tích lũy : 5845
Thích : 3
Tham gia : 21/09/2011

Tạo chữ typographic "Cool" trong Photoshop Empty
Bài gửiTiêu đề: Re: Tạo chữ typographic "Cool" trong Photoshop   Tạo chữ typographic "Cool" trong Photoshop EmptyTue Jun 18, 2013 6:16 pm

Làm tương tự ta sẽ có thêm nét. Sử dụng Gradient #e80079 – #ff6481.
Tạo chữ typographic "Cool" trong Photoshop 31
Đồ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.
Tạo chữ typographic "Cool" trong Photoshop 32
Bước 3
Theo hình dưới để làm chữ O.
Tạo chữ typographic "Cool" trong Photoshop 33
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.
Tạo chữ typographic "Cool" trong Photoshop 34
Với chữ O thứ hai, tiến hành tương tự.
Tạo chữ typographic "Cool" trong Photoshop 35
Với L thì đã dễ dàng hơn nhiều.
Tạo chữ typographic "Cool" trong Photoshop 36
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.
Tạo chữ typographic "Cool" trong Photoshop 37
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.
Tạo chữ typographic "Cool" trong Photoshop 38
Sử dụng Opactity khác nhau, một số sử dụng Blend Mode là Overlay như hình dưới.
Tạo chữ typographic "Cool" trong Photoshop 39
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.
Tạo chữ typographic "Cool" trong Photoshop 40
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.
Tạo chữ typographic "Cool" trong Photoshop 41
Đặ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.
Tạo chữ typographic "Cool" trong Photoshop 42
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ữ.
Tạo chữ typographic "Cool" trong Photoshop 43
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.
Tạo chữ typographic "Cool" trong Photoshop 44
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.
Tạo chữ typographic "Cool" trong Photoshop 45
Đặt Layer Style là Soft Light.
Tạo chữ typographic "Cool" trong Photoshop 46
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.
Tạo chữ typographic "Cool" trong Photoshop 47
Tạo chữ typographic "Cool" trong Photoshop 48
Tạo chữ typographic "Cool" trong Photoshop 49
Đặt layer style là Color Burn và Opacity 20%.
Tạo chữ typographic "Cool" trong Photoshop 50
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.
Tạo chữ typographic "Cool" trong Photoshop 51
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.
Tạo chữ typographic "Cool" trong Photoshop 52
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.
Tạo chữ typographic "Cool" trong Photoshop 53
Đặt layer này là Soft Light
Tạo chữ typographic "Cool" trong Photoshop 54
Kết quả cuối cùng
Tạo chữ typographic "Cool" trong Photoshop 55
Về Đầu Trang Go down
 
Tạo chữ typographic "Cool" trong Photoshop
Về Đầu Trang 
Trang 1 trong tổng số 1 trang
 Similar topics
-
» Thiết Kế Poster Typographic trong Photoshop
» How to Create Cool Light Effects in Photoshop
» Photoshop Tutorials : Cool Text Effect with Shattered Glow
» Tạo ra một bức tượng đồ họa trong Photoshop
» Các phím tắt trong Photoshop

Permissions in this forum:Bạn không có quyền trả lời bài viết
0o -.......Forum 361dodesign.com.......- o0  :: Photoshop :: Photoshop :: Hiệu ứng chữ-
Chuyển đến