تحميل برامج كمبيوتر كاملة 2024 برابط مباشر - منتديات ساسو سوفت

تحميل برامج كمبيوتر كاملة 2024 برابط مباشر - منتديات ساسو سوفت (http://www.sasosoft.com/vb/index.php)
-   منتدى دروس الفوتوشوب (http://www.sasosoft.com/vb/forumdisplay.php?f=43)
-   -   درس أضافة تأثير لامع نظيف على النص البلاسنيك بالفوتوشوب (http://www.sasosoft.com/vb/showthread.php?t=85903)

ayman 31-01-2016 08:53 PM

درس أضافة تأثير لامع نظيف على النص البلاسنيك بالفوتوشوب
 
الشكل النهائى


https://cms-assets.tutsplus.com/uplo...%20-%20600.jpg

1. Creating the Background

Step 1

Create a new 900 x 675px document. Set the Foreground color to #2c353c and the Background color to #191919. Pick the Gradient Tool, choose the Foreground to Background gradient fill, and click the Linear Gradient icon.
Then, click and drag from the bottom left corner of the document to the top right corner to create the background gradient.
https://cms-assets.tutsplus.com/uplo.../Step_01_1.jpg Step 2

Place the texture 31 image on top of the Background layer, rename its layer to Background Texture, change its Blend Mode to Multiply, and go to Image > Adjustments > Desaturate.
https://cms-assets.tutsplus.com/uplo.../Step_01_2.jpg 2. Creating the Text Layers

Step 1

Create the text in All Caps using the font Intrepid ExtraBold. The color is #e5eaec, the Size is 230 pt, the Kerning is set to Optical, and the Tracking value is set to 100.
https://cms-assets.tutsplus.com/uplo.../Step_02_1.jpg Step 2

Duplicate the text layer four times. Then, change the last three copy layers' Fill value to 0.
https://cms-assets.tutsplus.com/uplo.../Step_02_2.jpg 3. Creating the Stroke Layers

Step 1

Double-click the original text layer to apply a Stroke effect using the following settings:
  • Size: 10
  • Color: #7e7e7e
https://cms-assets.tutsplus.com/uplo.../Step_03_1.jpg Step 2

This will apply an outer stroke to the original text layer.
https://cms-assets.tutsplus.com/uplo.../Step_03_2.jpg Step 3

Duplicate the original text layer, rename the copy layer to Stroke 1, right-click it and choose Rasterize Layer Style, and then change its Fill value to 0.
For versions older than CS6, you'll need to group the copy layer (Layer > Group Layers), rename the group to Stroke 1, and then go to Layer > Merge Group and change the Fill value to 0.
Duplicate the Stroke 1 layer, rename the copy to Stroke 2, and drag it below the original text layer.
https://cms-assets.tutsplus.com/uplo.../Step_03_3.jpg 4. Styling the Main Stroke Layer

Double-click the original text layer again to apply some more effects.
Step 1

Add a Bevel and Emboss with these settings:
  • Style: Stroke Emboss
  • Gloss Contour: Cone - Asymmetrical
  • Check the Anti-aliased box
  • Highlight Mode: Vivid Light
  • Opacity: 100%
https://cms-assets.tutsplus.com/uplo.../Step_04_1.jpg Step 2

Add a Contour with these settings:
  • Contour: Half Round
  • Check the Anti-aliased box
https://cms-assets.tutsplus.com/uplo.../Step_04_2.jpg Step 3

This will style the first layer of the stroke.
https://cms-assets.tutsplus.com/uplo.../Step_04_3.jpg 5. Styling the Top Layer of the Stroke

Double-click the Stroke 1 layer to apply the following layer style:
Step 1

Add a Bevel and Emboss with these settings:
  • Size: 2
  • Check the Anti-aliased box
  • Shadow Mode - Color: #676767
https://cms-assets.tutsplus.com/uplo.../Step_05_1.jpg Step 2

Add a Contour with these settings:
  • Contour: Cone - Inverted
  • Check the Anti-aliased box
https://cms-assets.tutsplus.com/uplo.../Step_05_2.jpg Step 3

Add a Gradient Overlay with these settings:
  • Blend Mode: Soft Light
  • Opacity: 51%
  • Style: Reflected
  • Use the stove pipe 150 gradient fill
https://cms-assets.tutsplus.com/uplo.../Step_05_3.jpg Step 4

This will style the second layer of the stroke.
https://cms-assets.tutsplus.com/uplo.../Step_05_4.jpg 6. Adding the Drop Shadow

Step 1

Double-click the Stroke 2 layer to apply a Drop Shadow effect using the following settings:
  • Distance: 15
  • Size: 7
https://cms-assets.tutsplus.com/uplo.../Step_06_1.jpg Step 2

This will add the shadow to the bottom layer of the stroke.
https://cms-assets.tutsplus.com/uplo.../Step_06_2.jpg 7. Styling the First Copy Text Layer

Double-click the first copy text layer to apply the following layer style:
Step 1

Add a Stroke with these settings:
  • Size: 1
  • Fill Type: Gradient
  • Style: Reflected
  • Angle: 90
  • Use the steel pipe 60 gradient fill
https://cms-assets.tutsplus.com/uplo.../Step_07_1.jpg Step 2

Add an Inner Shadow with these settings:
  • Blend Mode: Normal
  • Color: #2c6c99
  • Opacity: 100%
  • Distance: 0
  • Size: 18
https://cms-assets.tutsplus.com/uplo.../Step_07_2.jpg Step 3

Add a Drop Shadow with these settings:
  • Distance: 17
  • Size: 9
https://cms-assets.tutsplus.com/uplo.../Step_07_3.jpg Step 4

This will style the first layer of the text with the inner color. You can use any other color you like by changing the Inner Shadow's Color value.
https://cms-assets.tutsplus.com/uplo.../Step_07_4.jpg 8. Styling the Second Copy Text Layer

Double-click the second copy text layer to apply the following layer style:
Step 1

Add a Bevel and Emboss with these settings:
  • Depth: 297
  • Size: 35
  • Uncheck the Use Global Light box
  • Angle: 108
  • Altitude: 42
  • Check the Anti-aliased box
  • Highlight Mode: Vivid Light
  • Opacity: 64%
  • Shadow Mode - Opacity: 0%
https://cms-assets.tutsplus.com/uplo.../Step_08_1.jpg Click the Gloss Contour: icon to create the contour used below. What you need to do is click along the line you already have to add points. Then, for each point you add, you can enter its Input and Output values, and check the Corner box.
The values used for the two points are:
  • Point - Input - Output
  • Upper Point - 71 - 72
  • Lower Point - 42 - 34
https://cms-assets.tutsplus.com/uplo...Step_08_1b.jpg Step 2

Add a Contour with these settings:
  • Contour: Cove - Deep
  • Check the Anti-aliased box
https://cms-assets.tutsplus.com/uplo.../Step_08_2.jpg Step 3

Add a Stroke with these settings:
  • Size: 1
  • Fill Type: Gradient
  • Angle: 90
  • Use the stove pipe 155b gradient fill
https://cms-assets.tutsplus.com/uplo.../Step_08_3.jpg Step 4

This will add the first layer of shine/gloss to the effect.
https://cms-assets.tutsplus.com/uplo.../Step_08_4.jpg 9. Styling the Third Copy Text Layer

Double-click the third copy text layer to apply the following layer style:
Step 1

Add a Bevel and Emboss with these settings:
  • Size: 21
  • Uncheck the Use Global Light box
  • Angle: 53
  • Altitude: 64
  • Check the Anti-aliased box
  • Highlight Mode: Vivid Light
  • Shadow Mode - Opacity: 24%
https://cms-assets.tutsplus.com/uplo.../Step_09_1.jpg Step 2

For the Contour, just check the Anti-aliased box.
https://cms-assets.tutsplus.com/uplo.../Step_09_2.jpg Step 3

This will add another layer of gloss.
https://cms-assets.tutsplus.com/uplo.../Step_09_3.jpg 10. Styling the Fourth Copy Text Layer

Double-click the fourth copy text layer to apply the following layer style:
Step 1

Add a Bevel and Emboss with these settings:
  • Size: 21
  • Uncheck the Use Global Light box
  • Angle: 108
  • Altitude: 74
  • Check the Anti-aliased box
  • Highlight Mode: Vivid Light
  • Shadow Mode - Opacity: 0%
https://cms-assets.tutsplus.com/uplo.../Step_10_1.jpg Step 2

Add a Contour with these settings:
  • Contour: Log
  • Check the Anti-aliased box
https://cms-assets.tutsplus.com/uplo.../Step_10_2.jpg Step 3

This will add the last layer of gloss.
https://cms-assets.tutsplus.com/uplo.../Step_10_3.jpg 11. Creating the Text Texture

Step 1

Set the Foreground and Background colors to Black and White, create a new layer on top of all layers, call it Text Texture, and go to Filter > Render > Clouds.
https://cms-assets.tutsplus.com/uplo.../Step_11_1.jpg Step 2

Go to Filter > Filter Gallery > Brush Strokes > Accented Edges, then change the Edge Width to 2, the Edge Brightness to 38, and the Smoothness to 5.
https://cms-assets.tutsplus.com/uplo.../Step_11_2.jpg Step 3

This will create a simple texture.
https://cms-assets.tutsplus.com/uplo.../Step_11_3.jpg Step 4

Change the Text Texture layer's Blend Mode to Soft Light.
https://cms-assets.tutsplus.com/uplo.../Step_11_4.jpg Step 5

Command-click a text layer's thumbnail to create a selection.
https://cms-assets.tutsplus.com/uplo.../Step_11_5.jpg Step 6

With the Text Texture layer still selected, click the Add layer mask icon at the bottom of the Layers panel to create a mask.
https://cms-assets.tutsplus.com/uplo.../Step_11_6.jpg 12. Changing the Texture's Color

Step 1

Click the Create new fill or adjustment layer icon at the bottom of the Layers panel and choose Hue/Saturation.
https://cms-assets.tutsplus.com/uplo.../Step_12_1.jpg Step 2

Click the Clip to layer icon, check the Colorize box, and change the Hue value to 200.
https://cms-assets.tutsplus.com/uplo.../Step_12_2.jpg Step 3

Change the adjustment layer's Blend Mode to Soft Light.
https://cms-assets.tutsplus.com/uplo.../Step_12_3.jpg 13. Adding the Water Splash Brush to the Background

Step 1

Pick the Brush Tool, and choose one of the Water Splash Brushes brush tips. Set the Foreground color to #e8ecef, create a new layer on top of the Background Texture layer and call it Splash, and then resize the brush tip to a size you like and click to add it behind the text.
https://cms-assets.tutsplus.com/uplo.../Step_13_1.jpg Step 2

Double-click the Splash layer to apply the following layer style:
Add a Bevel and Emboss with these settings:
  • Gloss Contour: Ring
  • Check the Anti-aliased box
  • Highlight Mode: Vivid Light
https://cms-assets.tutsplus.com/uplo.../Step_13_2.jpg Step 3

Add a Contour with these settings:
  • Contour: Half Round
  • Check the Anti-aliased box
https://cms-assets.tutsplus.com/uplo.../Step_13_3.jpg Step 4

Change the Splash layer's Blend Mode to Vivid Light and its Fill value to 35%.
https://cms-assets.tutsplus.com/uplo.../Step_13_4.jpg 14. Adding the Sparkles and Adjusting the Coloring

Step 1

Create a new layer on top of all layers, call it Sparkles, and change its Blend Mode to Vivid Light. Pick one of the Stars and Flares Brush Set brushes, decrease its Size, and add a couple of sparkles at the edges of some of the letters. You can control the tip's Angle as well under the Brush Tip Shape tab in the Brush panel (Window > Brush).
https://cms-assets.tutsplus.com/uplo.../Step_14_1.jpg Step 2

Click the Create new fill or adjustment layer icon at the bottom of the Layers panel and choose Gradient Map.
https://cms-assets.tutsplus.com/uplo.../Step_14_2.jpg Step 3

Use the Orange, Blue, Magenta, Yellow gradient fill, and then change the adjustment layer's Blend Mode to Multiply and its Opacity to 3%. The effect is very subtle, but it helps enhance the coloring of the final result.
https://cms-assets.tutsplus.com/uplo.../Step_14_3.jpg

منقول من موقع اجنبى


ابو دفينان 20-05-2016 11:18 PM

رد: درس أضافة تأثير لامع نظيف على النص البلاسنيك بالفوتوشوب
 
شرح مميز جدا اخي الكريم
كل الشكر

free 26-05-2022 06:18 PM

رد: درس أضافة تأثير لامع نظيف على النص البلاسنيك بالفوتوشوب
 
شكرا على الشرح

sar 26-05-2022 08:43 PM

رد: درس أضافة تأثير لامع نظيف على النص البلاسنيك بالفوتوشوب
 
جميل


الساعة الآن 11:03 AM.

Powered by vBulletin Version 3.8.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd


جميع المشاركات المنشورة فى المنتدى لا تعبر عن وجه نظر الإدارة