Liên hệ       
       
Thành viên
 
 
 
Thăm dò ý kiến
Cảm nhận về giao diện mới


Photoshop - Hiệu ứng Chữ Cỏ
  Trung bình: 2.4 (Đã có 14 lượt đánh giá)
   25/05/2008 04:23 PM

Hôm nay mình sẽ giới thiệu với các bạn phương pháp làm hiệu ứng chữ giống như được tạo bởi những ngọn cỏ (rất đẹp ^_^)... 

Tác Phẩm:

Photoshop - Hiệu ứng Chữ Cỏ 1

Bước 1: Tạo một file mới có kích thước 600 x 218 px.

- Chọn công cụ Gradient Tool (G) với thông số như sau:

Photoshop - Hiệu ứng Chữ Cỏ

Chú ý: các bạn hãy chọn Radial Gradient  như vòng tròn đỏ ở hình trên.

Photoshop - Hiệu ứng Chữ Cỏ

- Kéo thả trên layer mới ta được kết quả như sau:

Photoshop - Hiệu ứng Chữ Cỏ 3

Bước 2: Tiếp theo chúng ta sẽ tạo một background khá ấn tượng với sự trợ giúp của bức ảnh dưới ^^

Photoshop - Hiệu ứng Chữ Cỏ 4

- Kéo thả bức ảnh này vào file thực hành chúng ta đang làm bên trên, chuyển chế độ hòa trộn thành Overlay và giảm Opacity của layer còn 70%:

Photoshop - Hiệu ứng Chữ Cỏ 5

Photoshop - Hiệu ứng Chữ Cỏ 6

Chú ý: Ở đây tôi sẽ làm thêm một bước nữa đó là nhân layer 1 lên thành nhiều lần, sau đó dùng Free Transform thể thay đổi các góc độ và tạo được Background có độ "nhàu" hơn ^^ (các bạn có thể không làm thêm bước này cũng được).

Photoshop - Hiệu ứng Chữ Cỏ 7

Photoshop - Hiệu ứng Chữ Cỏ 8

Bước 3: Bây giờ các bạn hãy tạo thêm một layer mới, di chuyển nó lên phía trên đầu.

- Đổ mầu đen (#000000) cho nó.

- Chọn công cụ Eraser Tool (E) với thông số như sau:

Photoshop - Hiệu ứng Chữ Cỏ 9

- Dùng nó để xóa bớt phần mầu đen của layer chúng ta mới tạo:

Photoshop - Hiệu ứng Chữ Cỏ 10

- Giảm Opacity của layer này còn 70% và tạm thời chúng ta được kết quả:

Photoshop - Hiệu ứng Chữ Cỏ 11

Bước 4: OK! chúng ta sẽ dùng công cụ Text Tool (T) viết lên đó dòng chữ mà bạn muốn, ở đây chúng ta sẽ để chữ mầu trắng (#FFFFFF) và giảm Opacity của layer Text đó xuống còn 50%

Photoshop - Hiệu ứng Chữ Cỏ 12

- Tiếp theo các bạn hãy save bức ảnh hình thảm cỏ dưới đây vào để thực hành nhé.

Photoshop - Hiệu ứng Chữ Cỏ 14

- Kéo thả nó sang file mà chúng ta đang làm, nhưng chú ý là hãy để nó nằm dưới Layer Text nhé

Photoshop - Hiệu ứng Chữ Cỏ 15

Photoshop - Hiệu ứng Chữ Cỏ 16

Bước 5: Bây giờ bạn hãy chọn công cụ Pen Tool (P) chọn các tùy chọn như hình dưới:

Photoshop - Hiệu ứng Chữ Cỏ 17

- Hãy vẽ đường Pen Tool xung quang chữ Z (chú ý: khi vẽ bạn có thể dùng công cụ Zoom để thực hành cho dễ).

- Sau khi đã vẽ xong chúng ta sẽ tạo 1 layer mới (Ctrl + Shift + N), tiếp theo hãy click chuột phải vào giữa vùng chúng ta vừa vẽ xung quanh chữ Z chọn Make Selection để tạo vùng chọn cho nó.

Photoshop - Hiệu ứng Chữ Cỏ 18

Giải Thích: Tuy đây là kỹ thuật rất đơn giản những tôi vẫn nói kỹ để các bạn mới cũng có thể làm được ^_^

- Khi đã tạo được vùng chọn rồi thì bạn hãy dùng công cụ Move Tool (V) chọn sang Layer chứa bức hình đám cỏ (Layer 3) và ấn Ctrl + C

- Chọn lại Layer bạn mới tạo (Layer 4) ấn tổ hợp phím Ctrl + V 

Chú ý: Mục đích của bước này là Copy vùng chọn (hình chữ Z) từ layer chứa hình đám cỏ (Layer 3) sang Layer mới (Layer 4). Nếu như lúc này các ban tắt biểu tượng hình con mắt của Layer 3 và Layer Text (Zensoft.vn) thì ta sẽ thấy như hình bên dưới:

Photoshop - Hiệu ứng Chữ Cỏ 19

Bước 6: Click chuột phải vào Layer 4 và chọn Blending Options:

- Drop Shadow:

Photoshop - Hiệu ứng Chữ Cỏ 20

- Satin:

Photoshop - Hiệu ứng Chữ Cỏ 21

- Bevel and Emboss:

Photoshop - Hiệu ứng Chữ Cỏ 22

- Tạm thời chúng ta được kết quả sau:

Photoshop - Hiệu ứng Chữ Cỏ 23
                               (Vì Zoom nhiều nên trông hơi bị mờ ^_^)

OK! tôi đã hướng dẫn đầy đủ các bước cơ bản rồi, các bạn hãy làm tương tự với những chữ cái còn lại nhé.

Chú ý

+ Mỗi chữ chúng ta đều để trên layer riêng.

+ Khi hoàn thành xong thì có thể tắt biểu tượng hình con mắt của layer 3 và layer Text (hoặc có thể xóa 2 layer đó đi cũng được)

Đầy là tác phẩm của tôi ^^

Photoshop - Hiệu ứng Chữ Cỏ 24

Chúc các bạn thành công!

(theo psdtuts.com)


Gửi bởi: haipt
Lượt xem: 12014
 
bekute 26/05/08 07:12 AM
hì.Dạo này box đồ hoạ của chúng ta sôi nổi quá. Ai cũng tích cực post bài.
Ý tưởng của anh haipt hay quá, đáng để học tập

dinhthanhtrang 26/05/08 10:01 AM
Nhìn sơ em thấy có thể làm theo,bắt tay vào làm mới được,ko biết làm đẹp được như vậy ko hay là thấy ghê,nhưng ráng làm đẹp hơn mới chịu (^_^)... 

dynamyte 26/05/08 10:38 AM
  Tut này mình đã xem qua 1 lần rồi^^ Bóng đổ trên chữ của haipt chữ chưa đạt yêu cầu đâu :D

Starboy0284 26/05/08 11:08 AM
bạn làm thêm vài cái nữa đi tui thĩ lắm. Chỉ tui làm nhiều hiệu ứng chũ khác nha

Nguyễn Tiến Đạt 26/05/08 02:48 PM
Web hay quá.Rất cảm ơn mọi người đã chia sẻ những kinh nghiệm.Ở web em đã học được nhiều điều rất hay.Hãy tiếp tục chia sẻ nhé các anh chị.Thank all so much!!!

Miennhietdoi. 26/05/08 03:10 PM
Trang web của Bạn rất tuyệt. Đặc biệt là về phần đồ hoạ. MÌnh rất ấn tượng với những Topic ptshop của bạn . Mong sao trang web sẽ ngày càng phát triển hơn nữa và có được những tác phẩm mới đẻ mọi ngưòi có thể cùng nhau trao đổi và học tập. Thanks you so much !!!^-^

haipt 27/05/08 03:23 PM
Cảm ơn ý kiến nhận xét của các bạn ^^!

-=Wjz=- 27/05/08 04:28 PM
Đẹp qua' ^^! bạn nào biết it'  , biết nh` đồ họa viết thêm TUT đê ^^! Đưng lười naz' :p !

SyBen 27/05/08 10:30 PM
đẹp thật ^^! em rất thích cái Background của bác...

thienthangio9x 29/05/08 10:43 AM
công nhận tuyệt thật.Kiểu chữ quả là độc đáo :D

davilson18 25/07/08 10:15 AM
tuyet voi`

haimagic 26/07/08 12:31 PM
đẹp......

twoduy 09/08/08 03:59 PM
Bạn copy trực tiếp bài viết này từ link dưới mà không credit:
http://psdtuts.com/text-effects-tutorials/create-a-spectacular-grass-text-effect-in-photoshop/

Cái gì không phải của mình làm ra thì đừng nhận là của mình, mong bạn từ sau hãy làm việc có trách nhiệm hơn.

http://hocps.wordpress.com/

PhanThang 11/08/08 10:53 AM
xin loi cho minh noi' nhe' , ban lam the nay` la hoi bi dai` do' , nhu minh chi can chon tham co? sau do danh' chu~ nen ==> tao vung chon quanh chu~==> roi vao` lop' co? an' Ctrl + J la` ok luon . ( nhu vay la minh da~ co chu~ co? roi` )

chungnt0911 15/08/08 01:59 PM
chang hien dai chut nao nan?

kukuhehe 02/10/08 04:15 PM
tiet dzoiiiii  bravo >:D<

mybabyhate 10/10/08 09:24 PM
haipt là admin box đồ họa đó nha ^^! Em phục anh ghê lém :P

Huan Nguyen 29/11/08 10:53 AM
Thật hay. Cảm ơn anh đã hướng dẫn kĩ. Em mới học Photoshop nên bài post này thật sự có ý nghĩa. Thanks rất nhiều ^^

nhoc_ac2809 03/12/08 04:06 PM
mấy anh chỉ e với.sao e ko tìm thấy công cụ Gradient Tool.a co e hỏi PS mà a đang chỉ là PS mấy vậy?cái ở nhà em là bản 8.0.a nào nhà sử dụng bản 8. mà bik công cụ Gradient Tool ở đâu thì chỉ giúp e với. e mới học PS nên còn non dại mong các a chỉ giáo

Quoc 30/05/09 03:09 AM
Mình mới làm xong cái bài hứa dẫn này ở web kia bằng tiếng Mỹ nè
Mấy bạn coi thử mình có khiếu Photoshop ko nhá ;)

http://i183.photobucket.com/albums/x185/tinhmaibenanh/AYE.jpg?t=1243627627

stv 24/06/09 10:03 PM
Sao ko gõ text xong chuyển dòng text đó thành hình ảnh, click đúp vô layer hình text để lấy vùng chọn rùi C + J cái vùng chọn đó trên bức ảnh thảm cỏ
Nhanh hơn nhiều là dùng pen để đồ lại text

zunoicing 31/07/09 02:33 AM
k đẹp và k giống
tut này làm bên vietphotoshop thấy rồi, đẹp hơn

da_vinci 26/10/09 11:34 PM
dẹp

congtan94 22/12/09 10:59 PM
Không biết nói gì hơn. Quá đẹp!

le duc diep 15/01/10 05:02 PM
binh thuong cai nay don gian? to lam dung 1p xong cách khac nhanh hơn nhìu



NHẬN XÉT CỦA BẠN
Trung bình: 2.4   
Kiểu gõ: Off Telex VNI VIQR Tổng hợp (Telex, Vni, Viqr)
Họ Tên:
Hòm thư:
Nội Dung:
Số ký tự còn lại: 3500