منتديات الجنة

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

منتديات الجنة منتدى عراقي يهتم بالطلبة العراقيين والشباب العراقي ... منوع اجتماعي خدمي


+3
ابن كركوك
zaied
bahar iraq
7 مشترك

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

    bahar iraq
    bahar iraq
    مشرف منتدى النكت


    الجنس : ذكر
    الانتساب الانتساب : 07/07/2009
    المساهمات المساهمات : 120
    نقاط التميز نقاط التميز : 158
    تقيم المستوى تقيم المستوى : 2

    دورة تصميم الواجهات .. الحلقة الثانية .. تركيب الصور و دمجها مع الواجهة Empty دورة تصميم الواجهات .. الحلقة الثانية .. تركيب الصور و دمجها مع الواجهة

    مُساهمة من طرف bahar iraq 2009-07-15, 6:09 pm

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

    بعد أن انتهينا و لله الحمد من تصيميم هيكل الواجهة و إضافة تأثيرات و أشكال جميلة عليها و زخرفتها نأتي الآن إلى إضافة صور للواجهة

    و إضافة تأثيرات كذلك و يمكنك مراجعة قسم دروس التصميم لمعرفة كيفية إضافة التأثيرات و التعامل مع الصور :

    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

    و الآن نبدأ باسم الله :

    افتح الواجهة اللي سويناها و هي ملف PSD ... الآن يمكن تلاقي منطقة العمل صغيرة و لازم تصمم و هي على دقتها الأخيرة يعني 100% عشان ما يطلع التصميم مشوه و إنت بتصمم على الصغيرة و بعدين تكبرها يعني من القوائم في الأعلى اختر Window بعدين Navigator و راح تطلع لك منطقة بكون مكتوب فيها 50% أو أي رقم كان و إنت أكتب بدلا منه 100 و اضغط Enter .. الآن قم بإنشاء طبقة (لير)
    جديدة و خليها في منطقة الليرات بعد طبقة الخلفية يعني آخر شي تحت و بتكون
    الثانية من تحت و الكل عارف كيف ينشئ طبقة (ياشيخ قلنا كيف و اسكت دورة تصميم الواجهات .. الحلقة الثانية .. تركيب الصور و دمجها مع الواجهة Bleh) Ctrl + Shift + N ... و بعد كل هذا نختار لون على حسب لون واجهتنا و يكون غامق شوي و بعدها نختار أداة الفرشاة و من هذا الدرس تستطيع رؤية جميع الأدوات و طريقة استخدامها و بعض مهام و أوامر الفوتوشوب :

    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

    دورة تصميم الواجهات .. الحلقة الثانية .. تركيب الصور و دمجها مع الواجهة 01

    و تستطيع استخدام أداة التحديد و رسم مستطيل في الأعلى على المكان الفارغ
    كاملا و من ثم تعبئته باللون و هذه الطريقة أسرع طبعا و لكن حبيت أبسط لكم
    لمعرفة طرق أخرى .. الآن و بعد التلوين نقوم بفتح الصور التي نريدها في
    البانر و إضافة التأثيرات عليها و مثل ما قلتلكم عندكم دروس التأثيرات و
    درس الأوامر و التعرف على الأدوات أرجو منكم جميعا مراجعتها جيدا .. بعد
    إضافة التأثيرات على الصورة الأولى مثلا و الضغط على Ctrl + Shift + E
    نقوم بسحبها إلى منطقة العمل في الواجهة و أهم شي تكون فوق طبقة التلوين
    اللي أنشأناها قبل قليل يعني تكون الثالثة من تحت في منطقة الطبقات و من
    ثم نختار الـ Mode لطبقة هذه الصورة Luminosity من منطقة الطبقات كما في الصورة :

    دورة تصميم الواجهات .. الحلقة الثانية .. تركيب الصور و دمجها مع الواجهة 02

    الآن إذا كانت الصورة كبيرة و شفناها في جميع أنحاء الواجهة إما أن نقوم
    بقص الزوائد بواسطة أداة التحديد يعني نحدد على المكان الزائد بعد
    المستطيلان يعني بعد البانر و نقوم بالضغط على زر Delete أو أن نقوم بالضغط على Ctrl + T لتصغير الصورة و جعلها في الاعلى فقط في البانر و من ثم نختار علامة الصح فوق على اليمين في الأعلى كما في الصورة :

    دورة تصميم الواجهات .. الحلقة الثانية .. تركيب الصور و دمجها مع الواجهة 03

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

    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

    دورة تصميم الواجهات .. الحلقة الثانية .. تركيب الصور و دمجها مع الواجهة 04

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

    دورة تصميم الواجهات .. الحلقة الثانية .. تركيب الصور و دمجها مع الواجهة 05

    الآن اللي علينا إنه نكتب كلمة مثلا و تكون بشكل جميل و لدينا كثير من
    الدروس في قسم الدروس للتعامل مع الكتابة بأشكال مختلفة و متناسقة جميلة
    .. الآن نقوم بكتابة اسم موقعنا على البانر مثلا Allulu4Design و بيطلع معنا هذا الشكل :

    دورة تصميم الواجهات .. الحلقة الثانية .. تركيب الصور و دمجها مع الواجهة 06

    و من ثم نكتب على الزخارف و الأشكال اللي سويناها اللي يعجبنا و من ثم
    بطلع معنا إن شاء الله هذا الشكل النهائي (تستطيع إضافة بعض الأشكال Shapes على التصميم) :

    دورة تصميم الواجهات .. الحلقة الثانية .. تركيب الصور و دمجها مع الواجهة 07

    الآن نقوم بتخزين الواجهة بصيغة JPG و من هنا توجد طريقة التخزين و نرجو من الجميع مراجعة الدروس في قسم الدروس التعليمية :

    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

    إن شاء الله تكون هذه الحلقة بسيطة لأنه فقط علينا دمج الصور و كتابة بعض
    الكلام اللي يعجبنا و نراكم في الحلقة القادمة ... شكرا لكم و السلام
    عليكم .. AhMeD دورة تصميم الواجهات .. الحلقة الثانية .. تركيب الصور و دمجها مع الواجهة Icon31
    bahar iraq
    bahar iraq
    مشرف منتدى النكت


    الجنس : ذكر
    الانتساب الانتساب : 07/07/2009
    المساهمات المساهمات : 120
    نقاط التميز نقاط التميز : 158
    تقيم المستوى تقيم المستوى : 2

    دورة تصميم الواجهات .. الحلقة الثانية .. تركيب الصور و دمجها مع الواجهة Empty رد: دورة تصميم الواجهات .. الحلقة الثانية .. تركيب الصور و دمجها مع الواجهة

    مُساهمة من طرف bahar iraq 2009-07-15, 6:10 pm

    تحياتي
    zaied
    zaied
    نائب المدير العام
    نائب المدير العام


    الجنس : ذكر
    الانتساب الانتساب : 23/06/2009
    العمر العمر : 27
    المساهمات المساهمات : 4230
    نقاط التميز نقاط التميز : 6429
    تقيم المستوى تقيم المستوى : 4

    دورة تصميم الواجهات .. الحلقة الثانية .. تركيب الصور و دمجها مع الواجهة Empty رد: دورة تصميم الواجهات .. الحلقة الثانية .. تركيب الصور و دمجها مع الواجهة

    مُساهمة من طرف zaied 2009-09-02, 6:35 pm

    مشكورررر
    كاتب هذه المساهمة مطرود حالياً من المنتدى - معاينة المساهمة
    AlJna
    AlJna
    نائب المدير العام
    نائب المدير العام


    الجنس : ذكر
    الانتساب الانتساب : 19/06/2009
    العمر العمر : 29
    المساهمات المساهمات : 14331
    نقاط التميز نقاط التميز : 31718
    تقيم المستوى تقيم المستوى : 99

    دورة تصميم الواجهات .. الحلقة الثانية .. تركيب الصور و دمجها مع الواجهة Empty رد: دورة تصميم الواجهات .. الحلقة الثانية .. تركيب الصور و دمجها مع الواجهة

    مُساهمة من طرف AlJna 2010-04-22, 1:18 am

    شكراااااا
    سلومي
    سلومي
    .::عضو محترف::.
    .::عضو محترف::.


    الجنس : ذكر
    الانتساب الانتساب : 05/02/2010
    العمر العمر : 26
    المساهمات المساهمات : 711
    نقاط التميز نقاط التميز : 852
    تقيم المستوى تقيم المستوى : 2

    دورة تصميم الواجهات .. الحلقة الثانية .. تركيب الصور و دمجها مع الواجهة Empty رد: دورة تصميم الواجهات .. الحلقة الثانية .. تركيب الصور و دمجها مع الواجهة

    مُساهمة من طرف سلومي 2010-05-06, 4:23 am

    مشكوررررررررررررر
    الدعم الفني(خاص)
    الدعم الفني(خاص)
    الرقابة العامة


    الجنس : ذكر
    الانتساب الانتساب : 22/10/2009
    العمر العمر : 34
    المساهمات المساهمات : 3358
    نقاط التميز نقاط التميز : 4527
    تقيم المستوى تقيم المستوى : 15

    دورة تصميم الواجهات .. الحلقة الثانية .. تركيب الصور و دمجها مع الواجهة Empty رد: دورة تصميم الواجهات .. الحلقة الثانية .. تركيب الصور و دمجها مع الواجهة

    مُساهمة من طرف الدعم الفني(خاص) 2010-07-29, 6:54 am

    شكراا على الموضوع
    allkany
    allkany
    .::عضو متألق::.
    .::عضو متألق::.


    الجنس : ذكر
    الانتساب الانتساب : 13/07/2010
    العمر العمر : 33
    المساهمات المساهمات : 1559
    نقاط التميز نقاط التميز : 1595
    تقيم المستوى تقيم المستوى : 5

    دورة تصميم الواجهات .. الحلقة الثانية .. تركيب الصور و دمجها مع الواجهة Empty رد: دورة تصميم الواجهات .. الحلقة الثانية .. تركيب الصور و دمجها مع الواجهة

    مُساهمة من طرف allkany 2010-08-28, 3:07 am

    موضوع رائع
    تقبل تحياتى
    مع خالص الشكر

      الوقت/التاريخ الآن هو 2024-04-19, 12:59 pm