:: درس عمل اللجليتر :: خطوه بخطوه ::

[ShahRukh_Khan]

السلام عليكم ورحمة الله وبركاته..

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

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

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

http://www.geocities.com/smhart33/glitterfront

:: الموقع الاول :: (http://www.wtv-zone.com/aylana/bringontheglitter/bringontheglitter-1.html)

:: الموقع الثاني :: (http://members.tripod.com/~osodeoro/Sparklies/Sparkelies.html)

:: الموقع الثالث :: (http://www.wtv-zone.com/aylana/bringontheglitter/bringonthehearts/bringonthehearts.html)

:: الموقع الرابع :: (http://www.geocities.com/smhart33/GLITTERS.html)

::: درس اللجليتر :::

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

الخطوة الاولى: تعريف الجليتر ::

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

الحين نفتح برنامج الاميج ريدي >> http://shahrkh.jeeran.com/Snap5.gif وتفتحون صورة اللجليتر اللي خزنتوها عندكم من خلال ..

File >> Open وتختارون اللجليتر المطلوب..بعدين فتح (Open )

وانا اخترت هاللجليتر عشان اطبق عليه الدرس.. ولما تختارون اللجليتر المطلوب يضهر بهذا الشكل

http://shahrkh.jeeran.com/Snap28.jpg

لا حظوا كيف تم تفكيك اللجليتر الى 3 شرائح او ليرات..

http://shahrkh.jeeran.com/Snap45.jpg

والخطوه التاليه هي عليك الانتقال الى الفوتوشوب ..وهي لها ثلاث طرق .. وهي كالتالي::

الطريقة الأولى: File > Jump To > Adobe Photoshop
الطريقة الثانية: Shft + Ctrl + M
الطريقة الثالثة: هو الانتقال للفوتوشوب عن طريق الرمز الموجود أسفل قائمة الأدوات مثل ما هو موضح في الصورة
http://shahrkh.jeeran.com/15s.jpg

اللحين بعد ما انتقلنا للفوتوشوب راح تلاحظون انه اللجليتر اصبح على 3 شرائح كما هو ضلهر في الصوره

http://shahrkh.jeeran.com/Sjnap5.jpg

وماهو مطلووب منكم الان هو تعريفه وتخزينه كتعبئه في الفوتوشوب والطريقه بغاية السهووله والتسلسل مطلووب هنا..
والطريقه كالتالي ::
نذهب لـ Edit >> Define Pattern كما في الصووره..

http://shahrkh.jeeran.com/gfj.jpg

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

http://shahrkh.jeeran.com/Sknap6.jpg

ممكن سؤال يدور في خاطركم ،، العملية اللي سويناها ،، وين ودت الجليتر ،، وراح تعرفوون جوابه بالخطوه التاليه :))

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

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

لاحظوا معاي
http://shahrkh.jeeran.com/1s.jpg

2- باستخدام أداة النص http://www.jewelsuae.com/psd/Basik/T.gif نكتب النص المطلوب ،، وهني انا كتبت اسم العضوه ارام..

http://shahrkh.jeeran.com/3s.jpg

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

واللحين اللي يسأل عن كيفية اضافة الفرش او الاشكال في بعضهم يقول انها ما تطلع او لايجوز الكتابه على الكلمه والطريقه هي كما موضح في الصوره رقم 1 واهي اضافة شريحه او لاير جديد وكتابة او رسم بالفرش الاشكال المراده ومن ثم دمج الشريحتين عن طريق Merge Visible كما هو موضح في الصوره رقم 2 وبعدها يتم الدمج لتصبح شريحه واحده كما في الصوره رقم 3..

http://shahrkh.jeeran.com/4s.jpg

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

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

http://shahrkh.jeeran.com/5s.jpg

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


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

لاحظوا الصوره :
http://shahrkh.jeeran.com/7s.jpg

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

1. Drop Shadow
2.Pattern Overlay
3.Stroke

لاحظوا أماكنها في الصورة:
http://shahrkh.jeeran.com/6s.jpg

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

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

لاحظوا الصووره:
http://www.jewelsuae.com/psd/allDoroos/Doroos/d0Glitter/d0Glitter11.gif

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

http://shahrkh.jeeran.com/8s.jpg


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

لاحظوا الصوره:
http://shahrkh.jeeran.com/9s.jpg

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

خلصتوا من هالخطوة ؟ واخيراً خخخخخخخخخخ اضغطوا على Ok

http://shahrkh.jeeran.com/10s.jpg

شوفوا التغيير العجييب اللي صار على النص

http://shahrkh.jeeran.com/11s.jpg

شرايكم حلوو مو خخخخخخخخخخ

...... يتبع ..

[ShahRukh_Khan]

يلا نكمل ..

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

لاحظوا الصوره :
http://shahrkh.jeeran.com/13s.jpg

** الحين نعيد نفس الخطوات اللي سويناها في الخطوة الثانية ... يعني مرة ثانية << نقرة على اليمين على اللير الثاني ونختار Blending Options ..

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

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

http://shahrkh.jeeran.com/14s.jpg

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

انطبق هاي الخطوات حرفياً وعقب نضغط Ok

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

تابعوا معاي الخطوة الثالثة والأخيرة :)))

الخطوة الثالثة: تحريك الجليتر

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


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

الحين بننتقل ..

بس لحظة..؟؟!!!

ما تلاحظون أن الكلمة ضايعة في البراوز؟

http://shahrkh.jeeran.com/11s.jpg

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

http://www.jewelsuae.com/psd/Basik/crop.gif

نحدد مجال النص ،، يعني خذوا مساحات بسيطة من حدود النص

لاحظوا الصوره:
http://shahrkh.jeeran.com/12s.jpg

وبعدين نقرتين على الصورة بشكل سريع ،، أو نضغط على Enter من لوحة المفاتيح وتتم العمليع :))..

هالعملية انسويها مرة وحدة بس .. والتعديل بيشمل كل الليرات اللي عندنا .. الحين اقدر اقول ان احنا بننتقل للامج ردي واحنا مرتاحين :))

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

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

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

شوفوا الصورة:
http://shahrkh.jeeran.com/16s.jpg

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

لاحظوا معاي:
http://shahrkh.jeeran.com/17s.jpg

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

خلصنا الشغل :)

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

File > Save Optimized As
http://shahrkh.jeeran.com/18s.jpg

شوفوا معاي النتيجه :: :))

http://shahrkh.jeeran.com/aram1.gif

وهذي امثله اخرى سويتها بنفس الخطوات السابقه :)

http://shahrkh.jeeran.com/aram.gif

http://shahrkh.jeeran.com/srk2.gif

وسلامتكم ..

اتمنى يكون الدرس واضح وسهل عليكم ومفهوم..

تحياتي لكم

جاو جاو

[روزيتـــSRKـــا]

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

واخيرا راح اعرف الطريقه

[بريتي]

يعطيييييييييييييييييييييي يييييك الف الف عاااااااااااااااااااافيه
وعساااااااك على القووه دوووووووووووم

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

مشكور

[مـايــا]

واااااااااااااااااااااااا اااااااااااو

روووووووووووووووووووووعه ماشالله علييييييك

جد شرح وافي اخس يامدرس المستقبل ههههههههههههههه

وبحاول اسويه بس شكله صعب >>>>>> عجازه هههههههههههههههه


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

[ارام]

يااااااااااااي ايش هالحلاوه يسلمووووو وانا اقول ايش هالموضوع اتري اسمي فيه

يسلمووووووو عزيزي على الاسم

[عاشق بوليوود]

مشكوور وماقصرت على هالشرح الحلوو وانا كنت ادور على هالشرح وكان ودي اطبقه

يعطيك العافيه شاروخ

[ShahRukh_Khan]

مروورج الاروع روزيتا واتمنى اكون شرحت عدل

بريتي تسلمين على مروورج ويلا ورينا ابداعاتج

سونيا اعجبج انا خووش مدرس تبيني ادرسج ؟ هههههههههه تسلمين على مروورج الحلوو

هلا ارام تسلمين واتمنى يكون اعجبج الاسم

عاشق بوليوود العفوو واتمنى الكل يستفيد حيااك

جاو جاو

[جلانار]

يسلمووووووووووووووووووووو ووووووووووووووووووووووووو وووو

[*باروو**]

اللـــــــــــــــــــــه .......

علىالجهد المميييييييييز........

رووووووووووووعه ........الدرس.........وانشالله استفيد منه......فتحت نفسي والله.............خخخخخ

بجد بجد بجد..........موووضوع .....ولا احلى ........

تسلم يااااااااااااااقلبي.........و� �لله ....

والاحلى طلتك.................

[السوووس]

روووووووووووعه ياقلبي000

يعطيك العافيه000

ويسلموووووووووووووووووووو


لازم اطبقه0000

[روزيتـــSRKـــا]

وااااااااااااااااااو نجحت

شو رائيكم لسى في البدااااااااااايه

http://www.bollywoodworld.net/Registered/up/ssrk.gif

[مـايــا]

واااااااااااااو رووووووووووووووووعه ياروزيتااااااا

ماشالله عليك عن جد جناااااااااااان

[ShahRukh_Khan]

روزيتا بدايه رااائعه بجد ابدعتي وننتظر مزيييد من ابداعاتج

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

جاو جاو

[مجدولين]

واااااااو ماشاءالله ابداع


يسلموووووووا السوبرمااااااان على شرحك الوافي


والله يعطيك العافيه

[AISHWARYA RAI]

تسلممممممم و يعطييييييك الف عاااااااااااافيه

[الاسطورة شارووو]

ياسلام عليك يافنان

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

[ShahRukh_Khan]

مجدولين اشوريا والاسطووره مشكوورين على مرووركم الكريم

تحياتي لكم

جاو جاو

[شجون]

تسلم شاروخ خان

اعجز عن شكرك

على الدرس والشرح الكافي

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

بعض الصور مافتحت

وانتظر متى يتكرم علينا جيران ويفتحها

وارجع اقول لك

الف شكر لك

يامبدعنا

[السوووس]

هااااايااات ياورد0000


وييييييييين اسمي الي طلبتك0000من زماااااااااان00000



انتظرررررك0000؟

[ShahRukh_Khan]

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

السووس ان شاء لله بسوي الاسم ومشكوره عالمرور

جاو جاو

[نادين]

يعطيك الف الف عااافيه

[ShahRukh_Khan]

الله يعافيج نادين شكرا عالمروور

جاو جاو

[السوووس]

يووووووووووووووووو0000


شكللك رااااعي طووووويله00000



تجيب اسمي ولااااااااااااا0000


اعرف شغللك00000



بسررررعه لاتطووووول00000


وعلى فكره00000







سمعت الكلاااام الزييين ولا لا0000



اجل اسمع00000












77
777
7
7
7
7
7
7
7
7
7
7
7
7
7
7
7
7
7
7




كل عام وانتا بخييييييير0000


ترا انا الي خفتتتت من التهدييييد0000




باي0000

[ShahRukh_Khan]

وانتي بخير ..

وعمى يعمييي عدويييينج قوليي اميييييييين(28)

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

اوكي بسوي بس ترى نسيت باي لوون << بتاكله بقشوره اللحين خخخخخخ

جاو جاو

[السوووس]

طبعااااااااااا لوووووني المفضل0000


شنووووووووو غيييير الاحمررررررررررررر0000

وابي الثاااني با الفضي0000


ادري طراااره واتشررررررط0000


يسلمووووو ياقلبي0000

[ShahRukh_Khan]

اوكي عسى ما انسى خخخخخ

[فـتوتي]

استاذي الفاضل

اشكرك من كل قلبي

لقد بدات بتعليم الجليتر منذ ان نزلت الموضوع

والان تعلمت خخخخخخخخخخخخ

وحلفت ما ارد الا لما اتعلمه

وهذا تطبيقي


http://www.bollywoodworld.net/vb/uploaded/فتوو وبس والباقي خس.gif

ما رايك بالتطبيق

[فـتوتي]

ما هذا الهراء اين التطبيق

http://www.alfrasha.com/up/862939931746553418.gif

[ShahRukh_Khan]

^
^
برااااافوو عليــــج يا فنااانه حلوو واااايد ..ورينا الابداع يالله يالمبدعه:wink:

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

جاو جاو

[Enrique]

السلام عليكم ورحمة الله وبركاته ....................^_^


مشكووووووور اخوي على الشرح الرائع .......... وان شاء الله اطبقه ...........^_^

[ShahRukh_Khan]

تسلم اخوي عالمروور وانتظر تطبيقاتك عليه ^_*

جاو جاو

[الاسطورة شارووو]

تم النقل الى ورشة المنتدى ( ملحقات التصميم )

[ShahRukh_Khan]

محمد طاح منك سكروب شيله :biggrin: ما تلام حايس بهالورشه لحالك:tongue:

يعطيك العافيه رفيق مال انا