[TUT] 3D Gold Text (Photoshop Extended)(English)

Lê Khoa · 3/5/14

Create Inspirational 3D Gold Text with Photoshop Extended
- - - - - - - - -
Thành Phẩm :
- - - - - - - - -

____________________________________________________
Video Tutorial :

______________________________________________
Nguồn : http://www.photoshoptutorials.ws/ph...nspirational-3d-gold-text-photoshop-extended/
_________________________________________________________
English TUT :

Tutorial Resources

Bebas Neue – Font Squirrel

Pacifico – Font Squirrel

Step 1
Start by creating a new 1920×1200 pixels document. Select the Text tool and type in your inspirational text. The font we’re using is Bebas Neue and Pacifico. These fonts are free. Adjust the font size and leading to your likings. Use the Free Transform tool (Ctrl/Cmd+T or Edit > Free Transform) to scale your text then position the text in the middle.

To position your text perfectly in the center, select your text and background layers, switch to the Move tool, then click on the align center buttons in the options bar.

Step 2
Next we’re going to convert the text to 3D. To do this, right-click on the text layer and choose New 3D extrusion from layer.

Depending on how complicated your text is, Photoshop might give you a message that your text is too complicated for it to process. If this happens, you need to convert it to a path and use Adobe Illustrator to simply the path. To do this, right-click on the text layer and select Convert to Shape. Copy the shape layer to your clipboard then paste it into a new document in Adobe Illustrator. In Illustrator, go to Object > Path > Simplify. Checkmark the preview option then adjust the settings so that you get the least amount of points without distorting the text much. Copy and paste the text back into Photoshop. When you paste, Photoshop will ask how you want to paste your text as. Select Shape Layer then click OK. Delete the other text layer then right-click on the new shape layer and select New 3D Extrusion from selected layer.

Step 4
Once you convert your text into a 3D extrusion, Photoshop will switch you to the 3D interface. Go back into the Layers panel and select the background layer. We’re going to convert this to a 3D object so that we can use it as a wall for the 3D text. Right-click on the background layer and select Postcard. Switch back to the Layers panel and select the two layers. Merge the layers into a single 3D layer by pressing Ctrl/Cmd+E.

Step 5
We’re going to start by reducing the thickness of the 3D text. Select the 3D text layer in the 3D panel

In the Properties panel, reduce the Extrusion depth setting. You can get a better preview by going to 3D > Render to do a quick render of the scene. Photoshop will start rendering the picture and when it looks good enough, click anywhere to stop the render. Keep adjusting the setting and rendering until you get the results that you like. For my text, I used an extrusion depth of 100.

Step 6
Now we’re going to make the 3D text look gold. Select text material layers in the 3D panel. You can select multiple layers by clicking on the top material layer then holding the shift key and pressing on the last materials layer.

Your Properties panel will switch to the Materials settings. Start by setting the Diffuse color to a yellow-orange color. The color I’m using is #FFC000.

Step 7
We’re going to work on the rest of the materials later when we have everything else set up. For now, we’re going to align text layer with the background layer. Change your camera view to Left by right-clicking on the view box on the bottom-right corner and choosing Left.

Next, select the text and background layer groups. You can select multiple layers by holding the Ctrl or Cmd key. Select the Move tool then click on the align left edges button in the options bar. Now your text is aligned with the background and you can switch your view back to the Default Camera view.

Step 8
Render your scene by pressing Alt+Shift+Ctrl+R (Option+Shift+Cmd+R on Macs) to get a preview of how your text looks like. Everything looks pretty flat and if you like it this way, you can let Photoshop render the entire scene and save your image. We can do a lot more to make our quote look more dramatic by adding some lights. Lighting is a huge subject and it plays a large part in how your 3D text will look. There are many ways to light your 3D text but we’ll show you an easy one that uses just one light.

To add a light to your scene, click on the New Light button in your 3D panel and choose New Point Light.

We’re going to position this light on the top-right corner of the text and have it cast a shadow diagonally. Moving a light to the perfect spot takes a bit of experience with 3D but there’s an easier way to do this. Select the Move tool and set the 3D mode to Rotate in the options bar.

In the view box located on the bottom left of your screen, drag to reposition your view so that you are looking at your 3D text from the top-right corner. Think of it like playing a first person shooter game – you want to reposition yourself so that you can shine your flashlight from the upper-right side of the text. Once you’re in the right angle, switch your 3D mode to Slide and position yourself so that you’re further away from the 3D text. When you’re in the right position, click on the Move to View button in the Properties panel to move your point light to your current view. To make your shadow more noticeable, increase your intensity. We’ll readjust this setting later. Switch back to the Default Camera view then render the scene to preview your lighting. Play around with the camera view and light intensity to get the results that you like.

Step 9
We have our shadow but it looks too solid. To improve it, we’re going to make the shadow fade by adjusting the light falloff of your point light. Make sure that you have your Point Light selected then in the Properties panel, enable the Light Falloff option. Zoom out of your document so that you can see the point light then adjust the outer light falloff setting so that the outline reaches the bottom-right of your document. Next, adjust your inner light falloff setting so that the outline reaches the top-right corner of your document. Render the scene to get a preview of the effect.

Here’s the before and after results of the light falloff setting.

smooth.

Step 12
Select the Front Bevel Material then set the shine to 100% and roughness to 0%. This will make the bevel on your text look more polished and smooth so that it stands out.

Step 13
To really make the gold text shiny, we need to add some reflection to it. To do this, you need to use Image Based Lighting. Select the Environment 3D layer and enable the IBL setting in the Properties panel. Currently, your 3D text has no reflections because there is nothing in front of it. You can use Image Based Lighting to add a photo or texture so that your 3D text has something to reflect. You can load a photo and use that as the reflection, but we want something cleaner. So to do this, we’re going to create our own reflection. Click on the folder icon and choose New Texture. Photoshop will create a new document for your new texture. Create the new document same width and height as your current document which is 1920 by 1200 pixels.

Click on the folder icon again and click Edit Texture. A new document opened and this is where you will create the reflection. Select the Rectangle tool, set your fill to black and stroke to none, then draw a box covering the bottom half of your document.

This black and white reflection will make the reflection too strong so to tone it down, add a Brightness/Contrast adjustment layer (Layer > New Adjustment Layer > Brightness/Contrast). Enable the Use Legacy option then reduce the contrast to –50. Save and close the document.

Step 14
Your 3D text now has a reflection, but we need to reposition it. With the Move tool selected, switch your 3D mode to drag in the options bar then drag in the sphere on the center of your screen to reposition the reflection so that it is centered with your text.

Step 15
We’re almost done! The final part we’re going to work on is the background wall and we’re going to give it a wall texture that’s easy to make. To start, select the background layer material in your 3D Panel. Set the diffuse color to white, shine and reflections to 0% and roughness to 100%.

If you look in the diffuse setting, it has a texture that was automatically created in the beginning when we converted the background layer into a 3D object. We don’t need this texture so click on the button and choose Remove Texture.

In the bump settings, click on the folder button and choose New Texture. Set the width to 1920 pixels and height to 1200 pixels.

Click on the button again and choose Edit Texture. Photoshop will open the texture and we’ll be adding a noise pattern to this to give the wall a slight bump texture. Go to Filter > Noise > Add Noise. Leave the default settings then click OK. Press Shift+Ctrl+L (Shift+Cmd+L on Macs) to apply auto levels to your noise. Save and close the document.

Your background now has a bumpy texture but it’s a little too strong. Reduce the bump setting to 5% then render the scene to see how it looks.

Step 16
We’re done! Feel free to go back into any material or light layers to tune the settings. I went back into the Point Light layer to set the intensity to 100% then into the Environment layer to set the shadow softness to 100%. The shadow softness setting reduces harsh shadows.

Step 17
One thing about 3D artwork is that the colors can sometimes look too perfect. You can reduce this by adding some a film color effect. My favorite way of doing this is with the Curves tool. Add a new Curves adjustment layer (Layer > New Adjustment Layer > Curves). Switch the channel to blue and drag the points towards the vertical center – this will add some blues to the shadows and gold to the highlights. Switch to the red channel and create a very slight S curve. Switch back to the RGB channel and create an S shape to increase the contrast. You can adjust the opacity of this curves layer to reduce the effect.

Here’s what the image looks like with and without the film effect.

Click vào để xem đầy đủ nội dung...

____________________________________________________________________
TuT Dịch (Bởi The_End )

1. Yêu cầu: Photoshop Extended
Nếu chưa có, tham khảo bản CS6 Extended ở đây : Adobe Photoshop CS6 13.0.1 Final
2. Có thể sẽ phát sinh rắc rối với người mới, đây là bản PSD để các bạn có thể kiểm tra : Download

Bước 1:
- Tạo 1 file mới với cỡ 1920x1200 pixels.
- Sử dụng Text tool và gõ chữ mà bạn muốn tạo.
Chúng ta đang dùng font Bebas Neue (font đàng hoàng) và Pacifico (font ẻo lả) - 2 đứa này đều miễn phí, down ở đây :
+ Bebas Neue
+ Pacifico

- Dùng Transform tool (Ctrl/Cmd + T hoặc Edit > Free Transform) để chỉnh kích cỡ theo ý thích rồi căn giữa cho nó (chọn layer Text và layer Background, chuyển sang Move tool rồi chọn nút căn giữa trên thanh tùy chỉnh)

Bước 2:
- Giờ thì tạo chữ 3D, click chuột phải vào layer Text, chọn New 3D extrusion from layer
Trường hợp chữ của bạn tạo quá phức tạp, nó sẽ hiện bảng "Could not complete your request because the path is too complex" (Không hoàn thành được yêu cầu vì đường path quá phức tạp), lúc này cần click phải vào layer text rồi chọn Convert to Shape, copy nó (Ctrl/Cmd + C) rồi paste qua Adobe Illustrator.
+ Trong AI, chọn Object > Path > Simplify, xong đánh dấu tick vào ô Preview, rồi chỉnh lại như hình để giảm độ phức tạp của path mà không ảnh hưởng nhiều đến chữ của chúng ta.
Copy rồi paste lại qua Photoshop.
+ Trong PTS, khi paste qua, nó sẽ hỏi Giờ chú thích anh paste kiểu nào đây ? thì bạn cứ chọn Shape Layer rồi OK.
Xóa layer Text lúc trước đi, rồi mới click phải, chọn New 3D extrusion from layer.

Bước 3:
- Khi bạn chuyển chữ sang 3D được rồi, PTS cũng sẽ chuyển sang giao diện 3D.
- Quay lại bảng layers, chọn layer Background. Chúng ta cũng sẽ chuyển nó sang 3D và dùng nó giống như bức tường phía sau chữ 3D. Click phải vào layer Background, chọn Postcard.
- Quay lại bảng layers, chọn 2 layer Text và Background, rồi trộn 2 đứa nó lại thành một (Ctrl/Cmd + E).

Bước 4:
- Trong bảng 3D, chọn layer 3D, trong bảng Properties, giảm Extrusion depth xuống để giảm độ dày của chữ.

Có thể xem trước bằng cách chọn 3D > Render, nó sẽ render nhanh cho chúng ta xem. Cứ chỉnh và render như vậy đến khi bạn đã hài lòng với độ dày chữ rồi, click vào đâu đó để dừng render. Ở đây, chúng ta dùng độ dày 100.

Bước 5:
- Bắt đầu biến "trứng cút" thành "trứng vàng" được rồi...
+ Chọn mấy layer nào có chữ Material (Vật liệu) (khá nhiều layer) trong bảng 3D.

+ Tùy chỉnh Properties sẽ chuyển sang tùy chỉnh Material.
+ Chỉnh màu Diffuse với mã #FFC000 (màu vàng cam)

Bước 6:
- Chúng ta sẽ làm việc với mấy vật liệu sau khi đã cài đặt mọi thứ.
- Bây giờ chúng ta sẽ căn layer Text và layer Background, chuyển góc nhìn camera qua trái (click phải vào ô nhỏ phía dưới, bên phải, chọn Left)

- Tiếp theo, chọn group Text và group Background luôn, chuyển sang Move tool rồi chọn cái nút căn trái trên thanh tùy chỉnh. Giờ Text đã đâu vào đó rồi, cứ tự nhiên chuyển sang góc nhìn mặc định (Default Camera View)

Bước 7:
- Render tụi này bằng Alt + Shift + Ctrl + R (ai dùng Mac thì Option + Shift + Cmd + R) để xem trước tuyệt tác của chúng ta ra hình hợm gì...
Lúc này thì khác là bảnh rồi nên bạn có thể render, xong lưu lại, khoe tùm lum cho tụi bạn lác mắt luôn.

- Muốn "quành tá tràng" hơn thì thêm hiệu ứng ánh sáng vào...
Ánh sáng là một phần rất quan trọng và ảnh hưởng đến kết quả nhìn có "í ẹ" hay không.
Có nhiều cách để "rọi" ánh sáng vào tuyệt tác của bạn, nhưng ở đây TUT chỉ sẽ chỉ cho bạn cách đơn giản với một nguồn sáng.
+ Chọn nút New light trên thanh 3D, chọn New Point Light.

Chúng ta sẽ đặt cái đèn này góc trên - bên phải so với Text, nó sẽ làm cái bóng đổ xiên.
Chuyển nguồn sáng đến nơi tốt nhất cần phải có kinh nghiệm nhất định về 3D nhưng dưới đây sẽ là cách khá dễ để làm vậy.
+ Chọn Move tool và chỉnh 3D mode sang Rotate trên thanh tùy chọn.

+ Click vào ô nhỏ nhỏ phía dưới - bên trái màn hình (View box), giữ chuột và kéo để chỉnh lại góc nhìn của chúng ta từ phía trên - bên phải so với Text. Nói hoa hòe vậy chứ đơn giản thôi, cứ tưởng tượng đang chơi game bắn súng góc nhìn thứ nhất, và bạn muốn di chuyển sao cho mình có thể "soi" cái "đèn pin" của bạn từ phía trên - bên phải Text.
+ Đổi 3D mode sang Slide và di chuyển góc nhìn đi xa ra Text, xa nhiều nhiều ra.
+ Tiếp theo, khi bạn "đi đúng nơi - về đúng chỗ" như TUT rồi thì chọt cái nút Move to View trên bảng Properties để chuyển nguồn sáng tới vị trí điểm nhìn của bạn bây giờ.
+ Muốn bóng đổ nhìn rõ hơn thì tăng Intensity trong bảng Properties lên xíu. Cái này chỉnh sau cũng được.
+ Đổi lại sang Góc nhìn mặc định (Default Camera View) để xem lại thành quả nãy giờ.
+ Chỉnh góc nhìn với cường độ sáng (Intensity) theo ý muốn nếu thích.

Đây là video quá trình làm phần này

Và kết quả

Bước 8:
- Nhìn lại thì cái bóng có vẻ cứng nhắc quá, giờ chúng ta sẽ làm mờ nó đi chút.
+ Bạn phải chắc chắn rằng nguồn sáng (Point light) đang được chọn, sau đó, tick vào ô Light Falloff trên bảng Properties.
+ Đưa tầm nhìn ra (zoom out) để bạn có thể thấy được nguồn sáng rồi chỉnh thông số của Outer trong phần Light Falloff sao cho các nét chính ra tới phía dưới - bên phải Background, chỉnh Inner tương tự để các nét chính ra tới phía trên - bên phải.

- Rồi, render lại để xem hiệu ứng.

Bước 9:
- Trở lại với 3D Text, đầu tiên, chọn layer Text. Trong bảng Properties, chọn tùy chọn Cap, rồi chỉnh độ rộng (Width) 10%.
Nó giúp ta "mài" góc nhọn của Text bớt, nhìn có vẻ 3D hơn mà ít thô hơn nữa.

Bước 10:
- Chọn hết mấy layers vật liệu, xong chỉnh Shine xuống 0%, Reflection 100%, Roughness 3%.
Thông số Roughness sẽ tạo một lớp texture phủ nhìn "ảo ảo" chứ không hoàn toàn "trơn mịn" quá.

Bước 11:
- Chọn layer Front Bevel Material, chỉnh Shine lên 100%, Roughness xuống 0% để Text nhìn mịn và phần cạnh xiên (bevel) ăn khớp hơn.

Bước 12:
- Để làm Text bóng bẩy và ánh vàng hơn, ta thêm một lớp phản quang (reflection) bằng cách sử dụng Image Based Lighting (ảnh được phối sáng) :
+ Chọn layer 3D Environment, kích hoạt cài đặt IBL trong bảng Properties.
+ Lúc này, vẫn chưa lớp phản quang đâu, vì chả có cái gì để nó "phản" lại cả. Giờ tới lúc nhân vật chính xuất hiện - Image Based Lighting. Nó sẽ giúp chúng ta thêm một bức ảnh hoặc texture (hoa văn) để "có cái gì đó" để "phản" <(")
+ Nếu thích thì bạn cũng có thể lấy hình "tự sướng" ra làm "phản" nhưng chúng ta cần thứ gì đó "trong sáng" hơn nên chúng ta quyết định tự làm một cái. Chọn biểu tượng thư mục (folder), chọn tiếp New Texture. PTS sẽ tạo một file mới để làm texture (file mới này cùng cỡ với file Text đang làm - 1920x1200 pixels).

+ Chọn lại biểu tượng thư mục, click vào Edit Texture. Lúc này file Texture mới hiện ra.
+ Chọn Rectangle tool, cài đặt nền (fill) màu đen, nét (stroke) không màu. Sau đó vẽ một hình chữ nhật che hết phần nửa dưới.

+ Hai thằng trắng đen này tương phản nhau quá, làm lớp phản quang nhìn lóa quá. Nên tiếp theo chúng ta cần làm dịu nó lại : thêm một lớp điều chỉnh độ sáng và tương phản (Brightness/Contract adjustment layer) bằng cách vào Layer > New Adjustment Layer > Brightness/Contract. Kích hoạt tùy chọn Use Legacy, sau đó giảm độ tương phản (contract) xuống -50.

+ Lưu lại và đóng file Texture.

Bước 13:
- Giờ Text đã có lớp phản quang rồi, nhưng chúng ta cần chỉnh lại vị trí cho hợp lí. Dùng Move tool, chuyển 3D mode sang Drag trên thanh tùy chọn, chỉnh lại sao cho lớp phản quang nằm ở chính giữa màn hình.

Bước 14:
- Gần xong rồi ~ phần cuối cùng là thêm texture cho cái nền tường ở sau Text nhìn đẹp hơn. Cái này dễ thôi, chọn layer material của Background trong bảng 3D. Chỉnh diffuse color màu trắng, 0% cho Shine và Reflection, 100% cho Roughness.

- Nhìn vào cài đặt Diffuse, nó sẽ có một texture tự tạo sẵn ngay từ lúc chúng ta chuyển layer Background sang 3D. Chúng ta chẳng cần cái này, click cái nút gần đó rồi chọn Remove Texture.

- Trong cài đặt Bump, chọn biểu tượng thư mục, chọn New Texture, cho độ rộng (width) là 1920px, độ cao (height) 1200px.

- Click lại nút thư mục, chọn Edit Texture. PTS sẽ mở Texture và chúng ta sẽ thêm mẫu hạt (noise pattern) vào để làm bức tường có vẻ "lỗ lỗ" một chút : vào Filter > Noise > Add Noise, cứ để mặc định rồi OK. Nhấn Ctrl + Shift + L (Cmd + Shift + L với ai dùng Mac) để tự động tạo độ noise. Lưu lại và đóng file.

- Giờ thì có vẻ "lỗ lỗ" rồi nhưng mà hình như "lỗ" nhiều quá, giảm Bump xuống 5% rồi render lại để xem kết quả.

Bước 15:
- Xong, giờ chỉ cần quay lại chỉnh bất cứ layer ánh sáng hay material nào nếu cảm thấy không ổn.
Chúng ta quay lại layer Point Light để tăng Intensity lên 100%, chỉnh Shadow softness ở layer Environment lên 100% luôn. Phần Shadow softness sẽ hạn chế các phần thô của bóng đổ.

Bước 16:
- Có một việc trong khi làm 3D là nhiều khi màu nhìn nó "máy móc" và "hoàn hảo" quá (trong khi đời thì chả có gì hoàn hảo đúng không nhỉ). Bạn có thể hạn chế việc này bằng cách thêm "Hiệu ứng màu phim".
+ Có một cách tác giả rất thích là làm bằng Curves tool (Layer > New Adjustment Layer > Curves).
+ Chuyển Channel sang xanh (blue) và kéo mấy điểm (point) về phía đường kẻ thẳng đứng ở giữa một chút. Cái này sẽ tăng xanh hơn ở chỗ bóng đổ và vàng hơn xíu ở chỗ được hightlight.
+ Chuyển Channel sang đỏ (red) và tạo một đường cong chữ S nhẹ.
+ Chuyển Channel lại sang RGB và tạo đường cong chữ S để tăng độ tương phản.

- Bạn có thể chỉnh độ trong suốt của layer Curves để giảm bớt hiệu ứng.

Xong rồi đó ! Chúc các bạn không ức chế khi làm TUT (^^^)
Nhớ rằng "LÀM SAI không phải lúc nào cũng là THẤT BẠI"

Click vào để xem đầy đủ nội dung...

Radium · 23/4/14

Nếu bạn đầu tư thêm phần dịch nữa thì hay quá

Lê Khoa · 24/4/14

Radium Mình dịch được thì mình đả dịch ra rồi

The_End · 26/4/14

đang dịch 1 nửa thì có người post lên rồi
hẹn TUT dịch vào 1 ngày ko xa nhá

Vietdesignơ · 26/4/14

TUT này có bài hướng dẫn của Jacky Phạm trên Youtube cũng của Vietdesigner rồi - với cả đèn trong TUT bạn Lê Khoa đặt sáng với chói quá - cảm giác như bị hỏng hết cả tác phẩm

Lê Khoa · 26/4/14

vietdesigne thôi đi ba TUT đó chỉ là TUT cơ bản - mới được 1/3 thôi
- Với lại đây là TUT nước người và ánh sáng như vậy thì mình thấy chả có j phải bàn cả
- Tùy thẩm mĩ mỗi người bạn ạ

The_End · 1/5/14

Đặc tờ-rưng của mấy TUT nước ngoài là họ hay giải thích dài dòng... nên mình cũng dịch dài dòng
Thôi thì coi như rèn tiếng anh mà cũng dễ hiểu cho newbie. Với lại có một số từ nếu dịch sát nghĩa sẽ khá khác so với bản gốc (xa lạ hơn cho những ai đã làm quen với PTS) nên mình có chú thích bằng cách để trong dấu ngoặc đơn.

Bạn nào làm xong post thành phẩm lên cho mọi người like nhá

1. Yêu cầu: Photoshop Extended
Nếu chưa có, tham khảo bản CS6 Extended ở đây : Adobe Photoshop CS6 13.0.1 Final
2. Có thể sẽ phát sinh rắc rối với người mới, đây là bản PSD để các bạn có thể kiểm tra : Download

Bước 1:
- Tạo 1 file mới với cỡ 1920x1200 pixels.
- Sử dụng Text tool và gõ chữ mà bạn muốn tạo.
Chúng ta đang dùng font Bebas Neue (font đàng hoàng) và Pacifico (font ẻo lả) - 2 đứa này đều miễn phí, down ở đây :

+ Bebas Neue
+ Pacifico

- Dùng Transform tool (Ctrl/Cmd + T hoặc Edit > Free Transform) để chỉnh kích cỡ theo ý thích rồi căn giữa cho nó (chọn layer Text và layer Background, chuyển sang Move tool rồi chọn nút căn giữa trên thanh tùy chỉnh)

Bước 2:
- Giờ thì tạo chữ 3D, click chuột phải vào layer Text, chọn New 3D extrusion from layer
Trường hợp chữ của bạn tạo quá phức tạp, nó sẽ hiện bảng "Could not complete your request because the path is too complex" (Không hoàn thành được yêu cầu vì đường path quá phức tạp), lúc này cần click phải vào layer text rồi chọn Convert to Shape, copy nó (Ctrl/Cmd + C) rồi paste qua Adobe Illustrator.

+ Trong AI, chọn Object > Path > Simplify, xong đánh dấu tick vào ô Preview, rồi chỉnh lại như hình để giảm độ phức tạp của path mà không ảnh hưởng nhiều đến chữ của chúng ta.
Copy rồi paste lại qua Photoshop.

+ Trong PTS, khi paste qua, nó sẽ hỏi Giờ chú thích anh paste kiểu nào đây ? thì bạn cứ chọn Shape Layer rồi OK.
Xóa layer Text lúc trước đi, rồi mới click phải, chọn New 3D extrusion from layer.

Bước 3:
- Khi bạn chuyển chữ sang 3D được rồi, PTS cũng sẽ chuyển sang giao diện 3D.
- Quay lại bảng layers, chọn layer Background. Chúng ta cũng sẽ chuyển nó sang 3D và dùng nó giống như bức tường phía sau chữ 3D. Click phải vào layer Background, chọn Postcard.
- Quay lại bảng layers, chọn 2 layer Text và Background, rồi trộn 2 đứa nó lại thành một (Ctrl/Cmd + E).

Bước 4:
- Trong bảng 3D, chọn layer 3D, trong bảng Properties, giảm Extrusion depth xuống để giảm độ dày của chữ.

Có thể xem trước bằng cách chọn 3D > Render, nó sẽ render nhanh cho chúng ta xem. Cứ chỉnh và render như vậy đến khi bạn đã hài lòng với độ dày chữ rồi, click vào đâu đó để dừng render. Ở đây, chúng ta dùng độ dày 100.

Bước 5:
- Bắt đầu biến "trứng cút" thành "trứng vàng" được rồi...

+ Chọn mấy layer nào có chữ Material (Vật liệu) (khá nhiều layer) trong bảng 3D.

+ Tùy chỉnh Properties sẽ chuyển sang tùy chỉnh Material.
+ Chỉnh màu Diffuse với mã #FFC000 (màu vàng cam)

Bước 6:
- Chúng ta sẽ làm việc với mấy vật liệu sau khi đã cài đặt mọi thứ.
- Bây giờ chúng ta sẽ căn layer Text và layer Background, chuyển góc nhìn camera qua trái (click phải vào ô nhỏ phía dưới, bên phải, chọn Left)

- Tiếp theo, chọn group Text và group Background luôn, chuyển sang Move tool rồi chọn cái nút căn trái trên thanh tùy chỉnh. Giờ Text đã đâu vào đó rồi, cứ tự nhiên chuyển sang góc nhìn mặc định (Default Camera View)

Bước 7:
- Render tụi này bằng Alt + Shift + Ctrl + R (ai dùng Mac thì Option + Shift + Cmd + R) để xem trước tuyệt tác của chúng ta ra hình hợm gì...
Lúc này thì khác là bảnh rồi nên bạn có thể render, xong lưu lại, khoe tùm lum cho tụi bạn lác mắt luôn.

- Muốn "quành tá tràng" hơn thì thêm hiệu ứng ánh sáng vào...
Ánh sáng là một phần rất quan trọng và ảnh hưởng đến kết quả nhìn có "í ẹ" hay không.
Có nhiều cách để "rọi" ánh sáng vào tuyệt tác của bạn, nhưng ở đây TUT chỉ sẽ chỉ cho bạn cách đơn giản với một nguồn sáng.

+ Chọn nút New light trên thanh 3D, chọn New Point Light.

Chúng ta sẽ đặt cái đèn này góc trên - bên phải so với Text, nó sẽ làm cái bóng đổ xiên.
Chuyển nguồn sáng đến nơi tốt nhất cần phải có kinh nghiệm nhất định về 3D nhưng dưới đây sẽ là cách khá dễ để làm vậy.
+ Chọn Move tool và chỉnh 3D mode sang Rotate trên thanh tùy chọn.

+ Click vào ô nhỏ nhỏ phía dưới - bên trái màn hình (View box), giữ chuột và kéo để chỉnh lại góc nhìn của chúng ta từ phía trên - bên phải so với Text. Nói hoa hòe vậy chứ đơn giản thôi, cứ tưởng tượng đang chơi game bắn súng góc nhìn thứ nhất, và bạn muốn di chuyển sao cho mình có thể "soi" cái "đèn pin" của bạn từ phía trên - bên phải Text.
+ Đổi 3D mode sang Slide và di chuyển góc nhìn đi xa ra Text, xa nhiều nhiều ra.
+ Tiếp theo, khi bạn "đi đúng nơi - về đúng chỗ" như TUT rồi thì chọt cái nút Move to View trên bảng Properties để chuyển nguồn sáng tới vị trí điểm nhìn của bạn bây giờ.
+ Muốn bóng đổ nhìn rõ hơn thì tăng Intensity trong bảng Properties lên xíu. Cái này chỉnh sau cũng được.
+ Đổi lại sang Góc nhìn mặc định (Default Camera View) để xem lại thành quả nãy giờ.
+ Chỉnh góc nhìn với cường độ sáng (Intensity) theo ý muốn nếu thích.

Đây là video quá trình làm phần này

Và kết quả

Bước 8:
- Nhìn lại thì cái bóng có vẻ cứng nhắc quá, giờ chúng ta sẽ làm mờ nó đi chút.

+ Bạn phải chắc chắn rằng nguồn sáng (Point light) đang được chọn, sau đó, tick vào ô Light Falloff trên bảng Properties.
+ Đưa tầm nhìn ra (zoom out) để bạn có thể thấy được nguồn sáng rồi chỉnh thông số của Outer trong phần Light Falloff sao cho các nét chính ra tới phía dưới - bên phải Background, chỉnh Inner tương tự để các nét chính ra tới phía trên - bên phải.

- Rồi, render lại để xem hiệu ứng.

Bước 9:
- Trở lại với 3D Text, đầu tiên, chọn layer Text. Trong bảng Properties, chọn tùy chọn Cap, rồi chỉnh độ rộng (Width) 10%.
Nó giúp ta "mài" góc nhọn của Text bớt, nhìn có vẻ 3D hơn mà ít thô hơn nữa.

Bước 10:
- Chọn hết mấy layers vật liệu, xong chỉnh Shine xuống 0%, Reflection 100%, Roughness 3%.
Thông số Roughness sẽ tạo một lớp texture phủ nhìn "ảo ảo" chứ không hoàn toàn "trơn mịn" quá.

Bước 11:
- Chọn layer Front Bevel Material, chỉnh Shine lên 100%, Roughness xuống 0% để Text nhìn mịn và phần cạnh xiên (bevel) ăn khớp hơn.

Bước 12:
- Để làm Text bóng bẩy và ánh vàng hơn, ta thêm một lớp phản quang (reflection) bằng cách sử dụng Image Based Lighting (ảnh được phối sáng) :

+ Chọn layer 3D Environment, kích hoạt cài đặt IBL trong bảng Properties.
+ Lúc này, vẫn chưa lớp phản quang đâu, vì chả có cái gì để nó "phản" lại cả. Giờ tới lúc nhân vật chính xuất hiện - Image Based Lighting. Nó sẽ giúp chúng ta thêm một bức ảnh hoặc texture (hoa văn) để "có cái gì đó" để "phản" <(")
+ Nếu thích thì bạn cũng có thể lấy hình "tự sướng" ra làm "phản" nhưng chúng ta cần thứ gì đó "trong sáng" hơn nên chúng ta quyết định tự làm một cái. Chọn biểu tượng thư mục (folder), chọn tiếp New Texture. PTS sẽ tạo một file mới để làm texture (file mới này cùng cỡ với file Text đang làm - 1920x1200 pixels).

+ Chọn lại biểu tượng thư mục, click vào Edit Texture. Lúc này file Texture mới hiện ra.
+ Chọn Rectangle tool, cài đặt nền (fill) màu đen, nét (stroke) không màu. Sau đó vẽ một hình chữ nhật che hết phần nửa dưới.

+ Hai thằng trắng đen này tương phản nhau quá, làm lớp phản quang nhìn lóa quá. Nên tiếp theo chúng ta cần làm dịu nó lại : thêm một lớp điều chỉnh độ sáng và tương phản (Brightness/Contract adjustment layer) bằng cách vào Layer > New Adjustment Layer > Brightness/Contract. Kích hoạt tùy chọn Use Legacy, sau đó giảm độ tương phản (contract) xuống -50.

+ Lưu lại và đóng file Texture.

Bước 13:
- Giờ Text đã có lớp phản quang rồi, nhưng chúng ta cần chỉnh lại vị trí cho hợp lí. Dùng Move tool, chuyển 3D mode sang Drag trên thanh tùy chọn, chỉnh lại sao cho lớp phản quang nằm ở chính giữa màn hình.

Bước 14:
- Gần xong rồi ~ phần cuối cùng là thêm texture cho cái nền tường ở sau Text nhìn đẹp hơn. Cái này dễ thôi, chọn layer material của Background trong bảng 3D. Chỉnh diffuse color màu trắng, 0% cho Shine và Reflection, 100% cho Roughness.

- Nhìn vào cài đặt Diffuse, nó sẽ có một texture tự tạo sẵn ngay từ lúc chúng ta chuyển layer Background sang 3D. Chúng ta chẳng cần cái này, click cái nút gần đó rồi chọn Remove Texture.

- Trong cài đặt Bump, chọn biểu tượng thư mục, chọn New Texture, cho độ rộng (width) là 1920px, độ cao (height) 1200px.

- Click lại nút thư mục, chọn Edit Texture. PTS sẽ mở Texture và chúng ta sẽ thêm mẫu hạt (noise pattern) vào để làm bức tường có vẻ "lỗ lỗ" một chút : vào Filter > Noise > Add Noise, cứ để mặc định rồi OK. Nhấn Ctrl + Shift + L (Cmd + Shift + L với ai dùng Mac) để tự động tạo độ noise. Lưu lại và đóng file.

- Giờ thì có vẻ "lỗ lỗ" rồi nhưng mà hình như "lỗ" nhiều quá, giảm Bump xuống 5% rồi render lại để xem kết quả.

Bước 15:
- Xong, giờ chỉ cần quay lại chỉnh bất cứ layer ánh sáng hay material nào nếu cảm thấy không ổn.
Chúng ta quay lại layer Point Light để tăng Intensity lên 100%, chỉnh Shadow softness ở layer Environment lên 100% luôn. Phần Shadow softness sẽ hạn chế các phần thô của bóng đổ.

Bước 16:
- Có một việc trong khi làm 3D là nhiều khi màu nhìn nó "máy móc" và "hoàn hảo" quá (trong khi đời thì chả có gì hoàn hảo đúng không nhỉ). Bạn có thể hạn chế việc này bằng cách thêm "Hiệu ứng màu phim".

+ Có một cách tác giả rất thích là làm bằng Curves tool (Layer > New Adjustment Layer > Curves).
+ Chuyển Channel sang xanh (blue) và kéo mấy điểm (point) về phía đường kẻ thẳng đứng ở giữa một chút. Cái này sẽ tăng xanh hơn ở chỗ bóng đổ và vàng hơn xíu ở chỗ được hightlight.
+ Chuyển Channel sang đỏ (red) và tạo một đường cong chữ S nhẹ.
+ Chuyển Channel lại sang RGB và tạo đường cong chữ S để tăng độ tương phản.

- Bạn có thể chỉnh độ trong suốt của layer Curves để giảm bớt hiệu ứng.

Xong rồi đó ! Chúc các bạn không ức chế khi làm TUT (^^^)
Nhớ rằng "LÀM SAI không phải lúc nào cũng là THẤT BẠI"

Lê Khoa · 3/5/14

The_End Uầy cảm ơn ông nhìu lun ! tui cũng chưa làm đc

thuduc88 · 6/5/14

đẹp ghê chắc làm cũng khoai lắm đây

Đăng Nhập hoặc Đăng Ký

[TUT] 3D Gold Text (Photoshop Extended)(English)

Lê Khoa Thành viên cấp 1

Xem thêm các chủ đề cùng chuyên mục

Radium Thành viên cấp 3

Lê Khoa Thành viên cấp 1

The_End Thành viên cấp 1

Vietdesignơ Banned

Lê Khoa Thành viên cấp 1

The_End Thành viên cấp 1

Lê Khoa Thành viên cấp 1

thuduc88 Thành viên cấp 1

Ủng hộ diễn đàn

Dự án con

Box tiêu biểu

Giải trí

Đăng Nhập hoặc Đăng Ký

[TUT] 3D Gold Text (Photoshop Extended)(English)

Lê Khoa Thành viên cấp 1

Xem thêm các chủ đề cùng chuyên mục

Radium Thành viên cấp 3

Lê Khoa Thành viên cấp 1

The_End Thành viên cấp 1

Vietdesignơ Banned

Lê Khoa Thành viên cấp 1

The_End Thành viên cấp 1

Lê Khoa Thành viên cấp 1

thuduc88 Thành viên cấp 1

Ủng hộ diễn đàn

Tìm kiếm hữu ích