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

مشاهدة النسخة كاملة : طريقه عمل جلتر....^ـــ^....


»™ற!šš-3f3f«
25-12-2007, 05:36 AM
][®][^][®][بسم الله الرحمن الرحيم][®][^][®][


اليوم شفت موضوع الجلتر وعيبتني وحبييت انزله لكم..^ــ^


>
>
>
>
>
>
الخطوه الاولى::لازم نختار اشكال والوان الجلترّّ<<- - اخر الموضوع بنزل الاشكال والالوان..^ــ^


وأنا اخترت هذا الشكل
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]


ويتكون من 3 شرائح وهي:

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

الحين نفتح برنامج الفوتوشوب ،، وافتحوا صور الجليتر اللي خزنتوها ،، صار عندنا في الشاشة 3 صور للجليتر ،، ــ بس لازم أنبه ان 99.5% من صور الجليترالموجودة في مكتبة الجليتر بصيغة GIF ،، وهاي الصيغة تكون محمية ــ يعني ما نروم نتحكم فيها ،، عشان جي لازم انغير خاصيتها ــ وهذا اللي بنسويه الحينه ــ

نحدد الصورة الاولى ،، بتلاحظون ان لون البراوز بيكون فاقع ،، نروح لـ
Image >> Mode بنلاحظ ان عند كلمة Indexed Color شي اشارة صح ،،

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]


لازم نغيرة لـ RGB Color
يعني Image >> Mode >> RGB color
شوفوا الصورة:

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

وعقب نسير لـ Edit >> Define Pattern

مثل ما هو واضح في الصورة
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]


بيظهر لكم بوكس عشان اتعرّفون الباترن ( اللي هو نفسة الجليتر ) وتختارون له اسم ،، ممكن تحطون أي اسم ،، وممكن تقبلون الاسم الموجود وتضغطون Ok

لاحظوا الصورة
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

انصحكم بان الصورة (الجليتر) اللي طبقنا عليها العملية السابقة تسكرونها على طول عشان ما تتخربطون ،، ونتبع نفس الخطوات مع باقي الجليتر ،،


الخطوة الثانية::
تعبئة النص بالجليتر:

1- كالمعتاد ،، File >> New مثل ما هو موضح في الصورة التوضيحية رقم 1 ،، بيظهر لنا بوكس عشان نختار حجم الصفحة ،، ونوعها ،، هني انا اخترت 400 Pixels للعرض و 200 Pixels للطول ،، والـ ***********************************s خلوها Transparent مثل ما هو موضح في الصورة رقم 2 واضغطوا Ok يظهر لكم صفحة العمل مثل ما هو موضح في الصورة رقم 3 ،،

لاحظوا

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
2- باستخدام أداة الكتابة نكتب النص المطلوب ،،

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]


وقبل ما نتكلم عن هاي الخطوة ،، اللي مو ظاهر عنده بوكس الليرات يظهره عن طريق Window ويتأكد من وضع إشارة صح على كلمة Layers

3- ننسخ اللير الموجود على عدد شرائح الجليتر،، وفي هذا الدرس عندنا 3 شرائح للجليتر ،،

وذلك عن طريق نقرة على اليمين (على اللير المطلوب نسخه) عقب Duplicate Layer مثل ما هو موضح في الصورة رقم 1

يعني في النهاية لازم يكون عندنا ثلاث ليرات مثل ما هو موضح في الصورة رقم 2:

لاحظوا الصور التوضيحية
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]


الحين بنشتغل على اللير الاول:

نقرتين على اليسار على اللير الاول ،، (او نقرة على اليمين ونختار عقبها Blending Options) بس عندي ملاحظة مهمة ،، شلوا علامة العين من كل الليرات ،، وخلوها بس على اللير اللي تشتغلون عليه ،، طبقوا ها الشي في كل الخطوات الموجودة في هاي الفقرة ،،

لاحظوا الصورة
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]


الحين بيظهر لكم بوكس عود ،، على يساره فيه قائمة طويله حذالها مربعاد اختيار صغيرة ،، ــ طبعا ها البوكس عجييب ،، ويعطي تأثيرات حلوة على الأشكال والنصوص ،، لكن في ها الدرس بنستخدم ثلاث خصائص منها فقط ،،

وهي:

1. Drop Shadow
2.Pattern Overlay
3.Stroke

لاحظوا أماكنها في الصورة

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

الخاصية الأولى ،، اللي هي في بداية القائمة،، Drop Shadow ، نكتفي بان انحط علامة صح في البوكس الصغير ــ يعني مجر كلك في المربع الصغير [فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

لا تضغطون على Ok ،، بعدنا ما خلصنا ،،

انتقلوا معاي للخاصية الثانية ،، موقعها من القائمة ،، قبل الاخير،، اللي هو Pattern Overlay ،، هني نحتاج لشوية شغل ،، خلكم معاي ،، لما تون تحددون هاي الخاصية لا تسيرون عند المربع الصغير اللي على اليسار مثل ما سوينا في الخاصية الأولى ،، خذوا مؤشر الماوس وروحوا على الكلمة نفسها (( Pattern Overlay )) وانقروا عليها ،،

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]


لاحظوا الصورة

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]


لما اتسوون هاي الحركة ،، بتلاحظون ان محتوى البوكس اتغير بالكامل ،، وأهم شي بيظهر لنا هو المربع الكبير اللي بالوسط ،، وغالباً يكون لونه رمادي على شكل دواير ،، نضغط على ها المربع ــ مثل ما هو موضح في الصورة الأولى تحت ــ وبيظهر لنا كل الباترنز المخزن عندنا ،، ومن ضمنه الجليتر اللي عَرّفناه للبرنامج في الخطوة السابقة ،، واذا ما حصلتوه جدامكم نزلوا السهم لتحت ،، لانه الباترن اليديد يتخزن آخر شي ــ لاحظوا الصورة الثانية تحت ــ

الصورة الأولى:
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

الصوره الثانيه:

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

الحين اضغطوا على الجليتر المطلوب ــ عندنا 3 جليترات من اللون البني ،، نختار واحد منهم ،، ويستحسن ناخذهم من اليمين أو من اليسار عشان ما انلخبط ،، وأنا هني أخذت أول واحد من اليسار ،، ولما تنقرون عليه بتلاحظون تغيرات على المربع الرمادي ،، ومربع عرض التأثيرات ،،

لاحظوا الصورة

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

بعدنا ما خلصنا من ها البوكس ،، يعني لا تضغطون على Ok

وصلنا للخاصية الأخيرة .. إضافة حدود للشكل ،، موقعة من القائمة الأخير ،، واسمه Stroke ،، وبعد لازم ننقل مؤشر الماوس على كلمة Stroke وننقر عليه ،، مثل ما سوينا في الخاصية الثانية ،، بنلاحظ ان الشاشة تغيرت مرة ثانية ،، وظهر لنا مربع احمر صغير ،، ها المربع وظيفته تغيير لون الحدود اللي بتحطونها حول الشكل ،، يعني اذ الجليتر عندي بني ،، فلازم اختار لون يتماشى معاه ،، وهني انا اخترت لون البني الغامق ،،

لتوضيح أكثر ،، لاحظوا الصور:

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

ولما نضغط على المربع الأحمر بيظهر لنا بوكس الألوان ،، نختار اللون اللي يتماشى مع الجليتر ،،
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

وعقب اوكي



<<<<<<<<<<- - يـــتـــبـــع

»™ற!šš-3f3f«
25-12-2007, 05:50 AM
عودة لبوكس الليرات ،،

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

لاحظوا الصور:
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]


الكلمة اللي كتبتوها بترد مثل قبل ،، وهذا لان احنا شلينا اللير اللي اشتغلنا عليه ،، عشان نعيد تطبيق نفس الخطوات على اللير الثاني ،،

لاحظوا شكل الكلمة
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]


الحين نعيد نفس الخطوات اللي سويناها في الخطوة الثانية ،، يعني مرة ثانية ــ نقرة على اليمين على اللير الثاني ونختار Blending Options ،، لازم نكون دقيقين في اعادة تطبيق الخطوات اللي سويناها في اللير الاول ،، عشان الشكل النهائي للنص اللي نشتغل عليه ما يتبهدل ،،

بعيد باختصار الخطوات:
1- Drop Shadow ،، اللي هي اضافة او اسقاط ظل للصورة ،، ونكتفي بنقرة على المربع الصغير ،،
2- Pattern Overlay ،، وهي تعبئة النص او الشكل بالجليتر ،،

بس في ملاحظة بسيطة ومهمة ،، لما ني نعبئ الجليتر نختار الجليتر اللي في الوسط ،، عشان في المرة الاولى اخترنا الجليتر اللي على اليسار ،، والحين بنختار اللي في النص ،، وعلى اللير الثالث بنختار الجليتر المتبقي واللي هو على اليمين ،، لاحظوا الصور

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

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

انطبق هاي الخطوات حرفياً باستثناء الملاحظة اللي نبهتكم عليها ،، وعقب نضغط Ok

هذا بالنسبة للير الثاني ،، ونشيل علامة العين من ها اللير وانحطه على اللير الثالث ،، وانطبق نفس الخطوات باستثناء الملاحظة السابقة عن اختيار الجليتر في تعبئى النص Pattern Overlay ،،

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


تحريك الجليتر

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

بس قبل ما ننتقل ،، لازم نعيد علامة العين على كل الليرات الموجودة عندنا ،،

لاحظوا الصورة:
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

طرق الانتقال للامج ردي هي:
الطريقة الأولى: File > Jump To > Adobe ImageReady
الطريقة الثانية: Shft + Ctrl + M
الطريقة الثالثة: هو الانتقال للامج ردي عن طريق الرمز الموجود أسفل قائمة الأدوات مثل ما هو موضح في الصورة

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]


وطبعاً ،، كل الطرق تؤدي إلى روما ،، يعني اختاروا الطريقة اللي تعجبكم :D


-------------------


بتظهر لكم الصورة اللي إحنا سويناها بالجليتر فوق ،، وتحت بيظهر لكم شريط موجود فيه صورة وحدة بشكل صغير ،، هذا الشريط هو شريط الحركة واللي مو ظاهر عنده يظهره عن طريق Window ويتأكد من وضع اشارة صح على كلمة ********************************************* لاحظوا الصورة

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]*********************************************.gif

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

شوفوا الصورة::
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]


ولما تختارون Make Frames From Layers بيظهر لكم الليرات الثلاث في شريط الانيميشن ،، وفي نهاية كل براوز في الشريط بتشوفون مكتوب sec. 0 ،، هذا لتحديد وقت ثبات الصورة ،، بس في الجليتر ما انصحكم باستخدامة ،، لأن كل ما كانت حركة الصور اكبر ،، يكون تأثير اللمعة اقوى ،،

لاحظوا معاي:
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

ولو ضغطتوا على رمز الـ play الموجود أسفل شريط الانيميشن بتشوفون إنجازكم ،، الصورة وهي تتحرك

شوفوا الصورة:

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

خلصنا الشغل ،،

تعالوا انسيف او انخزن اللي سويناه ــ طبعاً انخزنه في الامج ردي ــ:

File > Save Optimized As

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]


وهذه نتيجتي انا :rolleyes:

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]


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

اوعدكم بآجر انزلها..^ــ^

رحال
25-12-2007, 05:54 AM
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]



درس طيب ..

يسلموووو عف عووفي عالدرس الروووعه ..

وربي يعطيج العـــآفية ..


وان شاء الله باكر انزل تطبيقي للدرس لن ما عندي الحين فوتوشوب

<<< بعده فرمت الجهـــآز ...

impossible
25-12-2007, 07:17 AM
درس راااااااائع وممتع ,,

مشــــــــــــكوره عفريتة على الجهد الطيب منك ,,

يعطيــــــــك العافية على الدرس ,,

وهــــــذا تطبيقي ,

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

»™ற!šš-3f3f«
26-12-2007, 03:02 AM
درس طيب ..

يسلموووو عف عووفي عالدرس الروووعه ..

وربي يعطيج العـــآفية ..


وان شاء الله باكر انزل تطبيقي للدرس لن ما عندي الحين فوتوشوب

<<< بعده فرمت الجهـــآز ...



^ــ^

الله يسلمك ويعافيك خيوو


ومشكوور ع مروورك الطيب..

ونترياا تطبيقك ^^



دمت بود

»™ற!šš-3f3f«
26-12-2007, 03:04 AM
درس راااااااائع وممتع ,,

مشــــــــــــكوره عفريتة على الجهد الطيب منك ,,

يعطيــــــــك العافية على الدرس ,,

العفوو

ومروورك الاروع خوي..^^


ماشاء الله تطبيقك احسن عن تطبيقي هههههه

<< تراني كنت انزل الموضوع وانا راآقده هع


ع العمووم


ثآنكس ع مروورك الطيب..منور


دمت بود

جوري
29-12-2007, 06:48 PM
يسلمو استااذه عفريته

الله يعطيج العاافيه وعسااج عالقوه

»™ற!šš-3f3f«
29-12-2007, 09:22 PM
يسلمو استااذه عفريته

الله يعطيج العاافيه وعسااج عالقوه



":"جوري":"

الله يسلمج يالغلا..^ـ^

ومشكووره ع مروورج الطيب..منووره


لاخلا ولاعدم


دمتي بوود

-=- عف عوفي -=-

الصرخة
30-12-2007, 03:00 PM
مشكووووووووره عالطرح المــــفيد

تسلمي عالموضوع

»™ற!šš-3f3f«
31-12-2007, 02:02 AM
العـفـو خوي الصرخه..^ـ^


ومشكور ع مرورك الطيب..منوور



دمت بود

الطواف
03-01-2008, 12:03 AM
تسلمى عفريتة على الشرح الوافى

والله ما قصرتى
يعطيك العافية

»™ற!šš-3f3f«
03-01-2008, 12:10 AM
العـفـو خوي الطوآف


مروورك الاجمل..^ـ^



لاخلا ولاعدم


دمـت بــود