العودة   منتديات ساسو سوفت - Sasosoft Forums > منتديات التصميم والإعلان - Design & Advertising Forums > منتدى دروس الفوتوشوب Adobe PhotoShop
منتدى دروس الفوتوشوب Adobe PhotoShop هنا كل ما يخص البرنامج الرائع الفوتوشوب من [شرح ودروس]...

الرئيسيــــة استرجاع كلمة المرور دليـل الموقــع أكواد الألــوان

إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
منتديات ساسو سوفت - Sasosoft Forums
قديم منذ /06-07-2013, 07:13 PM   #1

aymano
 
الصورة الرمزية aymano

:: عضو مميز ::

aymano غير متواجد حالياً

 رقم العضوية : 55
 تاريخ التسجيل : 19 - 2 - 2009
 المشاركات : 830
 النقاط : aymano شروحات مواضيعaymano شروحات مواضيع
 تقييم المستوى : 27

اوسمتي
افتراضي لمصممى الدعاية والاعلان اضافة تأثيرات مضيئة جميلة على الخطوط ببرنامج فوتوشوب 6

<*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/webbuttoninspire*_planet_thumbnail.jpg[/IMG]



<*iv align="center">Loa*ing the Contours
You might nee* to loa* the Contours use* in some of the Layer Styles below. To *o so, go to E*it -> Preset Manager, an* choose Contours from the Preset Type *rop *own menu. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_a.jpg[/IMG] <*iv align="center">Click the small arrow in the top right corner, an* choose Contours. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_b.jpg[/IMG] <*iv align="center">Click Appen* to a** the new contours to the existing ones. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_c.jpg[/IMG] <*iv align="center">Step 1 <*iv align="center">Create a new 1100 x 750 px *ocument, an* create a new layer on top of the Backgroun* layer, then call it “Gra*ient BG”. Set the Foregroun* color to #717171 an* the Backgroun* color to #3a3a3. Pick the Gra*ient Tool, choose the Foregroun* to Backgroun*, Ra*ial Gra*ient, in the Options bar. Then click an* *rag from the center of the *ocument to one of the corners. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_01.jpg[/IMG] <*iv align="center">Double click the “Gra*ient BG” layer to apply a Pattern Overlay effect. Change the Blen* Mo*e to Overlay, an* choose the “Carbon Fibre Big” pattern (*ownloa* link in the Tutorial Assets section). <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_02.jpg[/IMG] <*iv align="center">This will a** a simple pattern to the backgroun*. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_03.jpg[/IMG] <*iv align="center">Step 2 <*iv align="center">Create the text using the font Comfortaa. The font color is #464646, its Size is 230 pt, an* the Tracking value is set to 175 to avoi* any overlapping of the stroke that will be a**e* later on in the tutorial. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_04.jpg[/IMG] <*iv align="center">Change the text layer’s Fill value to 0, then *uplicate it. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_05.jpg[/IMG] <*iv align="center">Step 3 <*iv align="center">Pick the Brush Tool an* open the Brush panel (Win*ow -> Brush). Un*er Brush Tip Shape, choose a har* roun* 35 px brush, then set the Spacing to 1%. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_06.jpg[/IMG] <*iv align="center">Right click one of the text layers an* choose Create Work Path.
Next, the text path will be stroke* with *ifferent brush sizes. So each layer will be name* accor*ing to the brush size use*.
Start by creating a new layer un*er both text layers an* call it “35″. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_07.jpg[/IMG] <*iv align="center">Set the Foregroun* color to #414141 an* pick the Direct Selection Tool. Right click the path an* choose Stroke Path. choose Brush from the Tool *rop *own menu an* click OK. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_08.jpg[/IMG] <*iv align="center">This will stroke the path with the 35 px brush. Don’t get ri* of the path yet. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_09.jpg[/IMG] <*iv align="center">Step 4 <*iv align="center">Create a new layer below the “35″ layer an* call it “50″. Pick the Brush Tool, change the brush Size to 50 px, an* the Foregroun* color to #363636, then pick the Direct Selection Tool an* stroke the path like you *i* previously.
Hit the Enter/Return key to get ri* of the path. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_10.jpg[/IMG] <*iv align="center">Duplicate the “50″ layer, then press an* hol* the Ctrl/Cm* key, an* click the “35″ layer thumbnail to create a selection. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_11.jpg[/IMG] <*iv align="center">Make sure that the “50 copy” layer is selecte*, then press the Delete key to remove the selecte* part.
Go to Select -> Deselect (or press Ctrl/Cm* + D) to get ri* of the selection. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_12.jpg[/IMG] <*iv align="center">Duplicate the “35″ layer twice, then *rag the two copies on top of all layers, an* change their Fill values to 0. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_13.jpg[/IMG] <*iv align="center">Step 5 <*iv align="center">Double click the “50 copy” layer to apply the following Layer Style: <*iv align="center">Bevel an* Emboss: Change Depth to 300, check the Anti-aliase* box, an* change the Highlight Mo*e to Vivi* Light. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_14.jpg[/IMG] <*iv align="center">Contour: Choose the Cone – Inverte* contour, an* check the Anti-aliase* box. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_15.jpg[/IMG] <*iv align="center">This will style the outer stroke part. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_16.jpg[/IMG] <*iv align="center">Step 6 <*iv align="center">Double click the “35″ layer to apply the following Layer Style:
Inner Sha*ow: Just change the Size to 10. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_17.jpg[/IMG] <*iv align="center">Drop Sha*ow: Use the *efault values. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_18.jpg[/IMG] <*iv align="center">This will give the inner part some *epth. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_19.jpg[/IMG] <*iv align="center">Step 7 <*iv align="center">Double click the original text layer to apply the following Layer Style:
Bevel an* Emboss: Change the Style to Pillow Emboss, the Gloss Contour to Cove – Deep, an* check the Anti-aliase* box. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_20.jpg[/IMG] <*iv align="center">Contour: Choose the Half Roun* contour, an* check the Anti-aliase* box. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_21.jpg[/IMG] <*iv align="center">Inner Glow: Change the Blen* Mo*e to Vivi* Light, the Opacity to 100%, the color to #33fff*, the Source to Center, an* the Size to 16. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_22.jpg[/IMG] <*iv align="center">This will create the first layer of inner glow. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_23.jpg[/IMG] <*iv align="center">Step 8 <*iv align="center">Right click the original text layer, choose Copy Layer Style, then Right click the copy text layer an* choose Paste Layer Style.
Double click the copy text layer to mo*ify the Inner Glow effect.
Change the Blen* Mo*e to Linear Light, the Opacity to 100%, the color to #33c*ff, the Source to Center, an* the Size to 24. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_24.jpg[/IMG] <*iv align="center">This will a** another layer of inner glow to intensify it. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_25.jpg[/IMG] <*iv align="center">Step 9
Double click the “35 copy” layer to apply the following Layer Style:
Bevel an* Emboss: Change the Size to 21, uncheck the Use Global Light box, change the Angle to 100, the Altitu*e to 70, check the Anti-aliase* box, change the Highlight Mo*e to Vivi* Light, an* its color to #*4*4*4. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_26.jpg[/IMG] <*iv align="center">Contour: Just check the Anti-aliase* box. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_27.jpg[/IMG] <*iv align="center">This will make the effect look a bit 3D. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_28.jpg[/IMG] <*iv align="center">Step 9
Double click the “35 copy 2″ layer to apply the following Layer Style:
Bevel an* Emboss: Change the Size to 21, uncheck the Use Global Light box, change the Angle to 90, the Altitu*e to 48, check the Anti-aliase* box, change the Highlight Mo*e to Vivi* Light, an* the Sha*ow Mo*e Opacity to 0. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_29.jpg[/IMG] <*iv align="center">Contour: Choose the Log contour, an* check the Anti-aliase* box. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_30.jpg[/IMG] <*iv align="center">This will create the final 3D look, an* a** the glossy-shiny feel to the text. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_31.jpg[/IMG] <*iv align="center">Step 10 <*iv align="center">After all layer styles are applie*, *ouble click the “50″ layer to apply the Drop Sha*ow effect.
Change the Opacity to 100%, the Distance to 12, the Sprea* to 10, an* the Size to 20. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_32.jpg[/IMG] <*iv align="center">By applying the *rop sha*ow after all the other layer styles, you can a*just its values accor*ing to how it looks with them if nee*e*. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_33.jpg[/IMG] <*iv align="center">Step 11 <*iv align="center">Right click a text layer an* choose Create Work Path again. Create a new layer on top of both text layers an* call it “Center Glow”, then change its Blen* Mo*e to Overlay. Choose a 5 px soft roun* brush, set the Foregroun* color to #00fefc, the use the Direct Selection Tool to stroke the work path.
This will intensify the glow at the e*ges of the part in the center. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_34.jpg[/IMG] <*iv align="center">Create a new layer on top of the “Center Glow” layer an* call it “Corners Glow”. Pick the Pen Tool, an choose Path in the Options bar. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_35.jpg[/IMG] <*iv align="center">What you’ll nee* to *o next, is *raw small curves on top of some of the corners of the letters. Click once to a** an anchor point, then click an* *rag to create the curve.
See the image below for reference. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_36.jpg[/IMG] <*iv align="center">When you create a path, you’ll nee* to Ctrl/Cm* + Click outsi*e it before you can create another path somewhere else.
The image below shows where the paths were a**e*. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_37.jpg[/IMG] <*iv align="center">Step 12 <*iv align="center">Pick the Brush Tool an* open the Brush panel. Choose a soft roun* 5 px brush, then un*er Shape Dynamics, choose Pen Pressure from the Size Jitter Control *rop *own menu, an* set the Minimum Diameter to 15%.
This will make the brush fa*e at both en*s of the each path. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_38.jpg[/IMG] <*iv align="center">Pick the Direct Selection Tool, right click a path, choose Stroke Path, then check the Simulate Pressure box, an* click OK.
Then, hit Enter/Return to get ri* of the work path(s). <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_39.jpg[/IMG] <*iv align="center">Step 13
Double click the “Corners Glow” layer to apply the following Layer Style:
Inner Glow: Change the Opacity to 100%, the color to #ffffff, an* the Source to Center. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_40.jpg[/IMG] <*iv align="center">Outer Glow: Change the Blen* Mo*e to Linear Light, the color to #2*fffc, an* the Size to 13. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_41.jpg[/IMG] <*iv align="center">This will make the corners glow even more. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_42.jpg[/IMG] <*iv align="center">Step 14 <*iv align="center">Ctrl/Cm* + click the “35″ layer’s thumbnail to create a selection. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_43.jpg[/IMG] <*iv align="center">Create a new layer on top of all layers an* call it “Noise”. Set the Foregroun* an* Backgroun* colors to Black an* White, then go to Filter -> Ren*er -> Clou*s.
Press Ctrl/Cm* + D to get ri* of the selection. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_44.jpg[/IMG] <*iv align="center">Change the “Noise” layer’s Blen* Mo*e to Soft Light. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_45.jpg[/IMG] <*iv align="center">Step 15 <*iv align="center">Go to Filter -> Noise -> A** Noise. Change the Amount to 60, the Distribution to Gaussian, an* check the Monochromatic box. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_46.jpg[/IMG] <*iv align="center">Re*uce the “Noise” layer’s Opacity to a value you like. Here, it is set to 7%. <*iv align="center">[IMG]http://progressive.kelbyme*iagroup.com/planetphotoshop/uploa*s/2013/06/rose_web_button_step_47.jpg[/IMG]












  رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
لمصممى, مضيئة, الدعاية, الخطوط, اضافة, تأثيرات, ببرنامج, جميلة, فوتوشوب, والاعلان

أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
بالصور شرح اضافة تأثيرات مجمسمة 3* على الخطوط لمصممى الدعاية والاعلان aymano منتدى دروس الفوتوشوب Adobe PhotoShop 1 11-04-2014 07:28 PM
لمصممى الدعاية والاعلان كوليكشين من صور الاطفال عالية الجوده ayman حقيبة المصمم 1 16-01-2014 03:50 PM
صور اجهزة كهربائية عالية الجودة لمصممى الدعاية والاعلان amera حقيبة المصمم 0 18-05-2013 05:27 PM
لمصممى الدعاية والاعلان تصميمات مفتوحة المصدر ps* فلاير وبرشور ayman حقيبة المصمم 0 01-05-2013 07:37 PM
لمصممى الدعاية والاعلان مجموعة 2013 Mockup رائعة aymano حقيبة المصمم 0 28-03-2013 07:08 PM

RSS RSS 2.0 XML MAP

الساعة الآن 06:08 PM.


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

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

Please dont post any copyrighted materials like cracks , serials , nulled products .. ETC