أحدث المشاركات
صفحة 1 من 4 1234 الأخيرةالأخيرة
النتائج 1 إلى 10 من 32

الموضوع: * درس صنع الـGlitters ( اللمعة المتحركة ) بالصور *

  1. #1
    الصورة الرمزية شهاب قلم نشيط
    تاريخ التسجيل : Dec 2006
    المشاركات : 498
    المواضيع : 33
    الردود : 498
    المعدل اليومي : 0.10

    افتراضي * درس صنع الـGlitters ( اللمعة المتحركة ) بالصور *


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

    في هذا الموضوع سنتعرف على طريقة صنع الجلييترات -Glitters- باستخدام برنامج الImageReady والPhotoShop..
    أرجو أن يروق لكم الموضوع.. وفي حال وجود أي استفسارات.. فأنا بالخدمة.

    ---

    الخطـــــــــوات:


    1- نحفظ صورة أحد الجلييترات على الجهاز.
    وهذه صورة لأحد الجليترات.. وفي نهاية الدرس تجدون ملفاً مضغوطاً يحوي مجموعة متنوعة من الجليترات.

    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

    2- نفتح صورة الجلييتر التي قمنا بحفظها في الخطوة السابقة باستخدام برنامج الإيميج ريدي.
    - سيظهر لنا في شريط الحركة 3 صور تمثل حركة الجليتر.. كما في الصورة التالية : -

    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

    3- ننتقل الآن من برنامج الإيميج ريدي إلى برنامج الفوتوشوب بالضغط على أداة الانتقال المحددة في الصورة التالية:

    ( أو باختيار الأمر Edit in Photo Shop من قائمة File )
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي


    4- في برنامج الفوتوشوب.. سيكون لدينا الآن 3 طبقات أو Layers كما في الصورة..
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
    - يمكن إظهار صندوق التعامل مع الليرات باختيار الأمر Layers من قائمة Windows -


    5- الآن سنقوم بتحويل كل لير إلى Pattern مع المحافظة على الترتيب.. أي نقوم أولاً بتحويل اللير الأول الذي يحمل رقم 1 ( الطبقى السفلى ) ثم الثاني فالثالث.. وذلك كالتالي:

    نختار اللير الأول.. ثم نضغط على قائمة Edit ونختار الأمر Define Pattern .. ونقوم بتغيير الاسم إلى رقم 1 ( حتى نتعرف على الترتيب الصحيح للطبقات فيما بعد ) ..
    ثم نختار اللير الثاني ونحوله إلى Pattern بنفس الطريقة ونعطيه الرقم2 ونكرر الخطوة مع اللير الثالث.



    6- الآن نجهز الشكل أو العبارة التي نريد أن نطبق عليها.. ويجب أن يكون الشكل أو العبارة في طبقة واحدة، ونحذف منها طبقة الخلفية البيضاء .. وفي مثالنا هذا سنستخدم عبارة ترحيبية كما في الصورة:
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي


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

    - * ملاحظة(1): لنسخ طبقة الشكل نضغط عليها بالزر الأيمن للفأرة ونختار الأمر Duplicate Layer .
    - * ملاحظة(2): لإنشاء لير أو طبقة جديدة نختار من قائمة Layer الأمر New ثم Layer.. أو بالضغط مباشرة على أداة إدراج الطبقات في صندوق الليرات.


    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي


    8- الآن نخفي جميع الطبقات ( بالضغط على شكل العين في المربع الصغير بجانب كل طبقة في صندوق الطبقات ) ونبقي على الطبقتين الأولى والثانية من الأعلى.. كما بالشكل:

    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي


    9- الآن نختار الطبقة الفارغة الظاهرة لدينا.. ثم من قائمة Edit نختار الأمر Fill ثم من القائمة نختار Pattern.. ونختار الPattern الأول الذي قمنا بصنعه.. كما في الصورة:

    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

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

    10- نحدد على اللير الذي قمنا بملئه بالـPatter .. ونضغط على الأزرار Ctrl+G من لوحة المفاتيح.. ستصبح الصورة بالشكل التالي:
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي


    11- الآن نقوم بدمج الطبقات بالضغط على السهم الموجود أعلى صندوق الطبقات واختيار الأمر Merge Visible.. ليصبح بعد الدمج كما في الصورة التالية:
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي


    12- نكرر الخطوات.. فنقوم أولاً بإخفاء الطبقتين الأوليين.. ونظهر الثالثة والرابعة ( بالضغط على شكل العين ).. ثم نقوم بتحديد اللير الفارغ .. ومن قائمة Edit نختار الأمر Fill ثم من القائمة نختار Pattern.. ونختار الشكل الثاني للـPattern الذي قمنا بصنعه ( يجب الانتباه جيداً وعدم تكرار الـPattern الذي اخترناه في المرة الأولى ).. ثم نضغط على Ctrl+G وندمج الطبقتين كما وضحنا من قبل..
    ونكرر الخطوات للمرة الأخيرة بالنسبة للطبقتين الأخيرتين ( ولاننسى إخفاء الطبقات الأخرى ) .

    13- بعد أن ننتهي من عمل الخطوات السابقة سيكون لدينا 3 ليرات للشكل.. كما في الصورة:
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي


    14- الآن نعود مجدداً إلى برنامج الإيميج ريدي (بنفس الطريقة التي انتقلنا بها من قبل إلى برنامج الفوتوشوب).. ومن صندوق الحركة Animation نضغط على السهم لتظهر لنا القائمة ونختار منها
    Make frames from layers .. كما في الصورة:
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي


    15- وأخيراً بقي أن نتأكد من الحركة بالضغط على زر التشغيل.. ثم نحفظ العمل بالضغط على قائمة File ونختار Save Optimized as .. ونحفظ العمل.
    وهذه هي النتيجة النهائية لمثالنا:
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي


    ---
    وصلنا إلى ختام الدرس.. أرجو أن يكون الشرح قد نال على رضاكم وفي حال وجود أي استفسارات فأنا بالخدمة..

    وأخيراً هذا رابط لملف مضغوط يحوي عشرات الجليترات المميزة التي يمكنكم استخدامها للتطبيق:
    لتحميل ملف الGlitters اضغط هنـــــــــــــــــا


    ---
    أطيب التحايا للجميع
    وفي أمان الله

  2. #2
  3. #3
    عضو غير مفعل
    تاريخ التسجيل : Sep 2007
    الدولة : فوق الأرض..وتحت السماء..وحيث اللحاف..النجوم!
    العمر : 28
    المشاركات : 2,044
    المواضيع : 86
    الردود : 2044
    المعدل اليومي : 0.45

    افتراضي

    وعليكم السلام والإكرام..
    شرحك ما شاء الله
    مفصل وممتاز ولا شك...
    أشكرك من صميم صميم قلبي..
    ولكن...
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
    ....(ما زبطت)!
    ثم لي سؤال لو سمحت...
    لم علينا أن نفتح الصورة في بداية العمل من الإيميج ريدي وليس من الفوتوشوب مباشرةً؟
    واحتراماتي

  4. #4
    عضو غير مفعل
    تاريخ التسجيل : Sep 2007
    الدولة : فوق الأرض..وتحت السماء..وحيث اللحاف..النجوم!
    العمر : 28
    المشاركات : 2,044
    المواضيع : 86
    الردود : 2044
    المعدل اليومي : 0.45

    افتراضي

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

  5. #5
    الصورة الرمزية شهاب قلم نشيط
    تاريخ التسجيل : Dec 2006
    المشاركات : 498
    المواضيع : 33
    الردود : 498
    المعدل اليومي : 0.10

    افتراضي

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

    أما سؤالك فهو جيد بحق..
    والإجابة عليه هي أن هذه الصورة ( صورة الجلييتر ) متحركة.. أي أنها في الحقيقة عبارة عن الظهور السريع لعدة صور متتالية.. ولذلك إذا قمنا بفتحها على الفوتوشوب - وهو لا يدعم الحركة - ستظهر لنا كأنها صورة واحدة.. أما عندما نفتحها على الإيميج ريدي ( الذي يدعم الحركة طبعاً ) ستظهر لنا جميع الصور المكونة للحركة..
    ويمكن تجربة ذلك مع جميع الصور المتحركة بصيغة Gif .. فهي تظهر في الفوتوشوب ثابتة.. وعلى الإيميج ريدي تظهر الحركة بالتفصيل.


    شاكر جداً محاولتك في التطبيـق
    وبالتوفيق في المرات القادمة

    أطيب التحايـــــــا

  6. #6
    عضو غير مفعل
    تاريخ التسجيل : Sep 2007
    الدولة : فوق الأرض..وتحت السماء..وحيث اللحاف..النجوم!
    العمر : 28
    المشاركات : 2,044
    المواضيع : 86
    الردود : 2044
    المعدل اليومي : 0.45

    افتراضي

    أستاذي الكريم المفضال شهاب...
    أشكركَ جزيل الشكر على سعة الصدر هذه
    حماكَ ربّي وجزاك الخير كله..
    وكما أسلفت
    فالمشكلة كانت أنه في الفوتوشوب قبل أن أنتقل للإيميج ريدي نسيت أن أعيد العين للصور، كي تظهر...
    (بعكشت...كعوايدي)..وزبطت والحمُد لله...
    وقد حفظتُ الطريقة عن ظهرِ غيب
    سهلة
    ممتعة
    مسلية
    رائعة
    ......
    ممتنة لك
    تقديري كلّه وجزاكَ ربي خيراً
    وننتظر مزيدك يا أستاذ
    وستجدنا إن شاء الله طلاباً مطيعين
    ولكن، وقبل أن أقول تصبح على خير، لي سؤال آخر لو سمحت...
    حين فتحت ملف الجليتيرات وفتحت صورة باستخدام الإيميج ريدي وجدت أن عدد الطبقات قد يختلف من صورة لأخرى، فتارة يكون 3 وتارة 4...والسؤال، عند نسخ الطبقات، هل نقوم بنسخها على حسب عدد الطبقات الأصلية لصورة الجليتر؟
    واحتراماتي

  7. #7
    الصورة الرمزية شهاب قلم نشيط
    تاريخ التسجيل : Dec 2006
    المشاركات : 498
    المواضيع : 33
    الردود : 498
    المعدل اليومي : 0.10

    افتراضي


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

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

    شاكر اهتمامك وحماسك الرائع
    وفقك الله وسدد خطاك دوما لكل خير

    أطيب التحايـــــــا

  8. #8
    عضو غير مفعل
    تاريخ التسجيل : Sep 2007
    الدولة : فوق الأرض..وتحت السماء..وحيث اللحاف..النجوم!
    العمر : 28
    المشاركات : 2,044
    المواضيع : 86
    الردود : 2044
    المعدل اليومي : 0.45

    Smile

    اقتباس المشاركة الأصلية كتبت بواسطة شهاب مشاهدة المشاركة

    بارك الله بك أختي ماجدة
    التطبيق الثاني كان جيداً جداً.. وربما كنصيحة - وهذا متروك لذائقتك طبعاً - عند تطبيق هذا الدرس يفضل استخدام الخطوط السميكة كي تظهر فيها الحركة واللمعة بشكل أفضل من الخطوط الرفيعة أو التي تحوي مساحات فارغة.
    بالنسبة لملاحظة على الجلييترات فهي رائعة..
    والجواب كما أجبتِ عنه في سؤالك.. فإذا كان لدينا جلييتر مكون من 4 صور سنسخ الشكل 3 مرات ( ليصبح لدينا 4 طبقات للشكل الذي سنطبق عليه ) وسندرج 4 طبقات جديدة فارغة .. ليصبح المجموع لدينا 8 طبقات.. وهكذا.
    شاكر اهتمامك وحماسك الرائع
    وفقك الله وسدد خطاك دوما لكل خير
    أطيب التحايـــــــا
    الشكر موصولٌ لك أستاذي
    على صبرك عليّ وعلى سعة صدرك
    وبالنسبة للخط...فسأطبق وأرى
    واحتراماتي ومودتي؛؛؛

  9. #9
    الصورة الرمزية مصطفى الجزار شاعر
    تاريخ التسجيل : Dec 2006
    الدولة : مصر.
    العمر : 42
    المشاركات : 3,077
    المواضيع : 149
    الردود : 3077
    المعدل اليومي : 0.64

    افتراضي

    أخي الحبيب/ شهاب

    [blink]دائماً أنا طمّاع..... كما تعرفني ![/blink]

    ولذا فأنا أطمع أن تتفضل وتصنع لنا بعض عبارات الترحيب الجميلة التي تكون خاصة بالواحة، لنرحب بها بالأعضاء الجدد وما إلى ذلك.

    الحق أن عبارات وأشكال الترحيب كثيرة في شبكة الإنترنت، ولكنها عامة ومتكررة في كل المواقع، وحبذا لو خصصنا لواحتنا الجميلة عبارات وأشكال تكون لها وحدها....... فما رأيك؟

    إن راقتك هذه الفكرة فأرجو أن تتحفنا ببعض التصميمات البسيطة التي ستقوم بها في وقت فراغك، فلا نريد أن نثقل عليك أيها الحبيب.

    [blink]محبتي لك وفرحتي بعودتك الميمونة يا شهاب الخير[/blink]

  10. #10
    الصورة الرمزية شهاب قلم نشيط
    تاريخ التسجيل : Dec 2006
    المشاركات : 498
    المواضيع : 33
    الردود : 498
    المعدل اليومي : 0.10

    افتراضي

    اقتباس المشاركة الأصلية كتبت بواسطة مصطفى الجزار مشاهدة المشاركة
    أخي الحبيب/ شهاب
    [blink]دائماً أنا طمّاع..... كما تعرفني ![/blink]
    ولذا فأنا أطمع أن تتفضل وتصنع لنا بعض عبارات الترحيب الجميلة التي تكون خاصة بالواحة، لنرحب بها بالأعضاء الجدد وما إلى ذلك.
    الحق أن عبارات وأشكال الترحيب كثيرة في شبكة الإنترنت، ولكنها عامة ومتكررة في كل المواقع، وحبذا لو خصصنا لواحتنا الجميلة عبارات وأشكال تكون لها وحدها....... فما رأيك؟
    إن راقتك هذه الفكرة فأرجو أن تتحفنا ببعض التصميمات البسيطة التي ستقوم بها في وقت فراغك، فلا نريد أن نثقل عليك أيها الحبيب.
    [blink]محبتي لك وفرحتي بعودتك الميمونة يا شهاب الخير[/blink]
    بل دائماً أنت صاحب الأفكار النيرة والخيرة ..
    سأعمل على تنفيذ فكرتك الرائعة تدريجياً .. وبعد أن تكتمل لدي مجموعة جيدة سأضعها في موضوعك الخاص بالصور الترحيبية والمتحركة..

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

    أطيب التحايــــــــا

صفحة 1 من 4 1234 الأخيرةالأخيرة

المواضيع المتشابهه

  1. القاعدة الثابتة و القاعدة المتحركة
    بواسطة سعد عطية الساعدي في المنتدى التَّفكِيرُ والفَلسَفةُ
    مشاركات: 0
    آخر مشاركة: 24-05-2017, 12:12 AM
  2. الصور المتحركة فى الإسلام
    بواسطة رضا البطاوى في المنتدى الحِوَارُ الإِسْلامِي
    مشاركات: 0
    آخر مشاركة: 17-02-2015, 01:38 PM
  3. [ كيفية صنع الأشكال والنصوص المتحركة ]
    بواسطة شهاب في المنتدى فُنُونٌ وَتَّصَامِيمُ
    مشاركات: 19
    آخر مشاركة: 17-09-2008, 04:13 AM
  4. العرب والرسوم المتحركة, الى متى يظل الرهان مفلسا
    بواسطة عزيز باكوش في المنتدى الإِعْلامُ والتَّعلِيمُ
    مشاركات: 10
    آخر مشاركة: 26-07-2008, 10:05 AM