المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : درس فوتوشوب <<الجليتر على الصور>>


مدمن فوتوشوب
12-03-2008, 10:04 AM
إن من حركات الجليتر المحبوبة والشائعة جداً .. هو تطبيق الجليتر على الصورة أو تصميم ..
لانه هالطريقه.. تعطي جمالاً للتصميم .. وتميزاً للنص ..

نبدأ الدرس :

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

http://www.jewelsuae.com/psd/allDoroos/gif/glitterOnPic/ex.gif

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

بالنسبة للصورة .. قد تكون صورتك الشخصية .. أو صورة من تحب ..
وربما ترغب باختيار صورة لمنظر طبيعي .. أو شخصيات كرتونية ..
لما لا تمر على معرض جواهر الإمارات (http://jewelsuae.com/gallery/) .. قد تجد فيها صوراً تعجبك ..

كما يمكنك أن تطبق الدرس على عمل من تصميمك الخاص ..
في الدرس .. سأطبق على هذه الصورة
http://www.jewelsuae.com/psd/allDoroos/gif/glitterOnPic/1.gif


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

http://www.jewelsuae.com/psd/Mustalzamat/Glitter/Normal/orange1/x.gif

قبل ما تنتقل للخطوة الأولى من الدرس .. لازم أنك تقوم بتجهيز الجليتر للاستخدام ..
لذا من المهم جداً أن تروح للرابط التالي .. عشان تقوم بتفكيك الجليتر وإضافته للبرنامج (http://www.jewelsuae.com/psd/allDoroos/gif/Tfkek-glitter/Tfkek-glitter.htm)

(المرور على الرابط إجباري)
(http://www.jewelsuae.com/psd/allDoroos/gif/Tfkek-glitter/Tfkek-glitter.htm)بعد أن تنهي عملك في الرابط السابق .. وتفكك الجليتر .. وترفعه للفوتوشوب ..
انتقل للخطوة الأولى

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

File >> Open
http://www.jewelsuae.com/psd/AlQaemah/FileOpen.gif
ثم طلع الصور من المكان الي خزنتها فيه
يطلع لك مثل كذا

http://www.jewelsuae.com/psd/allDoroos/gif/glitterOnPic/2.gif


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

لمزيد من المعلومات حلو الأقفال .. وكيفية رفعها .. تفضل بزيارة الرابط التالي .. (http://www.jewelsuae.com/psd/allDoroos/pic-effect/rf3-qfl/rf3-qfl.htm)

الخطوة الثانية
اتجه لقائمة الأدوات .. واختر أداة الكتابة http://www.jewelsuae.com/psd/Basik/T.gif (http://www.jewelsuae.com/psd/allDoroos/PsdBasik/T.htm).. ثم اكتب النص المطلوب ..

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

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

شاهد مساحة العمل بعد الكتابة ..
http://www.jewelsuae.com/psd/allDoroos/gif/glitterOnPic/3.gif

معلومات عن الخط المستخدم ..
نوع الخط: Hesham Cortoba

حجم الخط: 36 pt

اللون المستخدم: اللون الأسود .. بدرجة 000000 ..
في كل الأحوال .. اختيار اللون غير مهم إطلاقاً .. لأننا سنلون النص بالجليتر ..
إن لأنت مبتدئ في الفوتوشوب .. وتواجه صعوبة في استخدام أداة الكتابة (http://www.jewelsuae.com/psd/allDoroos/PsdBasik/T.htm)http://www.jewelsuae.com/psd/Basik/T.gif (http://www.jewelsuae.com/psd/allDoroos/PsdBasik/T.htm) .. أرجو أن تسعد هذا الرابط بزيارتك الكريمة .. ففيها شرح وافي لكل ما قد يهمك عن (http://www.jewelsuae.com/psd/allDoroos/PsdBasik/T.htm) هذه الأداة .. (http://www.jewelsuae.com/psd/allDoroos/PsdBasik/T.htm)



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

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

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

تابع الصورة
http://www.jewelsuae.com/psd/AlQaemah/LStyleBO.gif
بتطلع لك هالنافذة الكبيرة .. شاهد أماكن الخصائص الي بنعمل عليها
http://www.jewelsuae.com/psd/allDoroos/Doroos/d0Glitter/d0Glitter9.gif

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

من البوكس السابق .. وفي مقدمة قائمة الخصائص التي على اليسار .. ضع إشارة صح على المربع الصغير الذي بجاني عبارة Drop Shadow
لاحظ الصورة http://www.jewelsuae.com/psd/allDoroos/Doroos/d0Glitter/d0Glitter10.gif

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

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

2.Pattern Overlay .. في هذه الخاصية سنضيف الجليتر
بعدها اتجه مباشرةً لخاصية Pattern Overlay .. واضغط على الكلمة نفسها .. لاحظ الصورة ..
http://www.jewelsuae.com/psd/allDoroos/Doroos/d0Glitter/d0Glitter11.gif
بتلقى أن محتوى النافذة تغير .. اضغط على المربع الكبير الموضح في الصورة
http://www.jewelsuae.com/psd/allDoroos/Doroos/d0Glitter/d0Glitter12.gif

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

شاهد الصورة
http://www.jewelsuae.com/psd/allDoroos/gif/glitterOnPic/4.gif
مرة أخرى .. لا تضغط على Ok .. وانتقل مباشرةً للخاصية الأخيرة .. وهي Stroke


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

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

ثم طبق مثل هالصورة:
http://www.jewelsuae.com/psd/allDoroos/gif/glitterOnPic/5.gif
إن واجهت صعوبة في تطبيق الصورة السابقة .. اقرأ التفاصيل التالية ..عشان يتوضح لك الأمر أكثر:
1- عند الرقم واحد .. عليك أن تضغط على كلمة Stroke نفسها .. عشانيتغير محتوى النافذة .. وتظهر خصائص الحدود
2- عند رقم 2 .. سنغير حجم الحد لـ 2 بيكسل .. لذا أخل رقم 2 عند كلمة Size مثل ماهو مبين في الصورة السابقة ..
3- اضغط على مربع الألوان .. عشان تظهر لك القائمة .. واختر لونا مناسباً للصورة التي تعمل عليها .. وفي الدرس .. اخترت اللون الرمادي بدرجة: 333333 #
4- وأخيراً .. وبعد الانتهاء من جميع الخطوات السابقة .. اضغط على Ok ..
بعدها شوف التغيير الذي طرأ على مساحة العمل
http://www.jewelsuae.com/psd/allDoroos/gif/glitterOnPic/6.gif


بعد إضافة تأثيرات الـ Blending Options
شوف بوكس الليرات ..
بتلقى عندك ليرين .. لير للصورة .. ولير آخر للنص وتحته قائمة طويلة بالتأثيرات التي نفذناها ..
شوف بوكس الليرات
http://www.jewelsuae.com/psd/allDoroos/gif/glitterOnPic/7.gif
بالنسبة للير النص .. بنقوم بإخفاء قائمة التأثيرات .. عشان نقلل من زحمة بوكس الليرات ..
وعشان تعرف كيفية إخفاء قائمة التأثيرات .. تابع الصورة المتحركة التاليه ..
http://www.jewelsuae.com/psd/allDoroos/gif/Glitter&Shapes&Text/15.gif
[/URL]انا حطيت الصوره هاذي هنا عشان نتعرف على كيفية إخفاء قائمة التأثيرات ..

الخطوة الرابعة
والحين .. في بوكس الليرات .. قم بنسخ لير النص ..
شوف بوكس الليرات بعد عملية النسخ
http://www.jewelsuae.com/psd/allDoroos/gif/glitterOnPic/8.gif


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

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

وعشان كذا .. اتجه مباشرة للأمر التالي:
Layer >> Layer Style >> Pattern Overlay
http://www.jewelsuae.com/psd/AlQaemah/LayerLStylePatternOverlay.gif
بتطلع لك هالنافذة مباشرة ..
http://www.jewelsuae.com/psd/allDoroos/gif/glitterOnPic/9.gif
ومثل ماشفت في الصورة .. اختر الجليتر التالي .. ثم اضغط على Ok



الخطوة الخامسة
مرة أخرى .. أ نسخ اللير الي كنا نعمل عليه ..

شف وضع بوكس الليرات بعد عملية النسخ ..
http://www.jewelsuae.com/psd/allDoroos/gif/glitterOnPic/11.gif
ثم مثل ماسوينا قبل شوي .. اتجه للأمر التالي:
Layer >> Layer Style >> Pattern Overlay

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

شف الصورة
http://www.jewelsuae.com/psd/allDoroos/gif/glitterOnPic/10.gif

وبهاالخطوة .. أنهينا عملنا في الفوتوشوب .. ونبي نروح للإمج ردي عشان نتابع الدرس هناك ..
سو الأمر التالي:
File > Jump To > Adobe ImageReady
فيه طرق <<وااااجد>>للانتقال من برنامج الفوتوشوب للإمج ردي .. إن أردت التعرف عليها .. أو أردت أن تأخذ فكرة عامة عن برنامج الإمج ردي .. اتبع الرابط التالي .. سيفيدك (http://www.jewelsuae.com/psd/allDoroos/gif/Glitter&Shapes&Text/Glitter&Shapes&text1.htm)


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

ملاحظة .. إن لم تجد شريط الحركة أمام .. اتبع الرابط التالي .. كي تتعلم طريقة إظهارها .. (http://www.jewelsuae.com/psd/allDoroos/PsdBasik/ImageReady/MoveToImageReady.htm)
شاهد مكانه في الصورة ..
http://www.jewelsuae.com/psd/allDoroos/gif/glitterOnPic/12.gif
بعد أن تضغط على السهم الموضح في الصورة السابقة .. بتطلع لك قائمة طويلة .. اختر منها ما يلي:
Make Frames From Layers

بتشوف أن كل لير قد وضع في برواز منفصل ..
شاهد وضع شريط الحركة بعد تنفيذ الأمر السابق ..
http://www.jewelsuae.com/psd/allDoroos/gif/glitterOnPic/13.gif
مثل ماتشوف .. عندنا في شريط الحركة 4 براويز .. البرواز الأول للصورة .. و3 براويز أخرى للنص ..

نبي نحذف البرواز الأول ..عشان كذا تابع الخطوة السابعة ..




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

لاحظ مكانها في الصورة التالية ..
http://www.jewelsuae.com/psd/allDoroos/gif/glitterOnPic/14.gif

بتطلع لك هالنافذة لتأكيد عملية الحذف
http://www.jewelsuae.com/Q/Q3.gif
اضغط على Yes


شاهد شريط الحركة بعد هالعمليه:
http://www.jewelsuae.com/psd/allDoroos/gif/glitterOnPic/15.gif
إذا كان شريط الحركة عندك مشابه لما في الصورة السابقة .. إذن فقد أنهيت هذه الخطوة بنجاح ..
انتقل الآن للخطوة الثامنة ..


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

ثم رح لبوكس الليرات

إن لم تجد بوكس الليرات أمامك .. أو لم تعرف ماهيته .. انتقل للرابط التالي .. كي تحصل على المعلومات الكافية عنه .. (http://www.jewelsuae.com/psd/allDoroos/PsdBasik/ImageReady/MoveToImageReady.htm)

كل ما عليك فعله .. هو أن تضع علامة العين بجانب لير الصورة (صورة الأرنب في الدرس)
شف وشلون الطريقه في الصور هاذي:
http://www.jewelsuae.com/psd/allDoroos/gif/glitterOnPic/16.gif

مدمن فوتوشوب
12-03-2008, 10:49 AM
باقي للدرس تكميل وهذا هو التكميل ...

بعد هذه العملية .. عليك أن تلاحظ ظهور صورة الأرنب في جميع الليرات ..
شاهد وضع بوكس الليرات بعد تنفيذ الخطوة الثامنة
http://www.jewelsuae.com/psd/allDoroos/gif/glitterOnPic/17.gif

بإمكانك أن تشاهد عملك عن طريق الضغط على رمز التشغيل Play http://www.jewelsuae.com/psd/Basik/Play.gif الموجود على شريط الأنيميشن ..



قم بتخزين العمل عن طريق
File > Save Optimized As
http://www.jewelsuae.com/psd/AlQaemah/FileSaveOptimized.gif


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

http://www.jewelsuae.com/psd/allDoroos/gif/glitterOnPic/ex.gif


وعذراً على الإطاله..
وعذراً على تقسيم الدرس لانه واجهتني مشكله بسيطه ..
..:"|^|":.. وانا حطيت لكم الروابط للتوضيح فقط..:"|^|":..
وأخيراً اتمنى اني قدمت درس يفيدكم
ومثل ماقلت لكم في الدرس السابق <<الصور منقوله >>
وإذا واجهتم اي صعوبه في الدرس قولوا لي
وانا تحت امركم

الريم
12-03-2008, 12:50 PM
" مدمن فوتوشوب "

:o::o::o::o::o:

بصراحه درس رهيـــــــب ..

تمنيت اني اطيقه ..

لكن قهــــــر الفوتوشوب انحذف من عندي ..:Pictures13:

>>>> لي عوده مع التطبيق بعد التركيب :biggrin:


ألف ألف ألف شكر



دمت بخير :)

مدمن فوتوشوب
12-03-2008, 01:43 PM
مشكورهـ .:"|^|":.. يالريــم على المرور..:"|^|":..
ولا شـــــــكر على واجب

وإذا كنتي بتركبي .:. برنامج الفوتوشوب .:.انصحك بتنزيل
.:.فوتوشوب7 .:.
لانه اسهل من 8 ولا كلهن نفس بعض بس فيه بعض الاختلافات

الذهبي
12-03-2008, 09:17 PM
مشكور يالغالي
درس ممتاز

تحياتي

مدمن فوتوشوب
12-04-2008, 09:52 AM
مشكور وماتقصر .:. على المرور.:.

السـوبـر
12-04-2008, 04:26 PM
شرح كافي ووافي
الله يعطيك العافية على الدرس

فـ تـ كـ 4800
12-04-2008, 04:52 PM
بطل يامدمن على هالشرح الوافي 00

واصل تألقك يالغالي 00 وبأنتظار أبدعاتك 00

Romantic
12-04-2008, 10:30 PM
يعطيك ألف عافيه أخوي
بصراحه درس كافي ووافي
مشكور ما تقصر