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

مشاهدة النسخة كاملة : ][®][^][®][تعلم تصميم الجليتر][®][^][®][



salima
10-30-2013, بتوقيت غرينيتش 04:18 AM
.. السلام عليكم ورحمه الله وبركاته ..



الجليتر:



عبارة عن شرائح متعددة مصممة بحيث يتم وضعها بجانب بعضها البعض
وتحريكها لتعطي تأثير اللمعة ...



كل ما تتخيله في عالم الجليتر ستجده هنا
دروس استفسارات تطبيقات أشكال وألوان غريبة ونادرة
حصريا في منتديات لقيت روحي (http://www.l-ro.com/vb/showthread.php?t=9883) .....




شرائح الجليتر وألوانها المتعدده :



النوع الأول :



أحمر ..


http://baby0dream.jeeran.com/r.gif
http://baby0dream.jeeran.com/r1.gif http://baby0dream.jeeran.com/r2.gif http://baby0dream.jeeran.com/r3.gif
-----------------------------------


أسود ..


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


برتقالي:


http://baby0dream.jeeran.com/5.gif
http://baby0dream.jeeran.com/6.gif http://baby0dream.jeeran.com/7.gif http://baby0dream.jeeran.com/8.gif
-----------------------------------


أخضر:


http://baby0dream.jeeran.com/9.gif
http://baby0dream.jeeran.com/10.gif http://baby0dream.jeeran.com/11.gif http://baby0dream.jeeran.com/12.gif
-----------------------------------


أصفر


http://baby0dream.jeeran.com/13.gif
http://baby0dream.jeeran.com/14.gif http://baby0dream.jeeran.com/15.gif http://baby0dream.jeeran.com/16.gif
-----------------------------------


ازرق:


http://baby0dream.jeeran.com/17.gif
http://baby0dream.jeeran.com/18.gif http://baby0dream.jeeran.com/19.gif http://baby0dream.jeeran.com/20.gif
-----------------------------------


النوع الثاني :



أصفر


http://baby0dream.jeeran.com/33.gif
http://baby0dream.jeeran.com/34.gif http://baby0dream.jeeran.com/35.gif http://baby0dream.jeeran.com/36.gif http://baby0dream.jeeran.com/37.gif http://baby0dream.jeeran.com/38.gif http://baby0dream.jeeran.com/39.gif http://baby0dream.jeeran.com/40.gif http://baby0dream.jeeran.com/41.gif http://baby0dream.jeeran.com/42.gif http://baby0dream.jeeran.com/43.gif http://baby0dream.jeeran.com/45.gif
-----------------------------------


ازرق:


http://baby0dream.jeeran.com/21.gif
http://baby0dream.jeeran.com/22.gif http://baby0dream.jeeran.com/23.gif http://baby0dream.jeeran.com/24.gif http://baby0dream.jeeran.com/25.gif http://baby0dream.jeeran.com/26.gif http://baby0dream.jeeran.com/27.gif http://baby0dream.jeeran.com/28.gif http://baby0dream.jeeran.com/29.gif http://baby0dream.jeeran.com/30.gif http://baby0dream.jeeran.com/31.gif http://baby0dream.jeeran.com/32.gif
-----------------------------------


النوع الثالث :



أسود ..


http://baby0dream.jeeran.com/46.gif
http://baby0dream.jeeran.com/47.gif http://baby0dream.jeeran.com/48.gif
-----------------------------------


أخضر:


http://baby0dream.jeeran.com/49.gif
http://baby0dream.jeeran.com/50.gif http://baby0dream.jeeran.com/51.gif
-----------------------------------


النوع الرابع :



أحمر ..


http://baby0dream.jeeran.com/52.gif
http://baby0dream.jeeran.com/53.gif http://baby0dream.jeeran.com/54.gif http://baby0dream.jeeran.com/56.gif http://baby0dream.jeeran.com/57.gif
-----------------------------------


أخضر:


http://baby0dream.jeeran.com/58.gif
http://baby0dream.jeeran.com/59.gif http://baby0dream.jeeran.com/60.gif http://baby0dream.jeeran.com/61.gif http://baby0dream.jeeran.com/62.gif
-----------------------------------


النوع الخامس(نوع جديد):



وردي ..


http://baby0dream.jeeran.com/63.gif
http://baby0dream.jeeran.com/64.gif http://baby0dream.jeeran.com/65.gif http://baby0dream.jeeran.com/66.gif
-----------------------------------


أخضر:


http://baby0dream.jeeran.com/67.gif
http://baby0dream.jeeran.com/68.gif http://baby0dream.jeeran.com/69.gif http://baby0dream.jeeran.com/70.gif
-----------------------------------


أسود:


http://baby0dream.jeeran.com/71.gif
http://baby0dream.jeeran.com/72.gif http://baby0dream.jeeran.com/73.gif http://baby0dream.jeeran.com/74.gif
-----------------------------------




الدرس مفصل الأول :



الكتابه بالجليتر :-



اختاروا أي شكل من أشكال الجليتر الموجودة في الموضوع وخزنزها ..



نقرة على اليمين على الصورة المطلوبة (الجليتر المطلوب) و Save Picture As نكرر العملية السابقة مع جميع شرائح الجليتر على حسب عددها
وفي المثال المشروح عندنا 3 شرائح ..



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





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


http://baby0dream.jeeran.com/j-1.jpg


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


http://baby0dream.jeeran.com/j-2.jpg


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


مثل ما هو واضح في الصورة :


http://baby0dream.jeeran.com/j-3.jpg


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


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


http://baby0dream.jeeran.com/j-4.jpg


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



تعبئه النص بالجليتر :



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


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


http://baby0dream.jeeran.com/j-5.jpg


2- باستخدام أداة الكتابة نكتب النص المطلوب وهني انا كتبت Baby Dream



http://baby0dream.jeeran.com/j-6.jpg


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


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


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


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


لاحظوا الصور التوضيحية :


http://baby0dream.jeeran.com/j-7.jpg



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


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


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


http://baby0dream.jeeran.com/j-8.jpg


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


وهي:


1. Drop Shadow
2.Pattern Overlay
3.Stroke


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


http://baby0dream.jeeran.com/j-9.jpg


الخاصية الأولى اللي هي في بداية القائمة Drop Shadow
نكتفي بان انحط علامة صح في المربع الصغير يعني مجرد كلك في المربع الصغير
لا تضغطون على Ok بعدنا ما خلصنا ..


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


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


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


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


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


ولما نضغط على المربع الأحمر بيطلع لنا مربع الألوان
نختار اللون اللي يتماشى مع الجليتر ..



واخيراً اضغطوا على Ok



والحين نرجع لمربع الليرات ..


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


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


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


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


بعيد باختصار الخطوات:


1- Drop Shadow اللي هي اضافة او اسقاط ظل للصورة
ونكتفي بنقرة على المربع الصغير ..


2- Pattern Overlay وهي تعبئة النص او الشكل بالجليتر ..


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


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


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


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


وهذا هو الشكل اللي بنتوصل له ......


http://baby0dream.jeeran.com/j-10.jpg



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



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


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



طرق الانتقال للامج ردي هي:



الطريقة الأولى:
File > Jump To > Adobe ImageReady.


الطريقة الثانية:
Shft + Ctrl + M.


الطريقة الثالثة:
هو الانتقال للامج ردي عن طريق الرمز الموجود أسفل قائمة الأدوات.



ها وصلتون للاميج ردي ؟؟


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



اللي لازم انسويه الحين اننا نطلع الليرات الثلاثة اللي اشتغلنا عليها يعني لازم يكون عندنا ثلاث صور في الشريط ..


لاحظوا السهم الصغير اللي على يمين الشريط اضغطوا عليه بتطلع لكم قائمة اختاروا منها:


Make Frames From Layers


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


http://baby0dream.jeeran.com/j-12.jpg


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


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


والحين انسيف او نخزن اللي سويناه طبعاً انخزنه في الامج ردي ..


File > Save Optimized As


وبكذا نكوون انتهينا ..




تطبيقات الجليتر على الصور :



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



http://baby0dream.jeeran.com/dT-glitter9.gif


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


كل تعاملنا بيكون ويا الصور اللي بصيغة gif عشان كذا لما نشتغل على هذي
الصور في الفوتوشوب لازم انطبق الخطوة الاساسية وهي تغيير مود Mode الصورة:



الخطوات:



1- خزنت صورة البنت اللي بشتغل عليها عن طريق نقرة على اليمين على الصورة
واخترت Save Picture As


2- فتحت الصورة في الفوتوشوب (لاحظت ان بوكس الليرات عليه قفل)


3- رحت للقائمة الرئيسية عند Image >> Mode >> RGB Color



(( يعني انغير الـ Mode من Indexed Color إلى RGB Color ))



اختاروا الجليتر اللي يتناسب مع اللون الاصلي
ومثل ما اتشوفون فستان البنت وردي فاخترت هذا الجليتر ..


http://baby0dream.jeeran.com/64.gif http://baby0dream.jeeran.com/65.gif http://baby0dream.jeeran.com/66.gif


الحين بنغير مود الجليتر .. كل صورة روحها ..



الخطوات:



1- اخترنا الجليتر المناسب


2- فتحنا صور الجليتر في الفوتوشوب (وهني عندي 3 صور)


3- نغير مود Mode الصورة الاولى بنفس الطريقة اللي سويناها بالدرس مفصل الأول
Image >> Mode >> RGB Color


4- اروح للقائمة الرئيسية عند ..
Edit >> Define Pattern


5- بيطلع مربع ثاني عشان نختار الاسم وأنا اخترت ( Baby Dream) ..
اضغطوا Ok على طول ..


6- بعد ما نخلص من هذي الخطوات نقفل الجليتر الاول
ونكرر نفس العملية مع الجليتر الثاني والثالث ..



والآن نحدد الشكل بالجليتر :



باستخدام اداة التحديد Magic Wand Tool الموجوده في قائمة الادوات
على يسار الشاشة نحدد المناطق اللي نبغي نعبيها بالجليتر


&& وعشان نسهل هذي العمليه راح نغير من خصائص هالأداة شوي .. &&


لاحظوا وياي بمجرد ما نضغط عليها بيطلع لنا فوق شريط الخصائص الخاص بالاداة


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


اما الدائرة الحمرة الثانية فهي على كلمة Tolerance وبجنبها رقم
ها الرقم يحدد لنا الدرجات اللونية اللي بتحددها الاداة يعني انا هني اخترت رقم 20
معناته ان الاداة بتاخذ كل 20 % من اللون الوردي مع كل تحديد
وممكن انكم تزيدون و تنقصون في الرقم على حسب الحاجة ..


مثلاً لو اخترتو الرقم 20 ولاحظتوا ان التحديد صار على اماكن
انتوا ما تبون اتغيرون لونها اضغطوا على زر التراجع Edit >> Undo
وقللوا من النسبة في الشريط .. مثلاً خذوا 10% وتابعوا شغلكم ..


الحين روحوا لفستان البنت وحددوا المناطق اللي تبونها حسب الشرح طريقة السابق


لاحظوا التطبيق ..


http://baby0dream.jeeran.com/j-13.jpg



بعد ما انتهينا من هذي الخطوة نروح لـ قائمة Edit مرة ثانية بس ها المرة بنختار Fill


يعني Edit >> Fill


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


اختاروا الجليتر الاول من اليسار:


http://baby0dream.jeeran.com/j-14.jpg


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



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


لاحظوا ان كل الليرات او الطبقات اللي اشتغلنا عليها طلعت


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


وعشان نخزن الصورة ..
واحنا في الامج ردي نروح لقائمة File ونختار Save Optimized As


وكان الله غفورا رحيماااااا .....


جميع حقوق الدرس مفصل محفوظه لذا يرجى ذكر المصدر عند النقل


الصور المرفقة http://www.traidnt.net/vb/attachments/103689d1169571900-1.gif


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى