Thứ Bảy, 31 tháng 12, 2011

Nghệ Thuật Thiết Kế Chữ 3D photoshop

Giới thiệu công cụ làm Text 3D

Để thực hiện được các chữ 3D này, theo nhóm biên soạn vnwordpress, bạn có thể dùng Illustrator hoặc phần mềm Xara 3D. Link tải phần mềm Xara3D:http://www.mediafire.com/?omaidgjnka5 
Đây là phần mềm đã bẻ khóa, người sử dụng nên cân nhắc

Xem trước sản phẩm

Nik Ainley của Shiny Binary sẽ chỉ dẫn bạn cách thêm yếu tố bất ngờ vào 3D Text bằng cách sử dụng các công cụ nghệ thuật 3D.
main%20image Hướng Dẫn Photoshop: Nghệ Thuật Thiết Kế Chữ 3D
Đưa các Object 3D vào trong Photoshop sẽ trở nên phổ biến hơn nhờ vào phiên bản Photoshop Extended xuất bản gần đây nhất. Nhưng bạn không cần phiên bản High –End mới nhất của Adobe Photoshop để tạo ra một vài hiệu ứng 3D độc đáo – các Masterclass đang hoạt động với Photoshop CS.
Trong đó, Nik Ainley, người có uy tín trong cộng đồng Hindu, sẽ chỉ dẫn cách tạo ra hình ảnh mà bạn đã thấy bên trên. Vấn đề quan trọng của việc tạo ra các chữ cái trong gói 3D đầu tiên là các ký tự riêng biệt, sau đó, mang chúng vào trong Photoshop để thực hiện công việc.
Thông qua việc sử dụng thông minh các công cụ Photoshop và các layer, Nik đã tạo ra kiểu chữ với các kỹ tự được kết lại với nhau. Bề mặt của các ký tự cũng tạo ra một khung hình tiện dụng cho các hiệu ứng về về sau như các Pattern, Gradient và Line.
1 Hướng Dẫn Photoshop: Nghệ Thuật Thiết Kế Chữ 3D

Bước 1

Bắt đầu bằng tạo ra mỗi chữ cái riêng biệt trong chương trình 3D, ở đây Nik đã thực hiện trong Xara 3D, và nhập chúng vào trong một document Photoshop. Giữ mỗi chữ cái trong một layer riêng của nó, và sau đó sắp xếp chúng xung quanh nhau, theo cách nào đó thuận lợi cho bạn nhất.
Có vẻ kỳ lạ khi tạo ra 3D Text theo cách này, nhưng Photoshop có nhiều sự điều khiển hơn so với một chương trình 3D và bạn sẽ có khả năng tạo ra được một hiệu ứng lớn và sống động hơn. Để tiết kiệm thời gian, File PSD với 3D Text đã có trong CD.
2 Hướng Dẫn Photoshop: Nghệ Thuật Thiết Kế Chữ 3D

Bước 2

Ưu điểm của việc thực hiện trong Photoshop đó là: các chữ cái có thể xuất hiện ở cả đằng sau của các chữ cái khác trong khi có thể xuất hiện đồng thời ở những phần đằng trước của chúng. Để thực hiện được hiệu ứng này, bạn cần che khuất các phần của các chữ cái riêng biệt để làm cho nó xuất hiện đằng sau chữ cái khác.
Để che khuât một phần của một chữ cái, hãy bắt đầu bằng cách thêm một layer mask vào cho vừa với chữ cái đó. Bước tiếp theo là chọn chữ cái mà bạn muốn xuất hiện đằng trước – trên màn hình phía trên, chúng ta đang làm cho chữ E xuất hiện như nó là phần đằng trước của chữ H.
Chọn phác thảo của nó bằng Ctrl clicking vào Thumbnail của layer. Sử dụng Brush Tool, Brush màu đen bên trên layer mask của chữ H. Bây giờ, nó nên xuất hiện ở Bottom của chữ E và đằng trước của chữ H. Lặp lại bước này đối với những chữ mà bạn muốn.
31 Hướng Dẫn Photoshop: Nghệ Thuật Thiết Kế Chữ 3D

Bước 3

Tiếp theo, bạn sẽ bắt đầu thực hiện các tia sáng và Shadow, bắt đầu thêm Shadow vào chữ F. Tạo ra một layer mới bên trên chữ F. Hãy chắc rằng các Shadow chỉ rơi trên chữ cái này, tạo ra một màn che cho nó.
Shape của màn chắn phải phù hợp với shape của chữ F, trừ những phần đã được che trong bước trước. Để thực hiện điều này, Ctrl click vào thumbnail của layer chữ F, sau đó, Ctrl +Alt+ Shift, nhấp chuột vào thumbnail của layer mask để tìm giao điểm của 2 shape này. Bây giờ, chọn một layer mới và thêm layer mask vào. Nó sẽ có một shape tương tự như shape bạn đã chọn.
4 Hướng Dẫn Photoshop: Nghệ Thuật Thiết Kế Chữ 3D

Bước 4

Sử dụng một Brush mềm, lớn – 70px – brush màu đen vào layer này xung quanh các phần của chữ cái và nó nên nằm trong Shadow. Trong trường hợp này, phần trên cùng rơi đằng sau chữ R và phần dưới cùng rơi đằng sau chữ S. Lặp lại tiến trình này đối với mỗi chữ cái và bạn nên hoàn thành khi tạo ra được độ sâu cho nó.
5 Hướng Dẫn Photoshop: Nghệ Thuật Thiết Kế Chữ 3D
 Hướng Dẫn Photoshop: Nghệ Thuật Thiết Kế Chữ 3D

Bước 5

Shadow bên trên các chữ cái đã được thực hiện, bây giờ, chúng ta cần shadow trên background. Tạo một layer mới bên dưới tất cả các chữ cái. Chọn phác thảo của tất cả các chữ cái, và tô màu trắng. Chạy một Gaussian blur bên trên layer này. Bây giờ, sử dụng Warp Transform để kéo nó xuống một chút, như vậy, các chữ cái có vẻ đang trôi nổi trên background. Blur (làm mờ) một lần nữa, và Drog Opacity của layer nếu các shadow có vẻ quá thô ráp.
6 Hướng Dẫn Photoshop: Nghệ Thuật Thiết Kế Chữ 3D

Bước 6

Tiếp theo, thêm một số các shadow được kiểm soát ở bên dưới các layer để tạo độ sâu lớn hơn. Tạo một layer mới bên trên layer shadow đầu tiên của bạn, và sử dụng một Brush mềm, có kích thước 50px, và tăng cường màu đen cho layer này. Nơi chúng ta thêm màu đen vào, nó sẽ hạ thấp xuống để làm cho nó trông tốt hơn. Tăng cường màu đen hơn nữa cho nền bên dưới của các chữ cái sẽ tạo được ấn tượng như là chúng đang đứng thẳng lên.
7 Hướng Dẫn Photoshop: Nghệ Thuật Thiết Kế Chữ 3D

Bước 7

Bây giờ, hãy bắt đầu làm việc trên các chữ cái hiện tại. Bước đầu tiên là cô lập mặt trước của mỗi chữ cái, bằng cách sử dụng Magic Wand (cây đũa thần) hoặc Pen Tool. Khi bạn đã chọn bề mặt của một chữ cái, hãy tạo ra một layer mới bên trên chữ cái của bạn, nhưng bên dưới shadow của chữ cái đó.
Tô màu bằng bất cứ màu gì bạn thích, nhưng hãy làm cho nó hơi đậm và mờ đục hơn. Nếu bạn đã che phần chữ cái này trong bước thứ hai, bạn sẽ cần sao chép màn che của chữ cái đó cho Layer Face của bạn.
8 Hướng Dẫn Photoshop: Nghệ Thuật Thiết Kế Chữ 3D
 Hướng Dẫn Photoshop: Nghệ Thuật Thiết Kế Chữ 3D

Bước 8

Để tạo kiểu dáng cho mỗi bề mặt của chữ cái, chúng ta sẽ sử dụng các layer style. Các cách cài đặt chính xác thực sự sẽ theo sở thích của mỗi cá nhân, nhưng những điều cơ bản vẫn là: Inner Shadow: Color Dodge, trắng, Opacity 15 %, khoảng cách: 0px, kích thước: 45px, Inner Glow: Screen, màu trắng, Opacity 75%, kích thước 2px, Gradient Overlay: mềm nhẹ, đen tới trắng, Opacity 100%, Angle để làm cho mooit chữ cái sáng hơn trên Top, tối hơn dưới Bottom. Satin: Color Dodge, màu xám đen, Opacity 50%, khoảng cách: 20px, kích thước: 40px
9 Hướng Dẫn Photoshop: Nghệ Thuật Thiết Kế Chữ 3D

Bước 9

Khi bạn đã có một cái gì đó làm cho bạn hài lòng, chúng ta sẽ bắt đầu thực hiện các phần bên của mỗi chữ cái.
10 Hướng Dẫn Photoshop: Nghệ Thuật Thiết Kế Chữ 3D

Bước 10

Tiếp theo, bạn cần phải thay đổi màu sắc và ánh sáng của các bên, cũng như tạo sự nhất quán cho chúng.
Để thực hiện điều này, bạn cần sử dụng Adjustment Layers. Hãy bắt đầu chọn phác thảo của shadow Fvà layer mask và tạo ra một Gradient Map Adjustment Layer mới bên dưới Face Layer.
11 Hướng Dẫn Photoshop: Nghệ Thuật Thiết Kế Chữ 3D
 Hướng Dẫn Photoshop: Nghệ Thuật Thiết Kế Chữ 3D

Bước 11

Bây giờ, có thể xếp các Adjustment Layer bổ sung bên trên và bên dưới layer được tạo ra trong bước 10 để thay đổi độ sáng, độ tương phản và màu sắc như bạn muốn. Tiếp theo, copy Adjustment Layer này qua từng chữ cái khác và thực hiện các điều chỉnh nhỏ để làm cho nó có màu sắc nhất quán hơn.
12 Hướng Dẫn Photoshop: Nghệ Thuật Thiết Kế Chữ 3D

Bước 12

Để tạo thêm một chút bóng cho chữ, vào Filter> Artistic> Plastic quấn trên thân mỗi chữ cái với các cài đặt Highlight strength 14, Detail 1, và Smoothness 14. Sau khi mỗi Filter được gắn vào, làm mờ nó để Blending Mode mềm nhẹ. (Edit > Face).
13 Hướng Dẫn Photoshop: Nghệ Thuật Thiết Kế Chữ 3D

Bước 13

Bây giờ, làm cho các màu sắc hài hòa, thêm một vài Adjustment Layer phù hợp trên phần trên cùng của hình ảnh. Bắt đầu bằng cách gắn một Gradient Map tương tự như trước bằng cách sử dụng một Blengding Mode nhẹ mềm với Opacity 50%.
14 Hướng Dẫn Photoshop: Nghệ Thuật Thiết Kế Chữ 3D
 Hướng Dẫn Photoshop: Nghệ Thuật Thiết Kế Chữ 3D

Bước 14

Hãy thử với các Adjustment layer khác để tìm ra các màu sắc phù hợp và làm cho nó cân bằng. Thêm các Curves Layer vào để làm cho nó sáng hơn, một Photo Filter Laye để tăng thêm màu đỏ và một Colour Balance Layer để tăng thêm nhiều màu cam hơn.
Thêm nhiều hay ít tùy việc bạn thích có được hiệu ứng như thế nào. Và một chỉnh sửa cuối cùng là che khuất tất cả Adjustment Layers để chúng không có quá nhiều ảnh hưởng đến màu sắc của background.

Bước 15

Từ đây bạn có thể làm nhiều hay ít tùy bạn muốn. Thêm chi tiết nhiều hơn cho mỗi chữ cái, thêm nhiều điểm nổi bật và sahdow, thay đổi màu sắc, bất cứ điều gì bạn có thể nghĩ ra. Ví dụ này chỉ có một vài chi tiết, nhưng bạn có thể sử dụng nó để phát triển sâu rộng hơn.

Dịch và biên tập từ: DigitalArtsOnline

Hiệu Ứng Chữ Copper trong Photoshop

Đây là một hiệu ứng Text dễ gây chú ý, mặc tạo ra tương đối đơn giản. Chúng ta sẽ sử dụng Belvel và các Emboss Style, các Pattern, Overlay và kết hợp với các kỹ thuật khác để Mock –up Text này vào trong một background tương ứng. Đối với thành viên PLUS, layer style chính luôn sẵn để copy và paste vào trong thiết kế của bạn.

Xem trước hình ảnh mà chúng ra sẽ tạo ra

Trước khi chúng ta bắt đầu, bạn hãy xem hình ảnh chúng ta sẽ tạo ra. Bạn muốn truy cập vào File PSD hoàn chỉnh và Download các bản copy của các hướng dẫn, kể cả hướng dẫn này? Hãy tham gia vào Psdtuts+ PLUS chỉ với 9 USD/ tháng. Bạn có thể xem trước hình ảnh của sản phẩm bên dưới hoặc xemmột phiên bản lớn hơn tại đây.
click Thiết Kế Hiệu Ứng Chữ Copper trong Photoshop

Bước 1

Copper is a wonderful metal. It’s strong and resistant but easy to handle. Besides, copper is great when you’re designing Copper là một kim loại tuyệt vời. Nó rất mạnh mẽ và bền, nhưng rất dễ xử lý. Bên cạnh đó, Copper cũng rất lý tưởng khi bạn thiết kế các đồ họa hay website theo phong cách Grunge hoặc theo lối cũ. Vì vậy, đây là cách đơn giản và nhanh
chóng để thêm một hiệu ứng đặc biệt cho Text và các Shape của bạn.
Đầu tiên, tạo ra một document màu đen mới, có kích thước 1024 x 768px. Sau đó, xác định nơi mà bạn sẽ đặt Text vào. Tôi đã tìm thấy tấm hình về bức tường đổ nát này, và sau đó điều chỉnh Hue/Saturation (Command + U), và Levels (Command + L) bằng cách sử dụng các Value của hình ảnh bên dưới, Background của chúng ta đã sẵn sàng.
1 Thiết Kế Hiệu Ứng Chữ Copper trong Photoshop

Bước 2

Vì Copper có các sắc màu xanh lục khi nó cũ (như tượng Nữ Thần Tự Do ở New York, Mỹ). Chúng ta sẽ thêm một số chi tiết màu lục vào đây, tạo một layer mới và thiết lập màu sắc (# 1A3404) cho foreground, sau đó, sử dụng một Brush mềm, có kích thước trung bình để vẽ một vài điểm. Tiếp theo, thay đổi Blending Mode của “Green Spots” layer sang Color Dodge.
2 Thiết Kế Hiệu Ứng Chữ Copper trong Photoshop

Bước 3

Nhấn Ctrl + A để chọn tất cả, sau đó Ctrl + Option + D để Feather vùng chọn có kích thước 50px.
3 Thiết Kế Hiệu Ứng Chữ Copper trong Photoshop

Bước 4

Tô màu vùng chọn bằng màu đen(# 000000) trong một layer mới gọi là “Frame.” Sau đó, vào Filter> Distort> Wave, và thiết lập độ dài Max Wave lên 370.
4 Thiết Kế Hiệu Ứng Chữ Copper trong Photoshop

Bước 5

Bây giờ, tạo một layer mới, gọi tên là “Light” và tô màu nó bằng màu trắng qua đen(#FFFFFF sang #000000) Reflected Gradient. Sau đó, vào Image > Adjustments > Curves (Ctrl+ M) và thiết lập Curve giống như hiển thị bên dưới. Cuối cùng, thay đổi Blending mode của “Light” layer sang Overlay. Để layer này bên trên tất cả các layer khác trong layers palette.
5 Thiết Kế Hiệu Ứng Chữ Copper trong Photoshop

Bước 6

Bây giờ, bắt đầu tới phần thú vị. Viết Text của bạn, tôi sử dụng Rockwell typeface, nhưng bạn có thể sử dụng bất cứ Typeface nào bạn muốn.
6 Thiết Kế Hiệu Ứng Chữ Copper trong Photoshop

Bước 7 /h2>
Bây giờ, hãy nhìn vào Creative Flow đang tạo ra một layer style. Đây là thời điểm tốt để bắt đầu thêm một Gradient Overlay phù hợp với cảnh sét đánh. Trong trường hợp này, thêm một Gradient có 5 màu sắc khác nhau (# 000000, # 160700, # 783501, # 421F01, và # 050505) và một Angle 140º. Ngoài ra, thêm một hiệu ứng Gradient Stroke 5px bằng cách sử dụng 5 màu sắc (# 803C17, # A44F30, # 52230F, # 52230F, và # 381408) Angle: -95 º.
7 Thiết Kế Hiệu Ứng Chữ Copper trong Photoshop

Bước 8:

Bây giờ, thêm shadow, đầu tiên là Inner Shadow, tiếp theo là Drop Shad, hãy quan tâm đặc biệt tới Blending Modes của mỗi Style. Cả 2 loại shadow đều phải ở Multiply mode.
box Thiết Kế Hiệu Ứng Chữ Copper trong Photoshop

Bước 9

Tiếp theo, thêm hiệu ứng Color Overlay (# 742901), nhưng thiết lập Blend mode sang Linear Dodge (Add). Sau đó, thêm hiệu ứng Satin được nhúng với (Opacity 16%).
box Thiết Kế Hiệu Ứng Chữ Copper trong Photoshop

Bước 10

Bước này có thể là một bước quan trọng nhất trong suốt hướng dẫn này. Thêm một Bevel và Emboss Style, thiết lập Style sang Inner Bevel và Technique sang Chisel Hard, làm theo cách này bạn sẽ nhận được một Sharpen Bevel. Thiết lập tất cả các Value như hiển thị bên dưới. Tăng Depth Mode lên có thể là 715% và chú ý những thay đổi của cả Highlight và Shadow modes.

Khi bạn đã hoàn thành việc thêm Bevel style, hãy đánh dấu Contour checkbox, và thiết lập một Gaussian Contour với Range 50%. Cuối cùng, đánh dấu Texture checkbox và sau đó, thiết lập”Rusted Metal” texture đang tải lên từ thư viện Photoshop CS3 Patterns mặc định.
10 Thiết Kế Hiệu Ứng Chữ Copper trong Photoshop

Bước 11

Ctrl-nhấp chuột vào “Copper” layer để chọn Text. Vào Select> Modify> Contract và thiết lập 4px (kích thước Stroke Gradient) và nhấn OK.
11 Thiết Kế Hiệu Ứng Chữ Copper trong Photoshop

Bước 12

Tạo một layer mới có tên là “Inner Effects” và tô màu vùng chọn bằng màu đen (# 000000). Sau đó, gắn Inner Glow và Satin style, bằng cách sử dụng các Value như hiển thị bên dưới. Cuối cùng, thiết lập Fill Value của layer là 0%.
12 Thiết Kế Hiệu Ứng Chữ Copper trong Photoshop

Bước 13

Sao chép “Copper” layer và gọi tên bản copy là “Text shadow,” sau đó, xóa hoặc ẩn tất cả trong layer styles và vào Layer> Rasterize> Type. Đặt bản copy bên dưới “Copper” layer trong layer styles, sau đó ẩn layer text đã tạo kiểu dáng. Gắn Filter > Blur > Motion Blur cho “Text shadow” layer. Cuối cùng, hiển thị “Copper” layer một lần nữa, chọn “Text shadow” layer và xóa tất cả ở phía trên và các shadow bên ngoài phía tay phải.
13 Thiết Kế Hiệu Ứng Chữ Copper trong Photoshop

Bước 14

Chúng ta sẽ thêm một số tia sáng. Bằng cách sử dụng Rectangle Tool, vẽ 4 hoặc 5 hình chữ nhật song song bên trên”Light” layer. Merge chúng và Crtl – nhấp chuột lên corners để làm méo chúng, như hiển thị bên dưới. Tiếp theo, gắn Gaussian Blur (10px radius). Cuối cùng, thay đổi Blending mode của “Light stripes” sang Overlay và thiết lập Opacity lên 50%.
14 Thiết Kế Hiệu Ứng Chữ Copper trong Photoshop

Bước 15

Ctrl-nhấp chuột vào “Light stripes” layer, sau đó, chọn “Text Shadow” layer và xóa vùng chọn.
15 Thiết Kế Hiệu Ứng Chữ Copper trong Photoshop

Bước 16

Chỉ cần cải thiện ánh sáng, Ctrl-nhấp chuột vào”Copper” layer một lần nữa, nhưng lần này tô màu vùng chọn từ trắng sang đen (# FFFFFF sang # 000000) Reflected Gradient vào trong một layer mới ngay bên dưới “Light” layer. Cuối cùng, thay đổi Blending Mode sang Overlay và Opacity to 25%.
16 Thiết Kế Hiệu Ứng Chữ Copper trong Photoshop

Bước 17

Chi tiết cuối cùng, thêm texture layer bên trên tất cả mọi thứ còn lại, trong trường hợp này, tôi thêm một paper sheet cũ, thay đổi Blending Mode sang Multiply và Opacity của nó là 50%.
17 Thiết Kế Hiệu Ứng Chữ Copper trong Photoshop

Bước 18

A final tip, as this layer effect is ready to copy and paste in the PLUS file, you can use it on different typefaces or shapes. If you want to apply this effect onto a small object, it is better to create a big size text or shape first and convert it into a Smart Object before resizing it. This way you’ll preserve the aspect ratio of the effect.
18 Thiết Kế Hiệu Ứng Chữ Copper trong Photoshop

Tổng kết

Tôi hy vọng hiệu ứng này sẽ hữu ích với bạn. Bây giờ, đã đến lúc bạn thử nghiệm với layer styles hoặc Download PSD file từ Psdtuts+ PLUS và copy hiệu ứng layer nếu bạn muốn tiết kiệm thời gian. Bạn có thể xem hình ảnh mà chúng ta vừa tạo ra bên dưới hoặc xem phiển bản lớn hơn ở đây. 

Dịch và biên tập từ: Tutsplus

Nước Chảy trên Bề Mặt Chữ photoshop

Trong hướng dẫn này, tôi sẽ trình bày các bước mà tôi đã thực hiện để tạo hiệu ứng Text tóe nước tuyệt vời trong Photoshop. Trong quá trình thực hành hướng dẫn, bạn sẽ học được cách làm thế nào có thể hợp nhất các bộ Brush Water Splash vào trong Text của bạn và tạo ra một hiệu ứng tuyệt vời từ đó. Chúng ta cùng thử nghiệm.Đây là hiệu ứng cuối cùng mà chúng ta sẽ tạo ra trong hướng dẫn này: (nhấp chuột vào để phóng to hình ảnh).
water text flatten 500x371 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ

Download file PSD

Bạn có thể Download File PSD đối với hướng dẫn này thông qua VIP Members Area chỉ với 4.95 USD/ tháng (hoặc không đến). Bạn không chỉ có hướng dẫn này , mà còn có hơn 40 PSD Files khác + các Goodies bổ sung + Hướng dẫn Photoshop độc quyền. Đăng ký ngay! và Tìm hiểu thêm về VIP Members Areas
vip sign up 250 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
OK chúng ta cùng bắt đầu!
Để hoàn tất hướng dẫn này, bạn sẽ cần những dữ liệu sau đây:
Water Splashing Brush

Bước 1

Tạo một document mới có kích thước 940 x 700px, tô màu background layer bằng màu đen. Load hình ảnh hồ nước có sẵn vào trong Photoshop, sử dụng Lasso Tool với cài đặt Feather 40px, vẽ một vùng chọn của hồ nước:
1 select 500x305 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Copy và paste vùng chọn vào trong khung hình của chúng ta, sử dụng một Brush mềm, lớn để xóa các Edge của nó, và giảm Opacity của layer đó xuống khoảng 60%. Hiệu ứng được hiển thị như bên dưới:
1 erase 500x268 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Sao chép layer nước này 2 lần, di chuyển layer đã sao chép xuống bên trái và bên phải của layer nước ban đầu, như hiển thị bên dưới: (thiết lập Opacity của layer xuống thấp hơn một chút so với layer nước ban đầu để tạo chiều sâu).
1 dup 500x249 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Sao chép layer nước ban đầu một lần nữa, thay đổi kích thước của nó, làm cho nó nhỏ hơn và đặt nó tại trung tâm, sau đó tăng Opacity của layer lên 100%.
1 center 499x286 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Thêm 2 Adjustment Layers trên tất cả các layer đã tạo ra.
Curves
1 curves1 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Levels
1 levels1 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
và bạn hiệu ứng của bạn đã tạo ra cho đến bây giờ: (phần trung tâm sẽ là vị trí nổi bật nhất, và text của chúng ta cũng sẽ được đặt tại đó).
1 effect 2 500x325 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ

Bước 2

Bây giờ, sử dụng bất kỳ Font nào bạn thích, nhập một ký tự lên khung hình như hiển thị bên dưới:
2 type1 500x400 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Áp dụng Blending Options cho layer text này như sau:
Bevel và Emboss
2 bevel1 500x350 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Gradient Overlay:
2 grad 1 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
2 grad 2 500x350 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Stroke
2 strk 500x350 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
và ở đây là hiệu ứng mà chúng ta đã có cho đến bây giờ:
2 effect1 500x354 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ

Bước 3

Bây giờ, hãy thêm độ nhiều (Noise) cho text và để có được hiệu ứng tóe nước trong các bước sau. Tạo một layer mới bên trên cùng của text và gọi tên là “Noise”, load vùng chọn layer text và tô màu vùng chọn bằng màu đen, vào Filter> Noise> Add Noise và áp dụng cách cài đặt sau:
3 noise Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Hiệu ứng sau khi bạn gắn noise filter:
3 noise fill Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Thay đổi blending mode của noise layer này sang “Screen”. Drop opacity của layer xuống khoảng 35%, bạn sẽ có hiệu ứng sau đây:
3 noise screen 500x496 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Tạo một layer mới bên trên cùng của layer Noise, gọi tên nó là “light và shadow”, sử dụng một Brush kết hợp đen và trắng, tô màu như hiển thị bên dưới:
3 highlight 500x404 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Thay đổi blending mode của layer “Light và Shadow” sang “Overlay” – như bạn có thể thấy, chúng ta cần thêm một số ánh sáng tương phản lên Text:
3 effect1 500x515 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ

Bước 4

Bây giờ, chúng ta có thể vẽ một số hiệu ứng tóe nước xung quanh text. Tạo một layer mới gọi tên là “Water Splash” và load các Brush Water Splash vào trong Photoshop, chọn một số Brush từ bộ này và vẽ xung quanh text, như hiển thị bên dưới:
4 paint 500x463 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Hãy chắc chắn rằng khi bạn vẽ hiệu ứng tóe nước, bạn đã sử dụng các bộ Brush có kích thước kết hợp giữa lớn và bé, cũng như đã điều chỉnh Flow và Opacity của Brush, KHÔNG sử dụng một cách cài đặt cho toàn bộ Brush này:
4 paint 2 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Thêm một số hiệu ứng tóe nước xung quanh Text nữa – để nó trở nên sáng tạo hơn., vẽ một số dòng nước đang chảy xuống từ các Edge của text:
4 paint 3 500x565 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Đối với các dòng nước, tôi đã sử dụng một Brush màu trắng, mềm, có kích thước 6px để vẽ bên ngoài, như hiển thị bên dưới:
4 draw Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Sử dụng kỹ thuật tương tự để vẽ dòng nước bên trái:
4 draw 2 499x471 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Bạn có thể sử dụng một Brush màu trắng, mềm, nhỏ để vẽ xung quanh Edge của text để tạo ra một số hiệu ứng waterflow/highlight:
4 border 500x412 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Hiệu ứng Highlight dành cho các Edge của text:
4 hig 500x363 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Đây là hiệu ứng bạn đã tạo ra từ đầu đến giờ:
4 effect1 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ

Bước 5

Bây giờ, chúng ta sẽ làm cho hiệu ứng tóe lửa xung quanh text sắc nét hơn một chút. Để thực hiện điều này, sao chép Layer Water Splash mà bạn đang vẽ (nếu bạn có một số layer Water Splash, đầu tiên, hãy nhóm chúng lại, sau đó nhấp chuột phải lên nhóm layer và chọn “Merge group” Opiton).
Áp dụng cách cài đặt Smart Sharpen filter cho layer đã sao chép như sau:
5 smart shar 500x317 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Và bạn có thể thấy hiệu ứng tóe nước đã sắc nét hơn và trở nên trực quan hơn:
5 effect1 500x509 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Bây giờ, tạo một layer mới có tên gọi là “shadow” bên dưới text layer gốc, chọn một Brush mềm, màu đen và tô màu một số shadow trên layer nước và bên dưới text, như hiển thị dưới đây:
5 paint sha 500x197 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Đôi khi, bạn có thể thêm một số hiệu ứng tóe nước xung quanh text:
5 more splash 500x198 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Để làm cho text sống động hơn, bạn có thể thêm một số hiệu ứng sương mù bảo phủ bằng cách tạo một layer mới và gọi tên là “Mist”, nằm ngay bên trên Background layer, sử dụng Lasso Tool có Feather 50px, vẽ một vùng chọn xung quanh text như hiển thị bên dưới:
5 selection 500x384 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Sắp xếp một số đám mây bên trong vùng chọn, drop opacity của layer Mist xuống khoảng 50%, và bạn sẽ có hiệu ứng sươgn mù như sau:
5 cloud 500x413 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ

Bước 6

Bây giờ, chúng ta bước sang giai đoạn cuối cùng của hướng dẫn. Tôi cảm thấy muốn thêm một số điểm nổi bật xung quanh Text, để kafm cho một số phần nổi bật hơn. Để thực hiện điều này, hãy tạo một Layer Light mới bên trên tất cả các layer khác, sử dụng một Brush màu trắng, mềm, nhỏ để vẽ (nhấp chuột một lần) một số điểm như hiển thị bên dưới:
6 high light Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Bây giờ, bạn cũng có thể sử dụng Distrot Option (có sẵn khi bạn nhấn Ctrl + T, sau đó, nhấp chuột phải) để điều chỉnh hình dạng của Light, để điều chỉnh Angle:
6 distort 500x395 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Tôi đã bổ sung một Color Balance adjustment layer để tăng thêm một chút ánh sáng xanh vào hình ảnh:
6 col bal Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Layer Mask trên Color Balance adjustment layer:
6 col bal mask 500x369 Hiệu Ứng Photoshop: Nước Chảy trên Bề Mặt Chữ
Và đây là hiệu ứng cuối cùng mà bạn đã tạo ra:

OK, đó là tác phẩm được tạo ra từ hướng dẫn này! Tôi hy vọng các bạn yêu thích và có thể tìm thấy sự hữu ích và cảm hứng sáng tạo từ hướng dẫn. Nếu bạn có bất kỳ thắc mắc nào, ahxy Drop trong phần bình luận bên dưới và tôi sẽ cố gắng trả lời sơm nhất có thể.
Chào thân ái và chúc các bạn một ngày tốt lành!

Dịch và biên tập từ: PsdVault

Girls Generation - Korean