في المقال السابق تعرّفنا على ماهية صفحة الهبوط، أساسيات وأهم عناصر كل صفحة، كما ألقينا النظرة على بعض الصفحات الشائعة، الآن سنطبق ما تعلمناه في بناء صفحة خاصة بنا. الصفحة التي سنقوم ببنائها ستكون حول تطبيق وهمي، وهو شبكة تواصل تدعى "اهتمامات"، هيا لنبدأ. هذه هي النتيجة النهائية التي سنصل لها بعد تطب…
سنتعلم في هذا الدرس كيفية عمل مثلجات ببرنامج Photoshop باستعمال بعض التقنيات للحصول على نتيجة لذيذة: افتح مشروعًا جديدًا على Photoshop بالإعدادات التالية: الأبعاد: 2000x2500pixels. الدّقة: Resolution 720Dpi. نمط الألوان: Color Mode RVB8bit. وبأداة الطلاء (G) نملأ الخلفية باللون #e4e6e8: نأ…
سنتعلم في هذا الدرس كيفية تصميم موقع بطريقة Parallax Scrolling من الصفر حتى النهاية، وذلك باستعمال برنامج Photoshop. في درسنا هذ سيكون القالب بخصوص وكالة مختصة في الويب (Web Agency). وهذه هي النتيجة النهائية:   قبل البدء أدعوكم لتحميل هذه الحزمة. نفتح مشروع جديد على Photoshop بالإعدادات التالية: 1…
سنتعلم من خلال متابعة خطوات هذا الدرس، تصميم نصٍ بتأثيرٍ بلاستيكي، باستعمال أنماط الطبقات وبعض تقنيات برنامج Photoshop. وهذه نتيجة درسنا اليوم: افتح مشروع جديد على Photoshop بالإعدادات التالية: الأبعاد: 1000x1000pixels.  الدّقة: Resolution 720Dpi. نمط الألوان: Color Mode RVB8bit. نضيف طبقة …
سنتعلم في هذا الدرس كيفية تصميم شخصيات لعبة Angry Birds اللطيفة، باستخدام برنامج Photoshop وبخطوات بسيطة. وهذه نتيجة درسنا اليوم: افتح مشروع جديد على Photoshop بالإعدادات التالية: الأبعاد: 900x900pixels. الدقة: Resolution 720Dpi. نمط الألوان: Color Mode RVB8bit. نضيف طبقة لون متدرج: Menu > …
في هذا الدرس ستعلم كيفية عمل نص متصدع -أي نص يحتوي شقوق -وذلك ببرنامج Photoshop بإضافة بعض التأثيرات، وهذه هي النتيجة النهائية بعد تطبيق كامل خطوات الدرس: قبل البدء أدعوكم لتحميل هذه الحزمة هذه الحزمة. بعد ذلك افتح مشروع جديد على Photoshop بالإعدادات التالية: 1000x1500pixels Resolution 720Dpi Co…
الكثير من الصور الفوتوغرافية المُلتقطة تبدو إبداعية من الوهلة الأولى لكن قد يتبادر إلى أذهاننا سؤال مُتكرّر "الصورة جميلة إنما ينقصها أمر مُعين لتكتمل!" خاصة تلك الصور التي يتم التقاطها في ظروف مناخية غير مُستقرة أو التي تُلتقط تحت الماء، كذلك الصور التي يكون شخصياتها أطفال أو حيوانات يصعب التحكم بث…
سنتعلم من خلال هذا الدرس تصميم منظر صحراء جميل عن طريق بعض التقنيات والخطوات البسيطة. ستكون هذه نتيجة درسنا الحالي بعد تطبيق كامل خُطواته: قبل البدء أدعوكم أوّلا لتحميل الحزمة التالية والتي سنحتاجها لتطبيق هذا الدرس. افتح مشروعًا جديدًا على برنامج Photoshop بالإعدادات التالية: الحجم: 2600x4000pix…
سنتعلم في هذا الدرس البسيط كيفية إضافة تأثير على الصورة بحيث نلقي الضوء فقط على جزء منها لكي نجذب له الانتباه. الصورة التي سنعتمدها في الدرس لغرض ضرب مثال فقط، إذ يمكنك تعميم هذه الحيلة على أي صورة. أولا، نفتح برنامج Photoshop ثم نجلب الصورة التالية للبرنامج (اضغط بزر الفأرة الأيمن ثم احفظ الصورة عل…
في هذا الدرس سنصمم نصًا بتأثرٍ لامع وذلك باستعمال أنماط الطبقات Layer Style وخصائص الدمج Blending Options. تابع الخطوات جيدا لتحصل في الأخير على نتيجة مطابقة للصورة التالية: قبل البدء أدعوكم لتحميل الحزمة التالية الخاصة بهذا الدرس. افتح مشروعًا جديدًا على Photoshop بالإعدادات التالية: الأبعاد: 20…
في هذا الدرس، سنتعلم كيفية تصميم كرة بلياردو لطيفة ومنعزلة، وهذه صورة النتيجة النهائية التي سنتحصل عليها بعد تطبيق الدرس: افتح مشروعًا جديدًا على Photoshop بالإعدادات التالية: 500x500pixels Resolution 720Dpi Color Mode RVB8bit باللون الأبيض بأداة الشكل الدائري (U) نرسم دائرة ذات لون #fefce6، و…
في هذا الدرس سنقوم بتصميم جهاز PSP المحمول لشركة SONY من الصفر حتى النهاية فقط ببرنامج Photoshop وأنماط الطبقات (Layer Style)، لنحصل في الأخير على هذا التصميم الجميل الموضح في الصورة التالية: للبدء في التصميم افتح مشروعًا جديدًا على Photoshop بالإعدادات التالية: 1024x900pixels Resolution 720Dpi …
إنّ من أكثر ما يجعل العمل مُمتعا هو أن تكون مُتحمسا له، ولكنه قد يصبح أكثر ما يضرنا إذا أصبح هذا الحماس بديلا عن المعرفة وأصبح طريقنا مليئًا بالفرضيات غير المختبرة والرؤية غير الواضحة، ماذا لو كانت أيضا بيئة العمل تؤمن بنظرية العبقري المبدع الذي يعلم كل شيء وتطلب من مصمميها ومطوريها بأن يكونوا هذا ا…
قبل الشروع في عملنا على تصميم البطاقة، من المهم أن نضع خطة لكي نمتلك رؤية واضحة في التصميم، وليس هناك طريقة أفضل من تجهيز بعض الرسومات البدائية لتصميمنا على الورق لكي تتوضّح أفكارنا. من الأفضل تجهيز ملخص للمعلومات التي ستضعها في بطاقة الأعمال قبل الشروع في الرسم، نحن بحاجة لتصميم بطاقة أعمال باللوني…
سنتعلم في هذا الدرس كيفية تصميم نص ثلاثي الأبعاد بتأثيرات جميلة حوله وعليه، بعد نهاية الدرس، سنخرج بالنتيجة التالية: قبل البدء أدعوكم لتحميل هذه الحزمة. نفتح مشروعا جديدًا على Photoshop بالإعدادات التالية: 1000x1000pixels Resolution 720Dpi Color Mode RVB8bit نملأ الخلفية بهذا اللون #140903. …
على الرغم من أنّ رسالة الخطأ 404 قد تسبب إرباكًا للمستخدمين (والتي تدّل على أنّ الموقع لم يستطع إيجاد الصفحة المطلوبة)، ولكن ليس بالضرورة أن يكون الأمر كذلك. ستوضّح هذه الإرشادات أهميّة صفحة الخطأ 404 الفعّالة لتوجيه مستخدميك إلى المسار الصحيح. سوف أتناول في هذا المقال خمس طرق لجعل صفحة ا…
في هذا الدرس -والذي يندرج تحت سعينا لاكتشاف خبايا برنامج Photoshop- سنعمل على تصميم تأثير جميل لكرة السلة، وهذه ستكون نتيجة درسنا اليوم: قبل البدء أدعوكم لتحميل هذه الحزمة (الرابط) نفتح مشروع جديد على Photoshop بالإعدادات التالية: 1500x1500pixels Resolution 720Dpi Color Mode RVB8bitمع خلفية بلون…
في السّنوات الأخيرة ازداد الطلب على مُصمّمي تجربة المستخدم لدرجة عالية جدًا، كما ازداد عدد الكتب التي تتحدّث عن هذا الموضوع وأُضيف لهذا التخصّص قوانين، نظريات وفلسفيات من أجل تطويره وتحسينه. إذا عدنا بالزّمن للوراء إلى بداية البرامج الحاسوبية، تجد أن مهندسين البرامج ومديري المنتجات كانوا يُعلّمون بأ…
يُعدّ تنسيق النصوص مِفتاحًا مُهمّا جدًّا لكثرة الميزات التي يمكن أن تضيفها لتصميمك، وعلى الرغم من ذلك يتجاهله الكثير من المبتدئين في بداية تعلمَهم. يُسهم التنسيق الصحيح والجيّد للنص واختيار نوع الخطوط في إضافة الاحترافية لعملك، ويُعدّ بمثابة اللمسة التي تميّز العمل المحترف عن العمل العادي. سنبدأ هذا…
سنتعلم في هذا الدرس طريقة تصميم عين ذات نظرة مُستقبلية، سنستعمل طُرقًا مختلفة للحصول على هذا التصميم (النتيجة النهائية): قبل البدء في العمل أدعوك لتحميل بعض الحزم التي سنستعملها في درسنا هذا:  model-tutoriel-futur.zip  night_sky_brushes.zip  high-tech_brushes.zip  gpu_icon_psd.zip الآن نف…