ابوعبدالعزيز

زيزوومى مبدع
إنضم
24 أكتوبر 2007
المشاركات
1,307
مستوى التفاعل
72
النقاط
640
غير متصل
1213142808_yzooo.gif

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

درس رقم 7 الاستايلات والتأثيرات على النص والخلفية

1213022972_User9.gif

بسم الله نبدأ اولا بشرح الاستايلات

الاستايلات ( Styles ) هي عبارة عن عدة تأثيرات جاهزة تعطي تأثيرا جميلا على

النصوص او الصور موجودة في قالب واحد تستخدم بألوان وأشكال مختلفة

البعض يسأل اين اجد هذه الاستايلات وكيف استخدمها

الاستايلات موجودة من ضمن نوافذ برنامج الفوتوشوب الموجودة يمين البرنامج

لو نرجع للدروس السابقة وخاصة الدرس رقم 3 تعرفنا على نافذة Navigator

الان نتعرف على نافذة جديده وهي ( Styles ) وهذا هو شكلها موضح بالصورة التالية :



i1721_12132915101.gif


لا حظ بالصورة السابقة بان برنامج الفوتوشوب الاصدار التاسع مثبت به 19 ستايل وبامكانك

اضافة استايلات اخرى فيجب عليك معرفة اضافة او ازالة الاستايلات

وبالصورة التالية اشرح لكم طريقة اضافة الاستايلات :



i1722_12132912752.gif

بالصورة السابقة يوجد بنافذة الاستايلات سهم صغير بالاعلى من اليمين

بالضغط عليه سوف تخرج لك قائمة .. لا ضافة استايل جديد

اضغط على Load Styles بالضغط عليها سوف يخرج لك اطار حدد موقع الاستايل

الجديد ثم اضغط على Load

بهذه الطريقة تم اضافة استايل جديد

وهذه مجموعة قليلة من الاستايلات ابدأ بتحميلها ليتم تطبيق الدرس عليها

يجب عليك تسجيل الدخول او تسجيل لمشاهدة الرابط المخفي

البعض يسأل هل استطيع ازالة هذه الاستايلات ؟

نعم بامكانك ازالة جميع الاستايلات او ازالة استايل استايل .

لازالة جميع الاستايلات من برنامج الفوتوشوب تابع الشرح الموضح بالصورة التالية :



i1723_12132921013.gif

بالصورة السابقة يوجد بنافذة الاستايلات سهم صغير بالاعلى من اليمين

بالضغط عليه سوف تخرج لك قائمة .. لازالة جميع الاستايلات التي ادخلتها

اضغط على Reset Styles فسوف تلاحظ بان جميع الاستايلات

التي ادخلتها بنافذة Styles تم ازالتها

1213055250_User10.gif

الاستايلات كثيره جدا بالمواقع ولا بد من تجربتها فمنها الجميل ومنها السيء

واحجامها مختلفه ووجودها بشكل كبير في نافذة Styles

يسبب ثقلا كبيرا اثناء فتح برنامج الفوتوشوب ولاكن اليك الحل لتخفيف كمية الاستايلات

بامكانك الضغط كلك يمين بالماوس على الاستايل الذي لاتريده ومن الاختيارات اضغط على

Delete Style طبق هذا الاجراء على جميع الاستايلات التي لست بحاجتها وبعد الانتهاء

من ازالة جميع هذه الاستايلات اضغط على السهم الصغير الموجود بالاعلى واختر

Save Styles سيظهر لك اطار اكتب اسم لهذه الاستايلات التي ترغب بحفظها

ثم حدد موقع لحفظ الاستايل وبعد ذلك اضغط على Save تابع الصورة التالية لتوضيح ذلك :



i1724_12132922894.gif

بالصورة السابقة تم حذف بعض الاستايلات والاحتفاظ باجمل الاستايلات

بهذه الطريقة بامكانك الاحتفاظ بمجموعة كبيرة من الاستايلات وتسميتها حسب رغبتك

والرجوع لها عند حاجتها انا اعرف انني اطلت عليكم بسالفة اضافة وحذف الاستايلات

ولاكن لن تسأل احد بعد هذا الدرس بخصوص اضافة وحذف وتجميع الاستايلات .


1213136389_yzo.gif


والان سوف اوضح لكم تأثير هذه الاستايلات على الخلفية والنص وذلك بالصورة التالية :



i1725_12132923105.gif

بالصورة السابقة وضعنا المؤشرعلى الطبقة النشطه ( ابوعبدالعزيز ) ومن نافذة Styles

نضغط على اي ستايل ولا حظ مدى تأثير الاستايل على النص تأثير باللون والضل والبروز

وكذلك الخلفية ضع المؤشر على الطبقة النشطة الخاصة بالخلفية او اي صورة فلاحظ التأثير

باللون والضل والبروز

1213055250_User10.gif


البعض يسأل هل بالامكان ازالة هذا التأثير عن الطبقة ؟

نعم اخي الكريم بامكانك ازالة هذا التأثير الناتج من الاستايل

وذلك بالضغط على الموضح بالصورة التالية :



i1726_12132923876.gif

هذا هو عمل الاستايلات تأثيرات جاهزة تعطي شكلا جميلا على الطبقة المحدده .


1212070282_Usz.gif


وبهذا الشرح الكامل عن الاستايلات نبدأ بموضوع اخر التأثيرات او المؤثرات على النص او الخلفية

في الدروس السابقة وبالتحديد الدرس الخامس تكلمنا عن الطبقات او الشفافيات { Layers }

وذكرت في شرحي التأثيرات ووظيفتا هي / للتحكم وادراج تأثيرات على الطبقة

والتي يرمز لها بحرف f في نافذة الطبقات

طبعا هي نفس تأثير الاستايلات ولاكن هنالك فرق وهو ان

الاستايلات تأثيرات جاهزة وحرف f تأثير انت تصنعه

الان سوف نتعرف على هذه التأثيرات وطريقة استخدامها وذلك بالصورة التالية :



i1727_12132925297.gif

بالصورة السابقة يوجد بنافذة الطبقات في الاسفل دائرة سوداء

مكتوب بها حرف f بالضغط على هذه الدائرة

سوف تخرج لك قائمة منسدله بأنواع التأثيرات وهنالك طريقة اخرى لاستخراجها وهي :

من قوائم البرنامج اضغط على Layer ثم اضغط على Layer Style سوف تخرج لك قائمة منسدله

بأنواع التأثيرات كما هو موضح بالصورة التالية :



i1728_12132927038.gif

وايضا هنالك طريقة اسرع من الطرق السابقة وهي

على نفس الطبقة التي سوف نعمل عليها تأثير سواء

طبقة النص او طبقة الصوره نضغط بالماوس يسار ضغطتين على الطبقة

سوف يخرج لك اطار باسم Layer Style هذا الاطار موجود به هذه التأثيرات

بجميع ماذكرت من طرق لاستخراج التأثيرات استخدم ماتراه مناسب لك

والان نتعرف على عمل هذه التأثيرات وذلك بالصورة التالية :



i1729_12132929629.gif

بالصورة السابقة تعرفنا على عمل كل تأثير ومع استمرار التعامل مع هذه التأثيرات سوف

تتعرف عليها اكثر ولزيادة المعرفة سوف نطبق الدرس التالي :

1- انشاء صفحة عمل جديده العرض 350 والطول 100 بخلفيه بيضاء

2- اكتب اسمك ويكون لون الخط ابيض وحجم الخط من 60 الى 100 حسب رغبتك

ويكون نوع الخط ( Al-Hadith1 ) موجود بالدرس رقم 6

3- كما تعلمنا كيف نخرج التأثيرات ... المطلوب الضغط على تأثير Drop Shadow

كما هو موضح بالصورة التالية :



i1730_121329302410.gif

عليك الان تطبيق ماهو موجود بالصورة التالية :



i1731_121329314511.gif

بالصورة السابقة المطلوب منك ان تملأ جميع مافي الحقول

نفس مافي الصورة السابقة الخاصة بتأثير Drop Shadow

الان نضغط على تأثير Bevel and Emboss ونطبق ما بالصورة التالية :



i1732_121329325112.gif


نظغط على تأثير Gradient Overlay ونطبق ما بصورة التالية :




i1733_121329332113.gif



نضغط على تأثير التحديد Stroke ونطبق ما بصورة التالية :




i1734_121329337714.gif


بعد ذلك اضغط على موافق ومن نافذة الطبقات بامكانك

استخدام اداة التشبيع الموضحة بالصورة التالية



i1738_1213357853tshbe.gif

وسوف يكون الشكل النهائي كما في الصورة التالية :



i1735_121329343415.jpg

بهذه الخطوات تعرفنا على الاستايلات والتأثيرات الغرض من ذلك بانه يوجد دروس بالمنتديات

صاحب الدرس لن يشرح لك فائدة الاستايلات او التأثيرات سوف يشرح لك الدرس وعليك التطبيق

في درسنا هذا تعرفنا على هذه التأثيرات وبتطبيق الدروس الموجودة بالمنتديات

والاستمرار على التطبيقات سوف نبدع اكثر حتى نخرج بافضل من هذه الصورة التالية :


i1737_1213355642sbhan.gif



i1736_121329348416.gif


اتمنى بان اكون قد قدمت فائدة لكل من قرأ الدرس

والله يحفظكم ويرعاكم

محبكم ابوعبدالعزيز

تم إعادة رفع الصور على سيرفر المنتدى
بواسطة وسن

1212070282_Usz.gif

 

توقيع : ابوعبدالعزيز
يعطيك ألف عافية يا مبدعنا الغالي ....
وبارك الله فيك وفي حسناتك
5/5
 
توقيع : emperor_2222
موضوع غايه فى الروعه
وهذا تطبيقى المتواضع
zyzoom-bbdb4710ca.gif
 
توقيع : Mr_Tornado
مبدع

ومحترف اخوي ابو عبد العزيز

الله يوفقك
 
توقيع : شوك الاهلاوي
رائع جدا ابو عبد العزيز
شرح مفيش اوضح من كده

تسلم ايدك ودمت لنا
 
توقيع : zeeezooo
مشكور أبو عبدالعزيز... ودمت بكل خير
درس مجنوووووووووووووووووووون

هذا تطبيقي

zyzoom-0d76a343bc.gif
 
ما شاء الله تبارك الرحمن

كالعادة يا بوعبدالعزيز درس في غاية الاهمية ويا عيني على الشرح :ok:

ولكن لي عودة باستفسار ؟ ؟ لاني مستعجل الان

اسأل الله ان يعطيك حتى يرضيك
 
توقيع : مميز
الله يرضى عليك يا استاذ ,,,
جزاك الله خير من خيرى الدنيا والاخره ,,,
لى رجعه ان شاء الله بعد التحميل وقرأة الدرس جيدا ،،
نفع اللك بك ورفع قدرك وعله الله فى موازين حسناتكم ،،
 
توقيع : ebn_om_abd
ياهلا ويامرحبا

ما شاء الله كل الاحبه موجودين

الله يسعدكم والله منورين الموضوع بتواجدكم وردودكم الرائعة

تحيه من القلب للجميع

وفقكم الله
 
توقيع : ابوعبدالعزيز
موضوع غايه فى الروعه

وهذا تطبيقى المتواضع

zyzoom-bbdb4710ca.gif

الله يسلمك ومشكور على التطبيق

بارك الله فيك ووفقك الله
 
توقيع : ابوعبدالعزيز
مشكور أبو عبدالعزيز... ودمت بكل خير

درس مجنوووووووووووووووووووون

هذا تطبيقي


zyzoom-0d76a343bc.gif

تسلم اخي الامل الطائر تطبيق للدرس عشره على عشره

بامكانك تغيير لون الخط والعبث في التأثيرات سوف تحصل على اشكال اخرى على النص

بارك الله فيك ووفقك الله
 
توقيع : ابوعبدالعزيز
وفقك الله وبارك فيك..والله يعطيك العافية أخي أبو عبد العزيز

درس جميل جدا وشرح رااائع

جزاك الله خيرا

وهذا تطبيقي

zyzoom-9c5131a21b.gif
 
توقيع : راشد&
ما أروعك ياأبو عبد العزيز
تسلمك ايدك
 
توقيع : Thekrayat
الله يعطيك العافية ع الدرس الرائع

وهذا تطبيقي

zyzoom-18dd48821d.gif


وفي انتظار دروسك القادمة
 
لو أراد الجمال مرادفا لسميناه ابا عبد العزيز.الله ينور عليك يوم لا نور الا نوره
 
توقيع : mezouari
وفقك الله وبارك فيك..والله يعطيك العافية أخي أبو عبد العزيز

درس جميل جدا وشرح رااائع

جزاك الله خيرا

وهذا تطبيقي

zyzoom-9c5131a21b.gif

ماشاء الله تطبيقك عشره على عشره

اخوي راشد ممكن نشوف تطبيق ثاني بعد التعبث

وفقك الله
 
توقيع : ابوعبدالعزيز
توقيع : ابوعبدالعزيز
الله يعطيك العافية ع الدرس الرائع

وهذا تطبيقي

zyzoom-18dd48821d.gif


وفي انتظار دروسك القادمة

تطبيق عشره على عشره

واشكرك اختي الكريمة على المرور والمشاركة

وفقك الله
 
توقيع : ابوعبدالعزيز
لو أراد الجمال مرادفا لسميناه ابا عبد العزيز.الله ينور عليك يوم لا نور الا نوره

اممممممممممممممممممممممممم ماذا اقول لك

تسلم اخوي الزهواني حضورك وكلماتك وسام اضعها على صدري

رحم الله والديك وبارك الله فيك
 
توقيع : ابوعبدالعزيز
عودة
أعلى