![]() |
درس وضع تأثير نقاط مضيئة لامع على النص
الشكل النهائى http://www.buildtutorial.com/wp-cont...ext-effect.jpg http://www.buildtutorial.com/wp-cont...ext-effect.jpg Create a new 1024 x 768px document, and set #212121 as the Foreground color and #000000 as the Background color. Then, grab the Gradient Tool, choose Radial Gradient from the Options Bar, and click and drag from the center of the document to one of the corners http://www.buildtutorial.com/wp-cont...t-gradient.jpg Write your text with the Junegull font and #f4edd2 color. I will be using two different sizes here and if you want to do the same, write your text in separate layers. 250 is the big size and 150 is the smaller one. http://www.buildtutorial.com/wp-cont...text-large.jpg Step 2 Double-click on the text layer and apply the layer styles shown below. http://www.buildtutorial.com/wp-cont...outer-glow.jpg http://www.buildtutorial.com/wp-cont...inner-glow.jpg Change the Fill value of the text layer to 0. If you have a smaller size text layer, you will have to scale the layer style. To do so, first, right-click on the original text layer, click on Copy Layer Style, then right-click on the other text layer and click on Paste Layer Style. Now, right-click on the Layer Effects icon on the other text layer, select Scale Effects and change the setting to suit your text size. http://www.buildtutorial.com/wp-cont...ale-result.jpg Step 3 Set #e5dfc9 as the Foreground color, create a new layer above all the other layers and name it “Light”. Then, using a soft round brush, make small dots on the tips of the letters. For the larger text, use a 20 size brush and a 10 size for the smaller text http://www.buildtutorial.com/wp-cont...fect-brush.jpg Now, grab the Smudge Tool, set its Strength at 70% and smudge the dots in different directions. Keep the brush size the same as before (20 and 10). http://www.buildtutorial.com/wp-cont...ect-smudge.jpg http://www.buildtutorial.com/wp-cont...dge-result.jpg Step 4 Double-click on the Light layer and apply the layer styles shown below http://www.buildtutorial.com/wp-cont...outer-glow.jpg http://www.buildtutorial.com/wp-cont...inner-glow.jpg http://www.buildtutorial.com/wp-cont...ght-result.jpg Step 5 Now, we will add some colors. Create a new layer above all the other layers and name it “Color”. Using a soft round brush of size 60, make small colored circles all over the text. Don’t overdo it; leave some space in between. The colors I used are mentioned in the image, but you can use any other color you want. http://www.buildtutorial.com/wp-cont...fect-color.jpg http://www.buildtutorial.com/wp-cont...lor-result.jpg Set Overlay as the Color layer’s blending mode. Step 6 Now, we will create a diagonal lines pattern that we will use in our effect. To do so, create a new 5 x 5px document with the settings shown below. http://www.buildtutorial.com/wp-cont...effect-new.jpg Grab the Rectangular Marquee Tool, select the Add to Selection option and create 5 diagonal squares of 1px each. http://www.buildtutorial.com/wp-cont...ar-marquee.jpg Fill your selection with black, then press Cmd/Ctrl + D to get rid of the selection. http://www.buildtutorial.com/wp-cont...-selection.jpg Go to Edit > Define Pattern and give your pattern a name. http://www.buildtutorial.com/wp-cont...ct-pattern.jpg Step 7 Go back to your original document, create a new layer below the Light layer, name it “Lines”, and set #e8641b as the Foreground color and #ffd200 as the Background color. http://www.buildtutorial.com/wp-cont...fect-lines.jpg Go to Window > Brush, select the 39 Dry Brush and use the settings shown below. http://www.buildtutorial.com/wp-cont...-tip-shape.jpg http://www.buildtutorial.com/wp-cont...e-dynamics.jpg http://www.buildtutorial.com/wp-cont...scattering.jpg Select the Diagonal Lines pattern we just created in the last step as the texture. http://www.buildtutorial.com/wp-cont...ct-texture.jpg http://www.buildtutorial.com/wp-cont...r-dynamics.jpg Step 8 Right-click on the text layer and select Create Work Path. Select the Lines layer, grab the Direct Selection Tool, right-click the path and select Stroke Path. http://www.buildtutorial.com/wp-cont...troke-path.jpg Use the settings shown below. http://www.buildtutorial.com/wp-cont...ect-stroke.jpg http://www.buildtutorial.com/wp-cont...oke-result.jpg Lower the Lines layer’s opacity to about 30% or as transparent as you want your lines to be. http://www.buildtutorial.com/wp-cont...es-opacity.jpg Step 9 This step is optional if you want a glossy effect. Cmd/ctrl-click to select all the text layers, duplicate them and place the duplicate below the Color layer. Right-click on one of the duplicate text layers and select Clear Layer Style. Lower the duplicate text layers’ Fill value to 0. Double-click on the large size text layer and apply the layer styles shown below. http://www.buildtutorial.com/wp-cont...and-emboss.jpg http://www.buildtutorial.com/wp-cont...ct-contour.jpg Copy and paste the same layer styles to the other text layers; just change the size of the Bevel and Emboss. http://www.buildtutorial.com/wp-cont...mboss-size.jpg And we’re done creating the colorful retro text effect! http://www.buildtutorial.com/wp-cont...ext-effect.jpg |
رد: درس وضع تأثير نقاط مضيئة لامع على النص
شرح مميز جدا اخي الكريم
كل الشكر |
رد: درس وضع تأثير نقاط مضيئة لامع على النص
شكرا
|
رد: درس وضع تأثير نقاط مضيئة لامع على النص
شكرا علي المعلومات
|
رد: درس وضع تأثير نقاط مضيئة لامع على النص
شكرا
|
الساعة الآن 03:25 AM. |
Powered by vBulletin Version 3.8.8
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd