Hướng dẫn photoshop: Hiệu ứng chữ 3d chói sáng (phần 1)

Hướng Dần Photoshop: Hiêu ứng Chừ 3D Chói Sáng (phần 1) Trong hướng dẫn này, bạn sẽ học cách tạo Text 3D ừong Mustrator sau đó chuyển nó vào Photoshop để gắn các hiệu ứng. Xem trước sản phẩm chúng ta sẽ tạo ra Tạo hiệu ứng Text 3D sáng chói trong Photoshop Khi bạn đã từng tạo ra bất kỳ hiệu ứng nào, hãy sử dụng Action Palette để lưu trữ các chức năng bởi vì nếu bạn cần có hiệu ủng tương tự một lần nữa, bạn sẽ dễ dàng hơn để có được kết quả tương tự. Bước 1 — Tạo một Document mới Mở Photoshop. Chọn File New> hoặc nhấn Ctrl / Command N. Tôi đang sử dụng kích thước hình nền 1440px (chiều rộng) X 900px (chiều cao) nhưng bạn có thể sử dụng bất kỳ kích thước nào bạn muon. Bước 2 — Tạo ra các Text 3D Chúng tôi sẽ bắt đầu tạo Text 3D với sự giúp đỡ của Illustrator. Trước tiên, bạn cần gõ Text trong Hlusữator. Bạn có thể sử dụng bất kỳ Text nào mà bạn muốn. Tôi chỉ sử dụng Text “FX”. Mở Illustrator, chọn Type Tool và viết Text. Sau khi viết, thay đổi font chữ thành “Hobo Std Medium”. Blf&c 3 — Tao mäu cho Text Thay doi mäu sac cüa Text. Boi vai chü “F” sü düng mäu xanh (# 094569) vä “X” su dung mäu da cam dam (# AB7D1B). Hinh änh cüa ban se giöng nhu ducri däy. Đạn cần phải tạo ra Text 3D thật rắn chắn. Đề làm điều đó, vào Menu> Effect 3D» Extrude & Bevel... Bước 4 — Thêm hiệu ững 3D vào Text I lu s tiđ to r - [ 3d te x t .di @ 150% (RGB/Preview) J Effectt Object Type Select Filter View Window Help Apply Extrude Bevel Shift+Ctrl+E Extrude Bevel... Alt+Shift+Ctrl+E Document Raster Effects Settings. Illustrator Effects 3D Convert to Shape ► Distort fe Transform ► Path ► Pathfinder ► Rasterize,,, Stylise ► 5VG Filters ► Warp ► Photoshop Effects Effect Gallery.., Artistic Blur Brush Strokes Distort Pixelate Thiết lập hộp thoại tương tự như hình dưới đây. nacity: 100 > % Extrude 8í Bevel, Revolve. Rotate., 3D txtrcide 8 Bevel Options Pô!llr&fin Custom Rôtlëcrï V cÜ t \ -e - 12°> F "V <■7 P * i» ít ìiV í: 9o > Ẽ rtiud« & Bawl Eilrude Depth: Í 8 p! J t t’i e«v*is -------- htont Hmohi: 4 ri f f Suffit« plaỉt«! ãKidiíiạ V 8 OK 1 I Cancel j ị MapAri... I I More Options I ËÜPrevew Bước 5 — Đặt màu Background Khi bạn đã hoàn thành với Text 3D, quay ừở lại Photoshop và thay đổi màu sắc của background thành màu xanh (# 000bl2). Bước 6 — Đặt Text 3D trong Photoshop Trong bước này, bạn sẽ đặt các Text 3D ừong Photoshop. Copy Text từ Illustrator và paste nó vào Photoshop. Chọn layer với text, kích chuột phải vào nó và chọn Rasterize Layer. Bước 7 — Tách Text Bây giò, bạn đang sẽ tách text thành 2 phần, chọn Rectangular Marquee Tool (M) và tạo vùng chọn của chữ “X”. Nhấn Ctrl +x để cắt và Ctrl + V để paste chữ cái. Căn chỉnh text cho phù hợp. Bạn cần phải tạo Highlights trên text. Chọn Dodge Tool (O) từ Tools và làm theo các cài đặt Brush như bạn thấy trong hình bên dưới. Bước 8 — C ả i đặt Dodge Tool T Brush: * T I Range; Highlights Exposure! I 100% F ] M aster Dianne le r l-Urdrv45Si J ---- 100 px • ■ ■ • . * « ■ • • • • 1 s 9 13 19 5 9 13 17 21 27 35 45 * ■ ị • • « « • ■ « • * * • í. 6£ , 100 ' 200 300 1? 19 17 45 ss 100 200 2W 14 k #1 ■# #: * 4 * % % ■ - 2? 39 * 5-5 ii 1' 25 SỄ 44 6.0 14 5Ẻ 35 *■ * r Ý ☆ ■* % % % %42 55 70 112 134 74 ■95 29 M2 36 36 33 63 66 ầ ty - • * A V" í X 39 tỉ 11 32 re 100 7S 45 &7E 6?E *>7S 675 % 1 * ? V < %?■ % 7 ĩ %67 B 675 6*75 675 675 675 6.75 675 675 675 675 6?5 675 675 ' % 1 đ V-1 l *■ V ■¿ẽ T675 674 E.75 6?5 675 675 É.75 675 6?5 675 675 6?5 S75 675 Bước 9 — Thêm Highlights Sử dụng Dodge Tool đề tồ màu qua những vùng bạn muôn làm nôi bật. Bạn có thể có cảm hứng từ hình bền dưới. Bước 10 -Thêm nhiều Hĩghlĩghts hơn Làm theo bước 9 và tạo ra nhiều điểm nổi bật trền những vùng đã khoanh tròn. Bước 11 — Thêm Shadows Khỉ bạn đã hoàn thành việc thêm các điểm nổi bật, bạn cần phải tạo shadow ở phía đối diện. Chọn Bum Tool (O) từ Tools và tô màu bóng tối. Bước 12 — Thêm nhỉều Shadows hơn Làm theo bước 11 và tiếp tục với việc thêm các shadow vào trong các vùng đã được khoanh tròn. HiP(ýng Dân Photoshop: Hiêu ứng Chừ 3D Chói Sáng (phần 2) Bước 13 — Tăng cường độ Đê tăng thêm độ tương phán cho Text, chọn Dodge Tool (O). Tăng kích thước Brush lên 800px và nhấp chuột lên toàn bộ chừ “F” và sau đó, nhấp chuột qua chữ “X ” đề có được kết quá tương tự như trong hình ánh bên dưới. Bước 14 — Thêm các góc sáng (đèn pha) Bây giờ, bạn sê thêm m ột số đèn chiếu điêm đề làm cho các góc của Text được chiếu sáng. Chọn Brush Tool (B). Với M aster D iameter 90px, chọn m ột Brush tròn, mềm. Chọn màu của Foreground là màu trắng và tạo một layer mới. Tô màu qua các góc cúa Text. Xem hình ánh bên dưới. Xoá bở các phần của Glow, không những troníĩ Text mà còn trong background. Bước 16 — Thêm Outer Glow Đê thêm Outer G low cho đèn pha, nhấp chuột lên button Add a layer style. Bạn có thể tìm thấy button đó ớ phần bottom của Layers palette. Nấu bạn không thấy Layers palette, chi cần nhấn F7 và nó sẽ xuất hiện. Chọn Option O uter Glow và làm theo các cài đặt sau. Nhấn OK. Styles Blending Options: Default f~l D rop Shadow n Inner Shadow □ O uter Glow l~1 Inner Glow l~1 Bevel and Emboss i~~l Contour l~~l Texture f~1 Satin f~~) Co lo r Overlay f~l Gradient Overlay □ Pattern O verlay □ Stroke O u te r Glow S tru c tu re Blend Mode: I Opacity: Noise: ® u OE“ Elements Technique: Softer Spread: J Size: J - Q uality Contour: BE □ Anti Range: Jitter: i-aliased IĨ % p* OK Cancsl New Style... 0 Preview Bước 17 — Sao chép Glow Spotlight Bây giờ, sao chép Glow mà bạn đã tạo ra trong bước 14. Chọn Smudge tool ® và drag Brush từ phải sang trái, đê làm cho Glow lan tràn trên texl. Xem hình ánh bên dưới để biết tôi muốn đề cập đến điều gì. Bước 18 — Blending Glow Chọn Smudge Tool ® và drag Glow xung quanh các góc của text. Xem hình bên dưới. Hình ánh của bạn sẽ giống như hình bên dưới. Bước 19 — Thêm Feather Glow Bây giờ, bạn sê thêm Glow cho các góc của Text. Chọn Brush tool (B). Chọn m ột Brush tròn, mềm, và thiết lập Master D iam eter lên 90 px. Tạo m ột layer mới và tô màu Glow xung quanh các Edge như bạn thấy bên dưới. Bước 20 — Định vị Highlights cho chữ “X ” Trong bước này, chúng ta sẽ tập trung làm việc trên chữ “X ” . Định vị các đèn pha. Thực hiện tương tự như bạn đã làm trong bước 14 và 15. Xem hình ánh bên dưới để tham khảo. Bước 21 — Thêm Outer Glow Thêm O uter Glow cho đèn pha. Nhấp chuột lên button Add a layer style, chon Outer Glow và thưc hiên các cài đăt sau. Layer Style Styles Blending Options: Default n Drop Shadow |~~| Inner shadow □ O u t e r G lo w |~1 Inner Glow f~l Bevel and Emboss f~~1 Contour f~~1 Texture |~~1 Satin r~l Color Overlay i~~l Gradient Overlay I I Pattern Overlay □ Stroke O u t e r G lo w S t r u c t u r e Blend f/ode: Opacity: hoise: J ----- ©□ o[ E le m e n t s Technque: Softer Spread: Size: Q uality Conîour: Range: Æ 64 % % % p* I I Anti-aliased 51 Jitter: J % % OK Cancel I New Style... j 0 Preview Bước 22 — Lựa chọn Brush Chọn Brush Tool (B). Chọn Brush cứng, tròn và thiết lập Master Diam e­ ter lên 3px. Bạn sẽ cần nó trong các bước tiếp theo. Master Diameter 3p* l r Hardness: 1 • ) • • • • • • • • • • • • 1 V 3 - 1 5 s 13 19 5 s 13 17 21 27 35 45 • • • • • • • • • • • • • •V 65 100 200 300 9 13 19 17 45 85 100 2Ơ0 300 14 * -& ■ế * % * * * > % % - • * 24 27 39 Af> 59 11 17 23 38 44 60 14 26 33 42 55 70 r 112 Ỷ 134 A' 74 95 ☆ 29 ¥ 132 * 36 % 36 % 33 % 63 66 ầ 59 4 » t ỉ 11 % 4S * 32 • 100 • 75 • 45 675 ị G 75 s 67S * \ 675 675 â 7. 675 i : 675 \ 675 ? 675 » 675 < $75 Sc 675 V $75 rC $75 '7 $75 / $75 V 675 < &7S % S7S 674 t- $75 675 £ $75 V - 675 4- 675 X Ì7S % 675 V $75 u \ . $75 £ &7S ? 675 675 / A *.>• > “V A A 'A , Chọn Pen Tool ® và tạo m ột Path như bạn có thể thấy trong hình bên dưới. Bước 23 — Tạo Path Bước 24 — Thêm Stroke Path Bây giờ, nhấp chuột phải lên màn hình và chọn option Stroke P ath ... Bước 25 — Thêm Brush stroke Chọn Option Brush từ danh sách và nhấn OK. Bước 26 — Bổ sung thêm stroke Path các bước 22-25 để thêm Stroke Path.Lặp lại Trong bước này, bạn sẽ thêm Glow trong những vùng tối đê tạo ra sự phản chiếu. Chọn Pen Tool ® và tạo Path như bạn thấy trong hình bên dưới. Nhấn Ctrl + Enter đế tạo m ột vùng chọn và tô màu nó bằng màu nâu (#614717). Bước 27 — Tạo Highlights trong các khu vực có shadow. Bước 28 — Thay đổi Blending Mode Bây giờ, nhóm layer đã chọn vói Text. Đê thực hiện điều đỏ, đặt layer này bên trên layer text & nhấn Ctrl Alt G đê nhóm layer bên trong text layer. Khi chủng ta đã hoàn thành, vào layer blending mode & chọn “Color Dodge” Bước 29 — Xóa các góc Chọn Eraser tool (E). Chọn một vài Brush tròn, mềm và thiết lập Master D iameter lên lOOpx. X óa các góc của Shape này. Xem hình bên dưới. Bước 30 — Bổ sung thêm stroke Path Tiếp tục bố sung thêm Stroke Palh bằng cách làm theo các bưức 22-25. Hình ảnh của bạn phải tương tự như hình dưới đày sau các bước này. Bước 31 — Thêm stroke Path tới chữ “F ” Chúne ta tập trung vào chữ “F” một lần nữa. Làm theo các bước 22-25 một lần nữa để thêm Stroke Path cho chừ cái đỏ. HiP(ýng Dân Photoshop: Hiêu ứng Chừ 3D Chói Sáng (phần 3) Bước 32 — Tạo Spotlight trên Background Trong các bước sau, chúng ta sẽ tập trung làm việc trên Background. Bạn sẽ thêm ánh sáng bên dưới các cliừ cái. Để thực hiện điều đó, chọn Brush Tool (B). Chọn Brush tròn mềm và thiết lập M aster D iam ter lên 300px. Chọn màu lam (# 546876). Tạo m ột layer mới bên dưới các layer với text và vẽ một chấm lớn. Bạn có thể xem những gì tôi đã làm trong hình bên dưới. Bước 33 — Chuyển đổi Dot Nhấn Ctrl+ T và chuyến đổi layer sang shape, chúng ta có thê thấy bên dưới. Nhấn Enter. Bước 34 — Thêm Shadow Tạo một layer mới bên dưới các layer với text. Nhấn Ctrl+ nhấp chuột lên Thumbnail của layer với chừ “F” đề tạo mask của layer đó. Sau đó, nhấp chuột lên layer mà bạn vừa tạo ra và Grab Gradient Tool (G). Chọn màu đen và tô màu mask với nó. Thực hiện tương tự với chừ “X”. Sau đó, nhấn Ctrl+ T và chuyến đôi layer này với các chừ cái như trong bức tranh bên dưới. Nhấn Enter. Bước 35 — Thêm Gaussian Blur Shadow nên có nhiều Blur đề trông hiện thực hơn. Để chỉnh sửa nỏ, vào Menu» Filter Blur> Gaussian Blur ... và thiết lập Radius trên 5.0px. Bấm OK. Gaussian Blur I Cancel I 0 Preview 100% Radius: 3 3 Bạn cần phải có hình ánh của bạn tương tự như hình dưới đây. Bước 36 — Tạo star Glow Trong bước này, bạn sẽ thêm Star Glow. Thực hiện điều đỏ bằng cách chọn Pen Tool ® và tạo một path như bạn thấy trong hình bên dưới. Nhấp chuột phải lên màn hình và chọn Stroke Path... Chọn option Brush và kiểm tra Box Simulate Pressure. N hấn OK. Chọn Path, và nhấn Ctrl + J đè sao chép nó. Nhấn Ctrl+ T và xoay nó. Lặp lại cho đến khi bạn có được Star tương tự như hình bên dưới. Bước 37 - Sao chép star Path Bước 38 — Điều chỉnh star Direction Bây giờ, chọn tất cả các layer Star. Nhấn Ctrl + T và xoay nó đề nó có cùng hướng với chữ “X” . Xem hình ánh dưới đây. Bước 39 - Định vị star Sao chép và di chuyền Star để làm nổi bật các khu vực đó. Blpo’c 40 — Them Particles Bay gio, ban se them m ot so hat gan cac ngoi sao. Chon Brush Tool (B) va lam theo cac cai dat ben duai (neu ban khong biet vi tri cua Palette nay d dau, ban chi can nhan F5). fe ru sh P resets . • • # a | Brush Tip Shape f~~] Shape Dynamics fc ' 1 3 5 9 13 19 5 • 9 • 13 • 17 • 21 • 27 0 Scattering fg • • • • • • □ Texture £g n Dual Brush fa ' 35 45 $5 100 200 300 • 9 • 13 • 19 • 17 • 45 • 65 □ Color Dynamics £j' • • • i " ■ff * 0 Other Dynamics £j' 100 200 300 14 24 27 1 1 Noise fjj [~~| Wet Edges fjj\ □ Airbrush £ ' A 39 * 46 tf 59 * 11 «V 17 * 23 4 » 36 % 44 % GO 14 26 33 0 Smoothing r r • • r f [■/] Protect Texture 42 55 70 112 134 74 j A K J Master Diameter (s!!V Brush Presets ru sh Tip S hape □ Shape Dynamics 0 Scattering l~l Texture □ Dual Brush f~| Color Dynamics 0 Other Dynamics i~~] Noise n Wet Edges ¡¡¡' [~~1 Airbrush 0 Smoothing 0 Protect Texture ¿¡f i 3 5 • 9 • 13 • 19 3 • • • • • 5 9 13 17 21 27 • • • • • • 35 45 65 100 200 300 L * & * s£| | 2 p x □ Flip X □ Flip Y Angle: I 0° Roundness: [j00% Hardness 0 Spacing Brushes Clone Source ' Brush Presets Scatter Brush Tip Shape >hape Dynamics __ exture f~1 Dual Brush (~1 Color Dynamics 0 Other Dynamics i~l Noise n Wet Edges 1 I Airbrush 0 Smoothing W\ Protect Texture Ị Í N ^ ẽ r~Ị Wet Edges n Airbrush 0 Smoothing 0 Protect Texture Brush Presets Brush Tip Shape f~1 Shape Dynamics 0 Scattering fa ' □ Texture & 1~1 Dual Brush L ^iqfor Dynamics O th e r Dynam ics Tô màu Particles tương tự như hình ánh sau đây. Bước 41 — Thêm Semi Transparent Screen - màn hình bán trong suốt Download smoke brush (Real Smoke (675 pixels) và cài đặt nó vào Pho­ toshop. Chọn Brush hiển thị trong hình bên dưới. Bước 42 — Đặt Brush Tăng kích thước của Brush và tô màu nó trôn một layer mới. Tạo một layer mới phía trên layer trên màn hình. Nhấp chuột phải lên layer mới và chọn option Create Clipping Mask. Chọn Brush Tool (B), và thay đổi Mode sang Color và tô màu để có được kết quả arơng tự như trong = # 0a5689, Vàng = # ffd44e, Lục = # c2e01f. Bước 43 — Thêm màu sắc Chọn Move Tool (V) và định vị trên màn hình và layer với các màu sắc đẳng sau Text. Xem hình bên dirứi. Bước 44 — Sao chép & Chuyển đổi Sao chép layer với màn hình và màu sắc, Flip nó. Đê thực hiện điều đó, vào Edit > Transform Flip Horizontal và sau đó, Edit > Transform > Flip Vertical. Định vị các layer nàv bên phai của hình ảnh ... Xem hình bên dưới. Bước 45 — Thay đổi màu sắc Bây giờ, thay đổi màu sắc trên màn hình bôn phai. Nhấp chuột lên layer với các màu sắc và nhấn Ctrl+ u đê kích hoạt Hue/Saturation adjustment. Làm theo các cài đặt bên dưới. Bạn phải có m ột cái gì đó tương tự như trong hình này. Bước 46 — Thêm Particles- các hạt Bây giờ, chúng ta sẽ thêm Particle bên trên màn hình. Tạo m ột layer mới. Chọn Pen Tool ® và tạo m ột Path như bạn có thề thấy trong hình bên dưới. Bước 47 — Cài đặt Brush Chọn Brush Tool (B) và làm theo các cài đặt Brush bên dưới. | j Brushes X £ clone Sour:e I __. rush P resets Brush Tip Shape □ Shape Dynamics 0 Scattering l~1 Texture n Dual Brush n Color Dynamics pi Other Dynamics [~~l Noise I~1 Wet Edges □ Airbrush 0 Smoothing 0 Protect Texture 1 3 5 • 9 • 13 • IS ---] • • • • • 5 9 13 17 21 27 1 • • • • • • 35 45 85 100 200 300 • • • • • • 9 13 19 17 45 65 • • • V & N 100 200 300 14 24 27 A * % * * 39 46 59 11 17 23 % % • * 4 36 44 60 14 26 33 * • • r Ý 42 55 70 112 134 74 A /<■. fas ter Diameter 9 px | Brushes x [.Clone Source Brush Presets f e r u s h Tip S hape f~l Shape Dynamics 0 Scattering fit □ Texture tt □ Dual Brush fit f~~l Color Dynamics Si 0 Other Dynamics u □ Noise fit □ Wet Edges u □ Airbrush Si 0 Smoothing ft 0 Protect Texture fii' 1 3 5 • • 13 • 19 a | • • • • • s 9 13 17 21 27 1 • • • • • • 35 45 65 100 200 300 •t- * *• v | Hardness 0 Spacing | 82% 1----------- ---------------------- • • • • • # •* ^ • * » \ ■ » • ' • | Brushes x (.Clone Source Brush Presets Brush Tip Shape □ Shape Dynamics □ S c a tte rin g 1~~1 Texture 1~~1 Dual Brush □ Color Dynamics 0 Other Dynamics 1 I Noise |~~| Wet Edges □ Airbrush 0 Smoothing 0 Protect Texture l~1 Both Axes Control: Off - Control: Off am* it 11 Brushes X I clone Source Ị Brush Presets Brush Tip Shape l~1 Shape Dynamics 0 Scattering f~l Texture f~l Dual Brush f~1 Color Dynamics □ O ther Dynamics f~~l Noise □ Wei Edges r~l Airbrush 0 Smoothing 0 Pro tec t Texture O pacity Jitter Control: Flow JiUer '-----0--- Control: o ff V 1 1 lí% Off V 1 1 JL_ Bước 48 — Định vị các Particles Sau khi bạn thực hiện xong các cài đặt Brush, chọn Pen Tool ® một lần nữa. Nhấp chuột phái lên màn hình và chọn Strokc Path. Chọn option Brush và kiếm tra box Simulate Pressure. Nhấn OK. Dưới đây bạn có thê thấy hình nền sẽ như thế nào sau các bước này. Bước 49 — Sao chép và chuyển đổi các Particles Sao chép các Particle và Flip chúng theo chiều ngang và theo chiều dọc. Đặt chúng bên phải của màn hình. Bây giờ, bạn sê thêm m ột so Shadow vào Screen. Chọn cả 2 layer với màn hình và sao chép chúng. Nhan Ctrl+ T và chuyển đổi chúng như trong hình dưới đây. C’trl+ nhâp chuột lên layer mới đế kích hoạt mask, và vào Edit > F ill... (hoặc nhấn Shift+ F5) và tô màu nó bằng màu trắng. Bước 50 — Thêm Shadow vào Screen Bước 51 — Thêm Gaussian Blur Bây giờ, bạn cần thêm Blur cho shadow. Vào M enu> Filter> Blui> Gaussian B lu r ... và thiết lập Radius lên lpx. Bấm OK. Kết quả cuối cùng Đây là thiết kế của hình nền mà chúng ta vừa tạo ra. Cảm ơn bán rất nhiều vì đã đọc hướng dẫn này. Tôi rất hy vọng nó sẽ hữu ích đối với bạn.