تصميم أيقونات مُسطحة (Flat Icons) باستخدام Photoshop


E.Nourddine

أكثر المصممين يسألون عن كيفية تصميم الأيقونات المسطحة (Flat icons) باستخدام Photoshop، سنقوم في هذا الدرس، خطوة بخطوة، بشرح طريقة تصميمها. وهذه هي النتيجة النهائية:

افتح مشروعا جديدًا على برنامج Photoshop بالإعدادات التالية:

  • 1000x1000 pixels
  • Resolution 720Dpi
  • Color Mode RVB 8bit

نضيف طبقة بلون متدرج وذلك بالذهاب إلى

Menu > Layer > Layer Style > Gradient Overlay

ثم بأداة المستطيل ذو الزوايا المستديرة (Rounded Rectangle) (U) بشعاع 10px، نرسم مستطيل باللون الأحمر de393e#.

بعد ذلك نذهب إلى خصائص الدمج Blending Options:

دائما بأداة المستطيل لكن بشعاع 30px ولون أبيض.

بعد ذلك نذهب إلى خصائص الدمج Blending Options في خاصية الظل Drop Shadow:

ثم نأخذ أداة الأشكال المخصصة (U) (Custom Shape Tool) ونرسم مثلث كما هو في الصورة:

يمكنك تحميل بعض الأشكال المخصصة:  custom_shapes_pack_of_150_9.csh

بعد ذلك بأداة الريشة (P) بطريقة path واللون الأحمر #961817 لنرسم مثلث آخر لإظهار تأثير الظل كما هو في الصورة:

بعد ذلك بنفس الأداة أي بأداة الريشة وبنفس الطريقة نرسم الشكل المبين في الصورة باللون الأحمر #ad2629:

نغير بعد ذلك Blending Options إلى Darker Color.

وبنفس الطريقة يمكننا صُنع أيقونات أخرى مسطحة، كما تبين الصورة النهائية:

ترجمة -وبتصرّف- للدّرس: Créer des Flat Ui Icônes avec Photoshop





تفاعل الأعضاء


بارك الله فيكم شرح جميل وسهل لكل مبتدا

في انتظار الجديد

1 شخص أعجب بهذا

شارك هذا التعليق


رابط هذا التعليق
شارك على الشبكات الإجتماعية
Guest احمدخالد

نشر

الشرح تبعك صعب شويه المفروط جبت منين الاداة اللي هتعل به الوظيفه لبمفروض تسهل الشرح شويه .................

شارك هذا التعليق


رابط هذا التعليق
شارك على الشبكات الإجتماعية

الشرح تبعك صعب شويه المفروط جبت منين الاداة اللي هتعل به الوظيفه لبمفروض تسهل الشرح شويه .................

​شكرا على التنبيه أخي أحمد سأخذ بملاحظتك في قادم الدروس

 

شارك هذا التعليق


رابط هذا التعليق
شارك على الشبكات الإجتماعية

شكرا جزيلا

شارك هذا التعليق


رابط هذا التعليق
شارك على الشبكات الإجتماعية

شرح ممتاز و متعوب عليه ساحاول التطبيق

شكرا لك

شارك هذا التعليق


رابط هذا التعليق
شارك على الشبكات الإجتماعية


يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن