سنتعامل هنا مع العديد من أدوات الفوتوشوب لعمل أيقونة رادار مفصّل وشبه حقيقي. سنقوم بعمل الأيقونة بالعديد من الطبقات layers وبمساعدة التدرجات، الفرش، وتأثيرات نمط الطبقة layer style. سيكون الشكل النهائي للأيقونة رائعًا وسيكون بإمكانك استخدامها كأيقونة لتطبيق ماك أو تطبيق آيفون خاصّ بك. الأيقونة عبا…
في هذا الدّرس سنتعلّم طريقة رسم طاولة Ping Pong، بالإضافة إلى رسم المضرب والكرة باستخدام برنامج أدوبي إليستريتور، حيث سنقوم باستخدام كلاً من: أداة المستطيل، أداة Pen Tool، التدرّج اللوني Gradients، أداة Pathfinder لرسم الأشكال الرئيسية، خاصية distort، وكذلك بعض التأثيرات. فتح ملف جديد 1. نقوم بتشغي…
هل قمت مسبقًا بتعبئة نموذج ما على الويب وطُلب منك إدخال نفس البيانات مرّتين؟ هذا ما يسمى بالإدخال المزدوج (double entry) يدعى أيضًا "إعادة الإدخال" (re-entry) أو "التأكيد" (confirm) ، ومن المؤكَّد أنّك قد صادفت هذا الشيء في العديد من المواقع المشهورة مثل Google (يتم طلب إدخال كلمة المرور مرّتين) و …
يبدو أن الأسئلة المتعلقة بالمحاذاة تظهر بانتظام. ولكن لسوء الحظ، فحتى مع وجود أبحاث معتبرة تقدم رؤية واضحة فيما يتعلق بالمشكلة، فإن معظم نتائج النقاشات التي تدور حولها تكون مبنية على تفضيلات وتكهنات شخصية. في هذا المقال، سنقدم لكم ملخص الأبحاث لإعطائكم توصيات محددة وسهلة الاستعمال لهذا الجانب المهم…
كان سيكون من الرائع لو أن المصمّم هو من يصمّم والمطوّر هو من يطوّر/يبرمج، لكن للأسف هذا ليس الحال، بل سيتبادل المصمم والمطوّر الأدوار بين الحين والآخر، وما لفت نظري هو وجود العديد من الدروس والمقالات الّتي تشرح للمصمم كيف يطوّر ولكن القليل منها يشرح للمطوّر كيف يُصمّم، ومن هذا المنطلق فكرت في مشاركة…
في هذا الدّرس سنستخدم برنامج Adobe illustrator لتصميم رف به مجموعة من الكتب، حيث تستطيع استخدام هذا التصميم ضمن Infographic أو أي تصميم أخر تريده، يكون له علاقة بالقراءة والكتب. سيتكوّن تصميمُنا من جزئين رئيسيين : رف الكتب مع انعكاسه (ظله). الكتب. ستكون هذه النتيجة النهائية للدرس بعد تتبع جميع خ…
تخيّل السيناريو التّالي: بعد أن قمت بالعمل جاهدًا على تحسين الإنشاء (copy) الخاص بصفحة الهبوط، أصبحت صفحةً مقنعة وموجزة، وتخطف الأنفاس وتأسر القلوب، وتهدف إلى التركيز على الزائر قبل كل شيء. قمت بإطلاق الصفحة، بدأ تدفّق الزوّار من الحملة، وبدأت في رؤية ثمرة مجهودك الطيب. يمر يومٌ أو يومان، تتفحّص …
سنتعلم في هذا الدرس كيفية تصحيح ألوان الصور الفوتوغرافية مع إضافة تأثير عالي الدقة HD عليها باستخدام برنامج Photomatix وهو برنامج مخصص للمصورين ويمتاز بإضافة تأثيرات اكثر من رائعة على الصور، بالإضافة إلى برنامج فوتوشوب. الصور التالية تشرح الفرق (على اليمين هو الصورة بعد معالجتها وعلى اليسار الصورة ا…
إن الهدف من إعداد وتجهيز المخططات الهيكلية (Wireframes) لمواقع الإنترنت هو حلّ مشاكل التصميم المُرتبطة بتخطيط وتصميم الصّفحة، وترتيب عناصرها، وذلك عبر ابتداع تصوّر للموقع قبل تطويره، وذلك باستخدام جملة من المُمارسات والمبادئ. إن تطبيق مبادئ جشطلت (Gestalt) على العناصر، سيُساعد على تحضير الأفكار بس…
توجد الكثير من الطُرق لتغيير لون الأعيُن عن طريق برنامج الفوتوشوب ومنها ما سنراه في هذا الدرس. سنقوم في هذا الدرس بتغيير لون عين طفل من الأزرق إلى الأخضر وهذه هي النتيجة النهائية بعد تتبع جميع الخطوات: نجلب الصورة التالية إلى المشروع:   نبدأ بفتح الصورة السابقة كما هو موضح بالصورة التالية عن طريق ا…
سنتمكن في هذا الدرس من تصميم منظر ظلامي قاتم  به ما يسمى بالموتى الأحياء zombies، وشخص وحيد ذالك الظلام، بالاعتماد على مجموعة من الصور والفرش وكذا تقنيات على برنامج فوتوشوب بغض النظر عن مضمون الصورة. هذه هي النتيجة النهائية لدرس اليوم : قبل البدء أدعوكم لتحميل الملفات المرفقة لهذا الدرس. افتح مشروع…
سنقوم في هذا الدرس بتصميم يعتمد على دمج وجه طفل -ويمكنكم استعمال صورة أي شخص- وصورة شجرة وهي تقنية التصوير الفوتوغرافي الذي يجمع بين صورتين مختلفتين في صورة واحدة وهي تقنية أصبحت جد مستعملة في الآونة الأخيرة، وباستعمال محرر الصور فوتوشوب. وهذه هي النتيجة النهائية لدرس اليوم: قبل البدء أدعوكم لتحميل…
سنتعلم في هذا الدرس كيفية تصميم تنين ينفث النار باستخدام مجموعة من الصور والتأثيرات باستخدام برنامج فوتوشوب، حيث بإمكانك تصور اي منظر يخطر على البال وتركيب مجموعة من الصور لتحصلوا على لوحة رائعة متناسقة الألوان، أتمنى أن يعجبكم الدرس . هذه هي الصورة التي سنحصل عليها في نهاية الدرس: قبل البدء أدعوكم…
سنتعلم من خلال هذا الدرس كيفية تصميم أيقونات المواقع الاجتماعية مثل فيس بوك، تويتر وجوجل بلس، وبهذه الكيفية يمكنك محاكاة أي أيقونة ولما لا تصميم أيقونة خاصة بموقعكم. وهذه هي النتيجة النهائية لهذا الدًرس بعد تتبع جميع خطواته: افتح مشروعا جديدا على Photoshop بالإعدادات التالية: الدقة: 800x600pixels…
هل بدأت رحلتك في التصميم مؤخرَا؟ تشعر بالتخبط وبتدني المستوى، وتتمتع بمستوى من التصاميم أقل ما يوصف بالبشاعة؟! لا تقلق هذا طبيعي للغاية فأنت في مرحلة الاكتشاف وبداية تعلم مهارة جديدة، ولكن لأساعدك على تخطي تلك المرحلة في أسرع وقت وبأقل قدر ممكن من الأخطاء، تعرف على بعض الأخطاء التي يقع بها الكثير م…
واحدة فقط من تطبيقات الطّقس هذه تسعى لحلّ المشكلة الحقيقيّة: أمورٌ متباينة تقع وسط مجتمع التصميم. لدينا من جهةٍ كتاباتٌ بديعة من أمثال راين سينقر وجولي شو، تدفع بحرفتنا قُدُمًا. ولدينا من الجهة المقابلة عدد متزايد ممّن يضعون أعمالهم ويتناقشونها على Dribbble، ما مُجمل حصيلته الدفع بحرفتنا …
سنتعلم في هذا الدرس كيفية تصميم منظر قرش وحشي يهاجم غواصًا تحت ماء البحر، النتيجة لا يكاد اكتشاف أنها مصممة ببرنامج فوتوشوب فهي تبدو قريبة من الحقيقة، حيث سنتعلم من خلال هذا الدرس كيف يمكننا وضع مختلف الصور تحت ماء البحر وإضفاء بعض المؤثرات ليبدو الأمر حقيقيا، أتمنى أن يعجبكم الدرس. النتيجة النهائية…
سنقوم في هذا الدرس بتصميم منظر غروب شمسي (غسق) قاتم في الأدغال باستخدام برنامج فوتوشوب. وهذه نتيجة درسنا اليوم: قبل البدء أدعوكم لتحميل الملفات المرفقة لهذا الدرس. افتح مشروعا جديدا على Photoshop بالإعدادات التالية: الأبعاد: 1900x1200pixels. الدقة: Resolution 720Dpi. نمط الألوان: Color Mode …
سنتعلم في هذا الدّرس كيفية إضافة تأثير الاحتراق لورقة نقدية من فئة 100 دولار باستخدام برنامج فوتوشوب، وستكون هذه هي النتيجة النهائية لهذا الدرس بعد تتبع وتطبيق كامل خطواته: قبل البدء أدعوكم لتحميل الملفات المرفقة لهذا الدرس. افتح مشروعا جديدا على Photoshop بالإعدادات التالية: الدقة: 1200x800pixel…
سنحاول في هذا الدّرس تصميم شريط ملون Ribon باستخدام برنامج فوتوشوب، وستكون هذه هي النتيجة النهائية لهذا الدرس بعد تتبع وتطبيق كامل خطواته: افتح مشروعا جديدا على Photoshop بالإعدادات التالية: الأبعاد: 500x500pixels. الدقة: Resolution 720Dpi. نمط الألوان: Color Mode RVB8bit. مع خلفية ذات لون …