الدرس الخامس:قائمة filter + قائمة image + الـ animation في الفوتوشوب

[ليلى^^]

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



اضاءة

دع الأيام تفعل ما تشاء .. و طب نفسا اذا حكم القضاء



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



و لا زال جهازي يرقد في المستشفى << دعواتكم له




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



و سأشرح القوائم لتشابهها في جميع الاصدارات



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



لنبدأ مع الدرس الخامس من دورة خلق الابداع



قائمة filters + قائمة image + الـ animation في الفوتوشوب



أهداف الدرس :



1-التعرف على قائمة filter بنظرة سريعه و بتطبيقين :


a.خلفية الماتركيس.


b.خلفية الوردة الرقمية.



2-التعرف على قائمة image و سأتناول فيها أهم الخيارات المناسبة للتأثير على الصور.



3-التعرف على الـ animation ( الحركة ) في الفوتوشوب.




باسم الله نبدأ



(1)



قائمة filter




الفلاتر هي عباره عن مجموعه من التأثيرات والإدخالات على الصور او على الألوان والتصميم



هذه لمحة سريعة عن الفلاتر مترجمة نقلتها لكم لما فيها من فائدة

القائمة السادسة ( فلتر Filter )
http://vb.eyesweb1.net/uploaded/31_photpo-e-a-1-6.gif
القائمة الفرعية لمجموعة الفلتر فني ( Artistic )
http://vb.eyesweb1.net/uploaded/31_photpo-e-a-1-6-1.gif
القائمة الفرعية لمجموعة الفلتر نقطة ماء ( Blur )
http://vb.eyesweb1.net/uploaded/31_photpo-e-a-1-6-2.gif
القائمة الفرعية لمجموعة الفلتر جرات الفرشاة ( Brush Strokes )
http://vb.eyesweb1.net/uploaded/31_photpo-e-a-1-6-3.gif
القائمة الفرعية لمجموعة الفلتر تشويه ( Distort )
http://vb.eyesweb1.net/uploaded/31_photpo-e-a-1-6-4.gif
القائمة الفرعية لمجموعة الفلتر تشويش ( Noise )
http://vb.eyesweb1.net/uploaded/31_photpo-e-a-1-6-5.gif
القائمة الفرعية لمجموعة الفلتر تنقيطية ( Pixelate )
http://vb.eyesweb1.net/uploaded/31_photpo-e-a-1-6-6.gif
القائمة الفرعية لمجموعة الفلتر تنفيذ ( Render )
http://vb.eyesweb1.net/uploaded/31_photpo-e-a-1-6-7.gif
القائمة الفرعية لمجموعة الفلتر وضوح ( Sharpen )
http://vb.eyesweb1.net/uploaded/31_photpo-e-a-1-6-8.gif
القائمة الفرعية لمجموعة الفلتر مخطط ( Sketch )
http://vb.eyesweb1.net/uploaded/31_photpo-e-a-1-6-9.gif
القائمة الفرعية لمجموعة الفلتر عمل أنماط ( Stylize )
http://vb.eyesweb1.net/uploaded/31_photpo-e-a-1-6-10.gif
القائمة الفرعية لمجموعة الفلتر نسيج ( ********************ure )
http://vb.eyesweb1.net/uploaded/31_photpo-e-a-1-6-11.gif
القائمة الفرعية لمجموعة الفلتر فيديو (Video )
http://vb.eyesweb1.net/uploaded/31_photpo-e-a-1-6-12.gif
القائمة الفرعية لمجموعة الفلتر آخر ( Other )
http://vb.eyesweb1.net/uploaded/31_photpo-e-a-1-6-13.gif
القائمة الفرعية لمجموعة الفلتر Digmarc
http://vb.eyesweb1.net/uploaded/31_photpo-e-a-1-6-14.gif


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


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

[ليلى^^]

(1)



خلفية matrix



لتكرره في النت و عدم توفر الوقت لدي قمت بنقله لكم


http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-40e1a43b6d.gif (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-40e1a43b6d.gif)

و هذا تطبيقي

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-8b7b84a44e.png (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-8b7b84a44e.png)

يتبع ،،

[ليلى^^]

(2)

خلفية الوردة الرقمية


1- نقوم بفتح عمل جديد بمقاسات 1024 * 768 ثم نقوم بصبغ الخلفية بهذا اللون http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-eada4b58cd.jpg

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-4ebc1cd418.jpg



2- نقوم باضافة طبقة جديدة ثم نضغط حرف d من الكيبورد لتعود الالوان الى الاصلية (الاسود و الابيض)

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-115d8bd8a2.jpg



3- نذهب الى الفلتر التالي (filter->render->clouds) للحصول على هذا الشكل

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-3514e8d637.gif

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-9423d78be3.jpg

4- نذهب الى الفلتر التالي (filter->distort->pinch) و نجعل الـ amount 100% و نحصل على هذا الشكل

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-1cf4ad08a6.gif

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-3bb2dfabab.jpg

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-e8cdedc9e4.jpg



5- نضغط من الكيبورد ctrl + حرف (f) لتكرار آخر فلتر مطبق ( من مرة الى مرتين ) الى ان نصل الى شكل يقارب هذا

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-dafbfe87c3.jpg




6- نذهب الى الفلتر (filter->render->lighting effect) و نضبط كما في الصورة
(يمكن تحريك الاضاء و تغيير موضعها)

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-55a22d24ee.gif


http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-7b375f0de0.jpg


لنحصل على الشكل التالي

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-dfe0cfcc75.jpg



يتبع ،،

[ليلى^^]

7- نذهب الى الفلتر (filter->sketch->chrome) و نطبق الاعدادات smoothness : 7 ،،، detail: 4

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-e643cd69f9.gif

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-fb2229e242.jpg

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-b3c05e70f8.jpg


8- نغير خصائص المود الى linear light

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-885dbe9d3b.jpg


9- نحصل في النهاية على هذا الشكل

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-df843e1135.jpg

خلفية جميلة مو :p

<< ربما يختلف شكلها من تطبيق الى آخر .. حسب نوع تشكيلة الغيوم التي ستكون

يتبع ،،

[ليلى^^]

(2)



قائمة image



و هذه ايضا لمحة سريعة عن الاوامر التي تحويها هذه القائمة مترجمة

القائمة الثالثة ( صورة Image )
http://vb.eyesweb1.net/uploaded/31_photpo-e-a-1-3.gif

القائمة الفرعية للأمر ( ضوابط Adjustments)
http://vb.eyesweb1.net/uploaded/31_photpo-e-a-1-3-2.gif



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



على هذه الصورة

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-266aa614af.jpg



الوان الصورة



· لتحويل الوان الصورة الى التدرجات الرمادية



Image->adjustment->desaturate

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-6a9919d610.jpg



· لتحويل الوان الصورة الى لون معين



Image->adjustment->hue/saturation


http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-479a6c4325.png

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-f1a8b51538.png


· لتحويل الوان الصورة الى تدرجات



Image->adjustment->gradient map


http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-ae4a70e705.png

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-23e59231b9.jpg


· لتحويل الوان الصورة الى الاسود و الابيض


Image->adjustment->black & white


(اتركها لكم لتتعرفوا عليها)




· للتأثير على اضاءة الصورة بشكل كامل


Image->adjustment->brightness/contrast


http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-5d9ded9fef.png

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-bf57f38f24.jpg

اترك بقية الاوامر لتتعرفوا عليها انتم بالتجربة

تطبيق عملي ~


تلوين جزء من الصورة ..



1-افتح الصورة التي تريد التطبيق عليها

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-c2c002934a.jpg



2-قم بنسخ هذه الصورة


3-حول النسخة الى اللون الرمادي عن طريق



قائمة

Image->adjustment->desaturate

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-eb92724d0e.png


4-قم باستخدام اداة الممحاة (ناعمة الحواف بمحو الجزء الذي تريد ان يكون ملونا) و كلما كانت الاماكن دقيقة قم بتكبير الصورة لترى بوضوح



http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-20da6e877e.png



و ستكون النتيجة لديكم هكذا



http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-9227a67a02.jpg


يتبع ،،

[ليلى^^]

(3)



Animation



الحركة في الفوتوشوب



في الاصدارات قبل cs3



كانت الحركة تتم عبر الانتقال الى برنامج آخر يكون ملحق مع الفوتوشوب اسمه image ready




اما الآن في الاصدارات الجديدة تم الغاء هذا البرنامج و التعويض عنه بنافذة داخل برنامج الفوتوشوب نفسه هذه النافذة هي الموجودة في الاساس في برنامج الايميج ريدي



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



هذه هي النافذة



http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-7cf63b1c65.png


1- الفريم : هذه هي خطوات الحركة .



2- مدة بقاء هذا الفريم و نستطيع تغييرها من خلال النقر على السهم الاسود ، و كلما زاد الرقم كلما كانت الحركة ابطأ.



3- تكرار الحركة : هل ترغب ان تكون لمرة واحده و تتوقف (once) ام تتحرك و تتكرر (forever) و يمكن ايضا اختيار حركة اخرى.



4- للتحكم بالحركة و يستخدم الاوسط منها لتشغيل الفريمات و اختبار الحركة.



5- Tween : لعمل حركة تلقائية ( سأتطرق لها في ملحق مستقل).



6- اضافة فريم جديد.



7- حذف الفريم الحالي.




تطبيق عملي ~



تطبيق خلفية تتلون



طبعا من لديهم cs3 يمكنكم مباشرة العمل فيه



اما من لديهم الاصدارات الاقل من هذا الاصدار لابد من الانتقال الى الايميج ريدي عن طريق هذا زر خاص سنتعرف عليه في هذا الدرس



لنبدأ بالتطبيق العملي



1- افتح عمل جديد بمقاسات 400 * 400 .

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-f116f00ab8.png



2- قم بملأ الطبقة باستخدام اداة الملأ باللون الاحمر.



3- اضف طبقة جديدة و باستخدام اداة الملأ املأها باللون الاخضر ثم طبقة اخرى باللون الوردي و رابعه باللون الازرق الى ان يكون شكل نافذة الطبقات هكذا

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-4e4aa0165f.png



4- الآن نظهر النافذة المخصصة للحركة من خلال قائمة window –> animation

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-b6ca6e5e27.png

و من لدية اصدار اقدم من cs3 فعن طريق هذا الزر

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-2a0aa7588d.jpg

5- من خلال زر اضافة فريم جديد (المحدد بالاحمر) نقوم باضافة فريمات بعدد الوان الخلفيات أي 4 فريمات تكون لدينا هكذا

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-60b4102dbe.png



6- قف على الفريم الاول و قم باخفاء العين من جميع الطبقات ما عدا الطبقة الاولى

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-a157d3817d.png



7- قف على الفريم الثاني و قم باخفاء العين من جميع الطبقات ما عدا الطبقة الثانية



و هكذا لبقية الفريمات

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-4aa3d25cff.png



8- الآن لاختبار الحركة قم بالنقر على هذا الزر

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-2139eeacd5.png



9- بقيت خطوة حفظ الصورة .. الصور المتحركة لا نحفظها بنفس طريقة الصور العادية و انما من خيار save for web and device

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-692f2fe7a0.png



( و في الاصدارات الاقدم من cs3 سيكون الخيار save optimize as)


ثم تظهر معاينة انقر زر save مباشرة و ستظهر لديكم الخلفية بهذا الشكل


http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-2b7a1e014f.gif



و هذا ملف وورد للدرس

http://www.zshare.net/download/794844169540cfa6/

انتهى الدرس

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



اذا عاد جهازي باذن الله سأرفق لكم شرح فيديو



و أي استفسارات سأكون معكم في موضوع الاستفسارات

و شكرا للاخ الكريم القلم الرقيب لمساعدته لي ايضا

وفقتم ،

[زهرة بنفسج]

تسجيل حضور

[ليلى^^]

الواجب /~

1- تطبيق خلفية الماتريكس .

2- تطبيق خلفية الوردة الرقمية.

3- تطبيق تلوين جزء من صورة على أي صورة تختارون.

4- تطبيق هذا الدرس للتعرف على التحريك

درس العدسة المتحركه ~ بمزيدٍ من التفصيل ~ (http://www.shiae.com/vb/showthread.php?t=92101)

______________

تسجيل الحضور هنا

حل الواجب هنا (http://www.shiae.com/vb/showthread.php?t=102077)

الاستفسارات هنا (http://www.shiae.com/vb/showthread.php?t=102079)

موفقين ،،

[ام مروة]

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

[حفيدة الرسول(ص)]

تسجيل حضووور
^^
وشكرا لكِ على المجهود
وشكر للأخ القلم الرقيب
:)

[روح حسينية]

السلام عليكم
مساء / صباح الخير
كيف حالكم كل عام وانتم بالف خير
مبارك عليكم الشهر ...يااااه اشتقنا لدروس
من جد .... معكم انشاء الله

[دموع ساخنة]

تسجيل حضور

[سمية البتول]

تسجيل حضور :)
ويعطيش الله العافيه استاذه ويقوم لابتبش بالسلامه
وشكرا لك اخوي القلم الرقيب

[أنوار أحسائية]

اللهم صل على محمد و آل محمد و عجل فرجهم

بارك الله جهودكم
و نشكر الأيادي التي ساهمت في إيصال هذه الدروس لنا

[زهرة الزهراء]

تسجيل حضور

و يعطيكم ألف عافية

[الحوزويه الصغيره]

اللهم صل على محمد وآل محمد

تسجـــــــــــــــيل حضور

بالتوفيق للجميع
تحيتي

[همسة مشاعر]

تسجيل حضور

[نوراء البتول]

السلام عليكم ..
يعطيج العافيه خيتي ليلى ..
تسجيل حضور ..

[الزهراء جنتي]

تسجيل حضور

[ليلى^^]

اهلا بكم

و ننتظر البقية ،،

موفقين

[عشق الحسين]

تسجيـــــــــــــــــل حضور ولو متأخره شوي

[عاشقة أهل البيت]

عذرا ,


تسجل حضور متأخر ,

[ليلى^^]

اهلا بكما ..

[Dr.Zahra]

تسجيل حضور بالصلاة على محمد وال محمد
اللهم صل على محمد وال محمد

[designs]

اللهم صل على محمد واله

[ام هاني]

اللهم صلي على محمد واله الطيبين الطاهرين

[ليلى^^]

اللهم صلِ على محمد وآل محمد