Trang chủBài viết Tổng hơp Hướng dẫn M iễn phí Licn hê

I±1Xem dang m ăc đinh Xem dang danh sách Doc RSS Theo đuôi ntuts trên Twitter ForumCustom Search Control Web

Chư thư pháp bóng nối trong photoshopĐăng bởi todao trong mực Hướng dằn vào 15 tháng 7, 2010 I 4 Comments

M ột bài hướng dẫn về h iệu ứng chữ khá b ấ t m ắt sử dựng hiệu ứng nổi 3D, font chữ Calligraphy và Layer Styles trong Photoshop

H iệu ứng này rấ t đơn giản, hãy xem làm cách nào đ ể chúng ta có thể tạo ra các m ẫu pattern và hiệu ứng ánh sáng (light effects) với chê độ hòa trộn (Blend Modes) trong Photoshop nhé.

B ạn có thể xem bản tiếng anh và tải v ề file psd tại bài v iế t gốc trên trang abduzeedo. Người dịch: Tô Đào

Bước 1

MỞ Photoshop tạo m ột tài liệu mới với kích thước 1920x1200 pixels. Kè tiếp tô màu nền (background) với màu có mã là # l f le le

Bước 2

v ớ i layer nền (background) đang được chọn ta vào menu Layer> Layer Style> Gradient Overlay và đ ể các thông sô lẳn lượt như sau Blend Mode: Multiply, Opacity: 60%, m ục Gradient: s ắ c xám (#707070) và trắng, Style: Radial, tích chọn mục Align with Layer, Angle: 90°, Scale: 100% .vớ i mục Style ta chọn nó ở chê độ Radial, đảm bảo được rằng màu trắng sẽ nằm ở chính giữa, đ ể khi ta sử dụng chê độ Multiply các cạnh ở rìa của hình ảnh sẽ tối hơn. Dụng ý thực thi lệnh gradient này thông qua Layer styles là bởi vi tôi muốn áp lên m ột bộ lọc cho layer ngay sau đó và kê tiếp nữa tôi sẽ có th ể tùy biến các màu sắc khác nhau lên layer.

Layer Style

Styles

WtrxiiPfl Opt'Om- Default

( J Drop Shadow

( J iMHf Shadow

C)0»rt*f Clo*

Q ln w r Ctow

o 8«v<1 vrt ttvbon o Centovr

□ Ttxtyrt

OS*tm

o Cater OvtfUv

^ Oiditnt Overlay( J P lttC T Overlay

' t Strok*

G rad ien t Ovariay

C rad itf lt c OK 3( Cancel '

f NewStyte... )

M Preview

Bước 3

Vào menu Filter Filter>Noise>Add Noise. Thông số Gaussian: 2% và tích chọn Monochromatic. Bước này nhằm giúp cho gradient ta tô thêm sắc, tinh tẽ hơn.

Bước 4

T ạo m ột layer chữ mới với font chữ mang phong cách thư pháp. Tôi đã sử dụng font Cham pignon và bạn có thể d ễ dàng download nó tại http://dafont.com. Xong bạn hãy gõ từ "Abducted" đối với layer chữ này.

Bước 5

Ngay bây giờ bên dưới dòng "Abducted" ta gõ từ "by". Tôi đã sử dụng font "Champignon Alt s..." cho từ"by", cũng như trên, bạn có th ể tải font "Champignon Alt s..." từ trang dafont. Hãy nhìn minh họa cho bước này đ ể tham khảo cách xếp đ ặ t vị trí giũa các từ sao cho giữa chúng có sự liên kết với nhau.

Bước 6

Gõ từ "Design". Giống bước trên, ta xếp đặ t sao cho phần rìa phải của ký tự "Y" liên kết với "D", điều này rấ t quan trọng nhằm đ ể đạt được hiệu quả vè m ặt thẩm mỹ - các từ có sự nối kết, nhìn chúng hài hòa.

Bước 7

Đ ể cho tác phẩm này nhìn hấp dẫn, đẹp m ắt hơn chúng ta hãy thêm một sô m ẫu hoa văn.Ta place một m ẫu hoa văn Swirl vào và đ ặ t nó trước từ "A" như trong hình minh họa. M ầu hoa văn trong bài tôi tải v ề từ trang Shutterstock

Bước 8

Cũng như vậy, đặ t m ột m ẫu khác vào cuối từ Design, kê liền ký tự "n" như trong hình. Hình này tôi sử dụng cùng m ẫu hoa văn giống bước trước, chỉ khác là nó nhỏ hơn chút xíu.

Bước 9

Thêm m ột m ẫu Swirl nữa vào nằm dưới từ "y" như trong hình.

Bước 10

Bây giờ với hàng chữ cũng m ẫu Swirl được sấp đặt khá ổn như trong hình tôi chuyển đổi chúng thành những đối tượng thông minh (Smart Objects). Cách này giúp chúng ta có thể chinh sửa được đôi tượng thao tác bấ t kỳ lúc nào. Sau đó và menu Layer Styles L a y e r » Gradient Overlay, s ử dụng sắc hồng và xanh cho Gradient, Linear chọn Style, và 90° cho Angle.

Bước 11

Sau đó chọn Drop Shadow, trong mục Drop Shadow chọn Multiply cho phẩn Blend Mode, 120 ° cho Angle, 5 pixels cho Distance và 20 pixcels cho Size.

Bước 12

T iếp nữa đến mục Bevel and Emboss. Chọn Inner Bevel cho mực Style, Smooth cho Technique, 190% cho mực Depth, v ớ i m ục Direction sử dụng các thông sô như sau Size: 6 pixcels, Soften: 8 pixcels. Đ ên phần đổ bóng Shadow Mode chọn Multiply và màu đèn với Opcaity 45%. Tích chọn cả mực Contour.

Bước 13

Nhân đôi layer vừa làm xong và kéo thanh trượt đấy hộp Fill xuống còn 0%. Nhấp đúp vào layer đ ể hiện ra hộp thoại Layer Style, v ớ i layer đang thực thi này ta tắt hiệu ứng Gradient Overlay. Tiếp nữa mục Bevel and Emboss phắn Direction chọn Down. Mục Depth kéo thanh trượt lên 370%, Size: 2 pixels, Soften: 8 pixcel. Đ ên mục Shading, thay đổi Angle: 1450, Altitude: 25°, Highlight Mode: Screen, màu trắng, opacity:100%, trong khi ở chê độ Shadow là màu đen opacity: 0%

Bước 14

Nhân đôi layer vừa làm đ ể hiệu ứng thêm tác động m ạnh hơn nữa.

Bước 15

Nhân đôi thêm m ột lần nữa nhưng lẳn này chúng ta có vài chỉnh sửa thong sô ở Bevel and Emboss. Soften: 1 pixcel, Highlight Mode: Color Dodge với 70%. Và cho ẩn hiệu ứng Drop Shadow trong layer này.

Bước 16

T ạo m ột trang mới kích thước 40 X 200 pixels.

New

Name: ¡Untitled-1

Preset: Custom

Size

Width: 40

Height: '200

Resolution: 72

Color Mode: RGB Color

Background Contents: White

Ị ▼ I Advanced

pixels

If pixels

pixels/inch

€I

OKCancel ?

( Save Preset... )

( Delete Preset... ^

( Device Central... ")

Image Size:

23.4K

Bước 17

Thay đổi kích cỡ layer nền, như vậy nó sẽ có chiều rộng 20 pixels. Tô màu Layer này với Gradient Lienar bằng cách sử dụng màu trắng cho Gradient nhưng chọn mức độ Opacities khác nhau, s ử dụng từ 100% đến 40% cho các Opacities của Gradient này. (Xem hình minh họa)

■Æ , , I1? , , , 2,° I3Ll , 1 0TT.

ĩ.

t:

ĩ: i0 :

T:

T:

ĩ.

ĩ: iT:

t:0 :

T

ì:

Ï:

ị i— Ã.0 :

—

ĩ.

r

T.ì:ĩ J0.1.ì:

400« I @

Bước 18

Ngay bây giờ chúng ta tạo một Pattern mới đê sử dụng. Đi đến menu Edit>Defin Pattern, đặ t tên cho m ẫu pattern này trong hộp thoại name là Stripe

Pattern Name

f OK ìNam» <ltripo

( Cancel )

Bước 19

Quay trở lại với tác phẩm thiết kê của chúng ta, tạo thêm m ột layer mới cho nó và tô màu cho layer này với m ẫu pattern mà ta vừa lưu.

Bước 20

Nhấn CTRL + T và xoay nghiêng layer pattern vừa tô, sau đó chọn chê độ hòa trộn cho layer này là Soft Light.

Bước 21

Nhấn giữ phím Command (đối với mấy Mac) hoặc CTRL (đối với PC) và nhấp chọn vào layer chữ - tác phẩm của chúng la, khi đỏ la được m ột vùng chọn bao quanh cliữ "Abducted by Design" cùng hoa văn của nó Sau đó đi đến menu Layer> Layer Mask> Reveal Selection.

BƯỚC 22

Chọn tấ t cả các layer được sử dụng đ ể tạo hiệu ứng văn bản và bản sao chúng. Đi đến menu Layer > Merge Layers. Tiếp nữa Filter > Blur> Gaussian Blur, s ử dụng 10 pixels cho Radius và nhấn OK. Cuối cùng thay đổi chê độ hòa trộn cho layer này là: Screen

Bưóc 23

Chúng ta làm thêm m ột sô h iệu ứng ánh sáng nữa. Ớ đây tôi sử dụng một bức ảnh được tạo sẵn có sử dụng bộ lọc Lens Flare. File ảnh này bạn có thể download tai đây. Đ ặt tấm ảnh các bạn vừa download v ề và đổi cho nó chế độ hòa trộn thành Screen. Đi đến menu Image>Adjustments>Hue and Saturation, nhấp chọn Colorize và thay đổi thong sô ở Hue cho đến khi có được một màu sắc Ưng ý và phù hợp với màu của tác phẩm chúng ta đang làm nhất (tham khảo hình minh họa)

BƯỚC 24

Nhân đôi layer hiệu úng ánh sáng vừa tạo và di chuyển nó đến nơi vừa m ắt (tham khảo hình)

Bước 25

Nhân đôi layer này thêm m ột lần nữa và di chuyển nó đén m ột vị trí khác. Sau đó chọn menu Iniage>Adjustments>Hue and Saturation, tích vào tùy chọn colorize và thử chọn màu sắc cho hỢp với m ẫu thiết kê h iện hành của mình nhất.

Bước 26

Dùng lệnh place trong menu File đ ể đặ t vào file th iế t kê m ột hình ảnh kết cấu giấy, bạn có thể downlast tấm ảnh này tai đây. Sau đó kéo layer này lên trên đâu trang cao nhất so với các layer còn l ạ i . Cuối cùng thay đổi chê độ hòa trộn (blen mode) ]à Multiply.

Kết thúc

Đê’ có được một hiệu ứng font chữ thư pháp trong tác phẩm này điều cốt yêu là ta "mò" và "vọc" phần Layer Style. Ngoài ra trong bài v iế t này chúng ta cũng đã tạo ra m ột m ẫu pattern. Dụng ý của bài v iế t này nhằm chỉ các bạn m ột sô kỹ thuật đ ể các bạn có th ể ứng dụng nó cho những tác phẩm thiết kê khác của mình. Tác phẩm này

chỉ là m ột ví dụ nhỏ, và đ ể tạo nên nhiều tác phẩm thú vị, hấp dẫn khác điều đó bây giờ nó phụ thuộc vào bạn.

Các biến thể khác

bái dich, text effect, photoshop