المقدمة

إن من حركات الجليتر المحبوبة والشائعة جداً .. هو تطبيق الجليتر على صورة أو تصميم ..
فهذه الطريقة .. تعطي جمالاً للتصميم .. وتميزاً للنص ..
يمكنني القول بأن هذا الدرس .. يعتبر من كلاسيكيات الجليتر .. نظراً للشعبية التي تتمتع بها ..
تابع معي

ـــــــــــــــمشكلةـــــــــــــــ

مثال على الدرس

http://vair0s.jeeran.com/jeleterphoto/p1.gif


ـــــــــــــــمشكلةـــــــــــــــ

أدوات الدرس

في هذا الدرس سنحتاج لصورة .. وجليتر

بالنسبة للصورة .. قد تكون صورتك الشخصية .. أو صورة من تحب ..
وربما ترغب باختيار صورة لمنظر طبيعي .. أو شخصيات كرتونية ..

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

http://vair0s.jeeran.com/jeleterphoto/1.gif


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

1-http://vair0s.jeeran.com/jeleterphoto/2.gif
2-http://vair0s.jeeran.com/jeleterphoto/3.gif
3- http://vair0s.jeeran.com/jeleterphoto/4.gif


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

ـــــــــــــــمشكلةـــــــــــــــ


خطوات التنفيذ

الخطوة الأولى
افتح الصورة التي ترغب بتطبيق الجلير عليها .. وذلك من خلال تطبيق الأمر التالي:

File >> Open

http://vair0s.jeeran.com/jeleterphoto/5.jpg


ثم استخرج الصورة من المكان الذي قمت بتخزينه فيه ..

ستظهر بهذه الطريقة ..

http://vair0s.jeeran.com/jeleterphoto/6.jpg


في بوكس الليرات .. قد تلاحظ وجود قفل على لير الصورة ( سواءً كان القفل Background أو Index).. عليك رفعه مباشرة .. لأنه قد يعيق عملنا في الخطوات القادة ..

لرفع القفل

http://vair0s.jeeran.com/jeleterphoto/7.jpg


ـــــــــــــــمشكلةـــــــــــــــ



الخطوة الثانية

اتجه لقائمة الأدوات .. واختر أداة الكتابة http://vair0s.jeeran.com/jeleterphoto/8.gif

.. ثم قم بكتابة النص المطلوب ..

عليك أن تختار زاوية مناسبة للصورة .. كي تبرز النص .. دون أن تؤثر على وضوح وجمالية الصورة ..

وقد اخترت الزاوية اليسرى من الصورة ..

شاهد مساحة العمل بعد الكتابة ..

http://vair0s.jeeran.com/jeleterphoto/9.jpg

ـــــــــــــــمشكلةـــــــــــــــ

الخطوة الثالثة

في هذه الخطوة سنصنع ستايلاً خاصاً بنا .. وذلك باستخدام خصائص الـ Blending Options

سنستخدم ثلاث خصائص .. منها ..
1. Drop Shadow .. لإضافة ظل للشكل
2.Pattern Overlay .. في هذه الخاصية سنضيف الجليتر
3.Stroke .. وهنا سنضيف حدود للشكل
بالتأكيد يمكن أن تستفيد من الخصائص الأخرى الموجود في الـ Blending Options .. كي تحصل على استايل جديد للجليتر ..



والآن نفذ الأمر التالي:
Layer >> Layer Style >> Blending Options

تابع الصورة

http://vair0s.jeeran.com/jeleterphoto/10.jpg

ستظهر لك هذه النافذة الكبيرة .. شاهد أماكن الخصائص التي سنعمل عليها

http://vair0s.jeeran.com/jeleterphoto/11.jpg



1. Drop Shadow .. لإضافة ظل للشكل

من البوكس السابق .. وفي مقدمة قائمة الخصائص التي على اليسار .. ضع إشارة صح على المربع الصغير الذي بجاني عبارة Drop Shadow
لاحظ الصورة http://vair0s.jeeran.com/jeleterphoto/12.jpg

انتقل مباشرة للخاصية رقم 2 .. بدون أن تضغط على OK ..

وإن حدث ونسيت .. أي أنك ضغطت على Ok .. وأغلقت نافذة الـ Blending Options عن طريق الخطأ .. لا تقلق ..
فقط أعد فتحها كما فعلت في المرة الأولى .. عن طريق:
Layer >> Layer Style >> Blending Options
ثم تابع معنا بقية الخطوات ..

2.Pattern Overlay .. في هذه الخاصية سنضيف الجليتر
ثم اتجه مباشرةً لخاصية Pattern Overlay .. واضغط على الكلمة نفسها .. لاحظ الصورة ..

http://vair0s.jeeran.com/jeleterphoto/13.jpg

ستلاحظ أن محتوى النافذة قد تغير .. اضغط على المربع الكبير الموضح في الصورة

http://vair0s.jeeran.com/jeleterphoto/14.jpg


ستلاحظ ظهور نافذة صغيرة تحتوي على عدد من الشرائح .. من ضمنها الجليتر الذي قمت بتعريفه ..
اضغط على الشريحة الأولى من الجليتر ..

شاهد الصورة

http://vair0s.jeeran.com/jeleterphoto/15.jpg


مرة أخرى .. لا تضغط على Ok .. وانتقل مباشرةً للخاصية الأخيرة .. وهي Stroke



3.Stroke .. لإضافة الحدود للشكل

اضغط على عبارة Stroke نفسها .. كما فعلت قبل قليل .. حتى يتغير محتوى النافذة .. وتظهر لوحة اختيارات الـ Stroke ..

ثم طبق كما في الصورة:

http://vair0s.jeeran.com/jeleterphoto/16.jpg


إن واجهت صعوبة في تطبيق الصورة السابقة .. اقرأ التفاصيل التالية .. كي تستوضح الأمر أكثر:
1- عند الرقم واحد .. عليك أن تضغط على كلمة Stroke نفسها .. كي تتغير محتوى النافذة .. وتظهر خصائص الحدود
2- عند رقم 2 .. سنغير حجم الحد لـ 2 بيكسل .. لذا أخل رقم 2 عند كلمة Size كما هو مبين في الصورة السابقة ..
3- اضغط على مربع الألوان .. كي تظهر لك القائمة .. واختر لونا مناسباً للصورة التي تعمل عليها ..
4- وأخيراً .. وبعد الانتهاء من جميع الخطوات السابقة .. اضغط على Ok ..
ثم شاهد التغيير الذي طرأ على مساحة العمل

http://vair0s.jeeran.com/jeleterphoto/17.jpg


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

بعد إضافة تأثيرات الـ Blending Options
شاهد بوكس الليرات ..
ستلاحظ وجود ليرين .. لير للصورة .. ولير آخر للنص وتحته قائمة طويلة بالتأثيرات التي نفذناها ..
شاهد بوكس الليرات

http://vair0s.jeeran.com/jeleterphoto/18.jpg


بالنسبة للير النص .. سنقوم بإخفاء قائمة التأثيرات .. حتى نقلل من زحمة بوكس الليرات ..
ولمعرفة كيفية إخفاء قائمة التأثيرات .. نضغط على السهم الصغير بجانب اللير
كما هو موضح بالصوره ..

http://vair0s.jeeran.com/jeleterphoto/19.jpg




الخطوة الرابعة
والآن .. في بوكس الليرات .. قم بنسخ لير النص .. لمعرفه طريقه النسخ قم بمراجعة الدروس السابقه
شاهد بوكس الليرات بعد عملية النسخ

http://vair0s.jeeran.com/jeleterphoto/20.jpg


لاحظ أننا في الخطوة الثالثة أضفنا جميع الـتأثيرات المطلوبة (Drop Shadow .. Pattern Overlay .. Stroke ) .. وبما أن هذا اللير قد تم نسخه من اللير السابق .. يعني بأن جميع الخصائص موجودة فيه .. ولن نحتاج لتكرارها مرة أخرى

فقط علينا أن نغير شريحة الجليتر .. وسنغيرها من خلال Pattern Overlay

لذا .. اتجه مباشرة للأمر التالي:
Layer >> Layer Style >> Pattern Overlay

http://vair0s.jeeran.com/jeleterphoto/21.jpg

ستظهر لك هذه النافذة مباشرة ..

http://vair0s.jeeran.com/jeleterphoto/22.jpg

كما لاحظت في الصورة .. اختر الجليتر التالي .. ثم اضغط على Ok

ـــــــــــــــمشكلةـــــــــــــــ



الخطوة الخامسة

مرة أخرى .. قم بنسخ اللير الذي كنا نعمل عليه ..

لاحظ وضع بوكس الليرات بعد عملية النسخ ..

http://vair0s.jeeran.com/jeleterphoto/23.jpg

ثم كما فعلنا قبل قليل .. اتجه للأمر التالي:
Layer >> Layer Style >> Pattern Overlay

ومع هذه النافذة مجدداً .. لكن هذه المرة .. عليك أن تختار الجليتر الأخير الذي لم تختره من قبل .. ثم اضغط على Ok

شاهد الصورة

http://vair0s.jeeran.com/jeleterphoto/24.jpg

بهذه الخطوة .. أنهينا عملنا في الفوتوشوب .. وسننتقل للإمج ردي كي نتابع الدرس هناك ..
طبق الأمر التالي:
File > Jump To > Adobe ImageReady

ـــــــــــــــمشكلةـــــــــــــــ


الخطوة السادسة
وأخيراً .. أنت في الإمج ردي
اتجه مباشرة لشريط الحركة Animation ..
واضغط على السهم الأزرق الصغير الذي ستجده أعلى يسار الشريط ..


شاهد مكانه في الصورة ..
http://vair0s.jeeran.com/jeleterphoto/25.jpg


بعد أن تضغط على السهم الموضح في الصورة السابقة .. ستظهر لك قائمة طويلة .. اختر منها ما يلي:
Make Frames From Layers


ستلاحظ أن كل لير قد وضع في برواز منفصل ..
شاهد وضع شريط الحركة بعد تنفيذ الأمر السابق ..

http://vair0s.jeeran.com/jeleterphoto/26.jpg


كما ترى .. لدينا في شريط الحركة 4 براويز .. البرواز الأول للصورة .. و3 براويز أخرى للنص ..

ـــــــــــــــمشكلةـــــــــــــــ




الخطوة السابعة
ما زلنا في شريط الحركة ..
قم بحذف البرواز الأول (الخاص بالصورة) وذلك بالضغط عليه بواسطة الفأرة ـ الماوس ـ ثم قم بالضغط على صورة سلة المهملات الموجودة أسفل شريط الحركة ..

لاحظ مكانها في الصورة التالية ..
http://vair0s.jeeran.com/jeleterphoto/27.jpg

ستظهر لك هذه النافذة لتأكيد عملية الحذف
http://vair0s.jeeran.com/jeleterphoto/28.jpg


اضغط على Yes وبدون تردد

شاهد شريط الحركة بعد هذه العملية ..
http://vair0s.jeeran.com/jeleterphoto/29.jpg

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

ـــــــــــــــمشكلةـــــــــــــــ

الخطوة الثامنة

اضغط على البرواز رقم 1 بالفأرة ـ الماوس ـ
وهو بالمناسبة أصبح الآن يحتوي على النص .. بدلاً من الصورة التي قمنا بحذفها في الخطوة السابقة ..

ثم اتجه لبوكس الليرات


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

وبعد ذلك اضغط بالماوس على البرواز رقم 2 واذهب لبكس الليرات وضع علامة العين على صورة الارنب
وكرر العمليه مع البرواز الثالث اضغط عليه بالماوس واذهب لبكس الليرات وضع علامة العين على صورة الارنب

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

http://vair0s.jeeran.com/jeleterphoto/30.jpg


بإمكانك أن تشاهد عملك عن طريق الضغط على رمز التشغيل Play الموجود على شريط الأنيميشن ..

ـــــــــــــــمشكلةـــــــــــــــ



قم بتخزين العمل عن طريق
File > Save Optimized As

http://vair0s.jeeran.com/jeleterphoto/31.jpg


ـــــــــــــــمشكلةـــــــــــــــ


والنتيجة النهائية

http://vair0s.jeeran.com/jeleterphoto/rapet.gif



شكراً على حسن المتابعة

تحياتي

مزيونة الكل




من الارشيف

http://www.almlf.com/get-10-2008-2c5vt98m.gif (http://www.almlf.com)
//

\\



مــآآ قصرتي وللـﮧ

يــ ع ــطيك الف الف الف عاافيـﮧ

تقبلي مروري
.
.
.
.
.
.
سيف الــ ع ــاشقين




//

\\
http://www.almlf.com/get-10-2008-2c5vt98m.gif (http://www.almlf.com)

http://www.almlf.com/get-10-2008-2c5vt98m.gif (http://www.almlf.com)
//

\\



مــآآ قصرتي وللـﮧ

يــ ع ــطيك الف الف الف عاافيـﮧ

تقبلي مروري
.
.
.
.
.
.
سيف الــ ع ــاشقين




//

\\
http://www.almlf.com/get-10-2008-2c5vt98m.gif (http://www.almlf.com)


~ْ...}


تسلم سيف العاشقين..~

على مرورك العطر

الي انار متصفحي

مع ودي

مزيونة الكل


~ْ...}

درس ممتع

قد طبقته بموقع اماراتي ^_^

يعافيك ربي يالغاليه

ماننحرمش :)

شرح رائع
وخطوات واضحة

الدرس مغري جدا للتطبيق

إنتظري تطبيقي


دمت بكل حب

أخيك ... الروح

•• http://www.yesmeenah.com/smiles/smiles/46/heart%20(53).gif

مرآحب

••

تسلمين على الدرس ياعسل

اتذكر لما تعلمت للجليتر فرحت كثير خ خ خ

ما ننحرم منك غلاتي


••

||.. ارق التحآيآ ..||

http://www.yesmeenah.com/smiles/smiles/46/heart%20(53).gif••

:: مزيونهـ الكل ::

درس ومعلومة رائعة

تسلم الانامل ع مجهوداتك

ودي و ورودي

وهذا تطبيقي

http://www.ecarous.org/uploads/750ec91f7a.gif

وأتمنى يعجبك

دمت بكل حب

أخيك ... الروح