Showing posts with label Tex Effect. Show all posts
Showing posts with label Tex Effect. Show all posts

Create a layered glowing text effect

In this tutorial, we will create this effect using very basic Photoshop tools and layering effects. This tutorial is simple enough for a beginner to understand, but I should warn you that in this tutorial there ends up being over 60 active text layers, which will require a heavy use of your computer's memory. Let's jump into this tutorial and layer some glowing text.

Click

Step 1

Make a new document that is 2000px by 1200px. Then make a new Gradient Adjustment Layer with a linear gradient that goes from a dark gray (#464646) at the bottom to black (#000000) at the top. This will be our background base.

Step 2

Make another linear Gradient Adjustment Layer above the previous one, and make it a rainbow of colors of your choice. There are some colorful presets that you can choose from in the gradient palette, or create your own. Set the layer's Fill down to 25%. Then set the layer's blending mode to Color.

Tip: When you set the blending mode to color it makes it so the layer only affects the color of everything below it, while leaving the lightness/darkness alone.

Step 3

Finally make another Gradient Adjustment Layer above the previous two. This one will be a radial gradient. Set this one up so that the only 2 colors in the gradient are black and then make the transparency go from 100% at one end and 0% at the other end.

If you see that black is covering the center of the image, check the Reverse box. Then make it so the black goes around the edges of the canvas. Set the layer opacity to 65%. I moved the transparency handles around a little to get the exact effect that I wanted.

Step 4

Now lets begin with the text treatment. Hit (T) for the type tool, and make a (single click) on the canvas. Then type your letter, in my case a P. Then grab the Move tool and (Hit CTRL+T) and transform the letter, adjust it until it's the size that you want it. Hit (T) again for the type tool, and if it's not already, make the letter black by clicking the text color box in the property bar. Set the letter layer's blending mode to Screen. The letter will disappear.

Step 5

(Double click) to the right of the letter layer's name in the layer palette to bring up the layer styles palette. Put an Outer Glow and a Stroke on the layer with the exact settings that you see below. You will see a very faint image of the letter now.

Let's use this first letter as a starting point for all the text in the image. Once we layer several different letters on top of each other, our effect will come to life.

Step 6

Duplicate the letter layer by dragging it down to the New Layer button at the bottom of the layer palette. Select the type tool (T) and then change the font on the new layer. If the new font doesn't line up how you want to hit (CTRL+T) to free transform the new letter. Make sure that you always line up the baseline of the letters. You can move the anchor point to the base line when you are transforming to keep it lined up correctly.

Now do this step 20 times, each time using a different font. I chose to use all different fonts that have serifs. You can use all fonts that are sans-serif if you like, but I wouldn't mix the two.

Step 7

Select all the text layers that you have. Then hit (CTRL+G) to group them. With the group selected in the layer palette, hit (V) for the move tool. Then (while holding ALT), click and drag on the letters on the canvas to duplicate them. Drag them to the right where you want the next letter to be. Now there should be 2 groups of text in the layer palette. Turn off all the letter layers in the new group (except the bottom one) by clicking in the little 'eye' icon next to each one.

Now select the text tool (T), and highlight the single letter. Then change it to the next letter that you want, in my case an S. Finally, turn the S layer off. Then turn on the next one and do the same. Repeat this until all the letters in your new group are changed. Turn all the layers back on.

Repeat this step for each new letter you need.

Step 8

Select the elliptical marquee tool and make a very thin ellipse at the base of your letters. Then Feather the selection about 20px. Enter quickmask mode (Q). Then go to Filter>Blur>Motion Blur. Make the angle 0 and the length 700px and hit OK. This gives us a nice fade out to the left and right sides. Then exit quickmask mode (Q).

Now make a curves adjustment layer above the gradients, but below the letter groups. Then apply a curve that looks like the one below. This just gives our letters something to sit on.

Step 9

Make a new document that is 300px by 300px. Double click on the background layer to make it an active layer. (Double click) to the right of the layer name to open the layer styles palette. Apply a color overlay to make the layer black. Then add an inner stroke that is white to make a border. You can see my settings below.

Go to Layer>Flatten Image to flatten the image. Hit CTRL+A to select all and then go Edit>Define Pattern.

Step 10

Go back to your other document. Make a new blank layer just above your curves layer by hitting the New Layer button at the bottom of the layer palette. Not go to Edit>Fill and select Pattern for the Contents. Then select your black box that should be at the end of the list, and hit OK.

Now Hit (CTRL+T) to transform the layer so that it fits in the foreground space. Then (right/control+click) anywhere in the transform box and select perspective. Drag the bottom right handle way out so you get a nice perspective on the pattern layer. Set the layer's blending mode to screen and the opacity to 15%.

Step 11

There is one last step to add a finishing touch. Select the type layers and duplicate them by dragging them down to the New Layer button. With the new groups selected hit (CMD+T) then (right/control+click) in the transform box and select Flip Vertical. Move them down so they look like a reflection.

With all the reflection groups selected hit (CTRL+G) to put them into another group. Set that group's opacity to 25%. Add a mask to the group by clicking on the Add Layer Mask button at the bottom of the layer palette. With the mask selected hit (G) for the gradient tool and apply a linear gradient from black to white, so the reflection fades out as it goes down to the edge of the image.

Conclusion

This tutorial covered some simple steps and effects to achieve stylish results. The final image is below. If there are any questions, put them in the comments section. I will answer them as soon as I can. I hope you enjoy this tut!

Sourse: www.psdtuts.com

Text Effect Chữ đơn giản mà đẹp

Hôm nay tôi sẽ hướng dẫn các bạn tạo một hiệu ứng nho nhỏ cho Chữ. Bài dưới đây tôi sẽ hướng dẫn cách tạo một chữ giống như hình bên dưới.

Hiệu ứng này không khó, rất đơn giản, nhưng lại rất đẹp, tùy vào mức độ chỉnh sửa của các bạn, cách phối màu, các bạn sẽ tạo ra tác phẩm tuyệt hảo.
Chúc các bạn thành công với bài hướng dẫn dưới đây nhé!

Adobe Photoshop Text Effects: The final effect

Đầu tiên ta sẽ bắt đầu mở một file mới với kích thước như trong hình(640x480)

Adobe Photoshop Text Effects: Creating a new document in Photoshop

Các bạn chuyển màu nền cho ảnh màu đen nhé!

Adobe Photoshop Text Effects: Fill the Background layer with black

Sau đó ta sẽ bắt đầu tạo chữ. Các bạn nhấn vào icon (T), thể dùng phím tắt phím T.

Adobe Photoshop Text Effects: Selecting the Type tool from the Tools palette.

Tại thanh công cụ của photoshop, các bạn tùy chỉnh font chữ, cỡ chữ, kiểu chữ theo cách của mình, ở đây tôi sẽ để kiểu chữ hoa, điều chỉnh kích thước. tôi được 1 kiểu chữ như hình dưới.

Adobe Photoshop Text Effects: Typing the word 'FEAR' into the Photoshop Document.

Sau khi tạo xong chữ, ta sẽ được một lớp như bình thường.

Adobe Photoshop Text Effects: Photoshop's Layers palette now showing the text as a normal layer after rasterizing it.

Bước tiếp theo bây giờ ta sẽ chọn công cụ Pholygonal Lasso Tool.

Adobe Photoshop Text Effects: Selecting the Polygonal Lasso tool from the Tools palette.

Sau khi chọn xong, ta sẽ vẽ một hình tương tự như hình dưới,hay thể vẽ tùy ý các bạn.

Adobe Photoshop Text Effects: Make a jagged selection through the first letter, then include the rest of the word in the selection.

Sau khi hài hài lòng với kết quả của mình, các bạn cắt vùng chọn qua một lớp mới. thể dùng phím tắt Ctrl+Shift+J.
kết quả sẽ được thêm 1 lớp mới như hình dưới.

Adobe Photoshop Text Effects: Cutting the selection onto a new layer.

Bây giờ chúng ta sẽ điều chỉnh vị trí của hình, để làm được, các bạn nhấn Ctrl+T. sau đó
ta nhấn chuột vào tâm của hình.

Adobe Photoshop Text Effects: The target icon in the center of the Free Transform box.

Kéo tâm đó lên góc trên cùng phía trái nhưhình dưới.

Adobe Photoshop Text Effects: Dragging the target icon into the top left corner of the Free Transform box.

Các bạn thực hiện xoay ảnh theo ý riêng.

Adobe Photoshop Text Effects: Click and drag outside of the Free Transform box to rotate the letters.

Sau khi cảm thấy đã được, các bạn nhấn Enter để áp dụng bước đó cho hình thoát khỏi hiệu chình.

Adobe Photoshop Text Effects: The text showing the tear through the first letter.

Sau khi ta làm xong chữ F, ta bắt đầu làm cho chữ E. Cũng như trên, ta bắt đầu chọn Pholygonal Lasso Tool vẽ theo ý

Adobe Photoshop Text Effects: Making a jagged selection through the second letter.

ta cắt ra một layer mới

Adobe Photoshop Text Effects: Cutting the second selection onto a new layer.

Ctrl+T để bắt đầu chỉnh sửa, ở đây chúng ta sẽ đưa tâm của xuống góc cuối bên trái, như hình dưới.

Adobe Photoshop Text Effects: Dragging the Free Transform center target icon into the bottom left corner.

xoay một góc vừa ý.

Adobe Photoshop Text Effects: Rotating the contents clockwise to create a tear through the second letter.

Để kết thúc ta nhấn Enter.

Adobe Photoshop Text Effects: The second letter now has a tear through it.

Tương tự ta sẽ làm cho các chữ còn lại

Adobe Photoshop Text Effects: The text after tearing all four letters.

Sau khi hoàn thành, chúng ta chọn tất cả các layer chứa chữ. Nhấn Ctrl rồi kích vào layer ta muốn chọn.

Adobe Photoshop Text Effects: Selecting all the text layers in the Layers palette.

Sau đó ta nhóm tất cả lại làm một bằng cách nhấn Ctrl+E

Adobe Photoshop Text Effects: Merging all the text layers onto a single layer.

Bước tiếp theo chúng ta nhấn giữ Ctrl rồi kích vào đối tượng trên layer như hình dưới.

Adobe Photoshop Text Effects: Hold down 'Ctrl' (Win) / 'Command' (Mac) and click on the merged layer's thumbnail.

Thêm mặt nạ cho ảnh bằng cách nhấn vào Add A Layer Mask như hình dưới.

Adobe Photoshop Text Effects: Clicking the 'Add Layer Mask' icon at the bottom of the Layers palette.

Ta sẽ được kết quả như hình dưới

Adobe Photoshop Text Effects: The Layers palette showing the layer mask to the right of the merged layer's thumbnail.

Điều cần làm bây giờ chúng ta sẽ sử dụng bộ lọc cho lớp mặt nạ. Sử dụng bộ lọc Spatter, thiết lập như hình dưới. Đặt tất cả max.

Adobe Photoshop Text Effects: Photoshop's Filter Gallery set to the Spatter filter options.

Kết quả sẽ được như hình dưới

Adobe Photoshop Text Effects: The text after applying the Spatter filter.

Để kết thúc chúng ta sẽ thêm vào các hiệu ứng cho ảnh. Các bạn nhấn vào Layer Style như hình

Adobe Photoshop Text Effects: Clicking the Layer Styles icon at the bottom of the Layers palette.

chọn Stroke..

Adobe Photoshop Text Effects: Selecting 'Stroke' from the list of Layer Styles.

Đặt thong số như trong hình. Tại mục Fill type, ta chọn mũi
tên bên cạch chữ Color, hộp thoại đổ ra, bạn chọn Gradient

Adobe Photoshop Text Effects: Change the stroke's fill type from 'Color' to 'Gradient'.

Tại đây ta bắt đầu chỉnh sửa lại mục Gadient. Nhấn vào bảng màu như hình

Adobe Photoshop Text Effects: The Fill Type options change to options for the gradient.

Ta thiết lập lại màu như hình dưới

Adobe Photoshop Text Effects: Choosing new colors for the stroke gradient in the Gradient Editor.

Nhấn Ok, giờ thì ta đã được kết quả. Các bạn hãy tận hưởng thành quả của mình nào! ^^

Adobe Photoshop Text Effects: The final text effect result.