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

[Chakira]

http://www.dzbatna.com/images/icons/smile.gif ط¯ظˆط±ط© طھطµظ…ظٹظ… ط§ظ„ظˆط§ط¬ظ‡ط§طھ .. ط§ظ„ط*ظ„ظ‚ط© ط§ظ„ط«ط§ظ†ظٹط© .. طھط±ظƒظٹط¨ ط§ظ„طµظˆط± ظˆ ط¯ظ…ط¬ظ‡ط§ ظ…ط¹ ط§ظ„ظˆط§ط¬ظ‡ط© (http://www.dzbatna.com/t1046361/)




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


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


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


http://www.dzbatna.com/f4/


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


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


بعض الأوامر الهامة و التعرف على الأدوات .. طريقك للإبحار في عالم الفوتوشوب (http://www.dzbatna.com/t1046299/)


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



http://upload.dzbatna.net/upfiles/L8372366.gif



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



http://upload.dzbatna.net/upfiles/5Ds72451.gif



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



http://upload.dzbatna.net/upfiles/eII72519.gif



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


دمج الصور باحتراف (http://www.dzbatna.com/t1049735/)


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



http://upload.dzbatna.net/upfiles/eFf72593.gif



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



http://upload.dzbatna.net/upfiles/AsM72665.gif



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



http://upload.dzbatna.net/upfiles/rgN72719.gif



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



http://upload.dzbatna.net/upfiles/LU872775.gif



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


بعض الأوامر الهامة و التعرف على الأدوات .. طريقك للإبحار في عالم الفوتوشوب (http://www.dzbatna.com/t1046299/)





إن شاء الله تكون هذه الحلقة بسيطة لأنه فقط علينا دمج الصور و كتابة بعض الكلام اللي يعجبنا و نراكم في الحلقة القادمة ... شكرا لكم و السلام عليكم .. AhMeD http://www.dzbatna.com/images/smilies/icon31.gif







ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)

الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif Stars Brush.zip (http://www.traidnt.net/vb/attachments/319536d1227555544-stars-brush.zip) (258.2 كيلوبايت, عدد مرات المشاهدة 1848 مرة)


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