حصريات

[حصريات][slideshow]

درس تصميم أيقونة على شكل غيمة.

 السلام عليكم
اليوم سوف نتعلم كيفية تصميم أيقونة على شكل غيمة كالتي تشاهدونها 

في الصورة أسفله.
Photoshop: Cloud Icon
في البداية نختار أداة المستطيل الدائري الحواف (Rounded Rectangle) من شريط الأدوات و نجعل قيمة نصف القطر (Radius) عند القيمة (200) ثم نرسم شكلا كالذي تراه في الصورة.
Photoshop: Cloud Icon
نختار أداة الشكل البيضوي (Ellipse Tool) هذه المرة و نتأكد من أن خاصية أضف الى الشكل (Add to shape area) مفعلة في شريط الخيارات. نرسم شكلا بيضويا أو دائريا كما نلاحظ في الصورة.
Photoshop: Cloud Icon
بنفس الأداة نرسم شكلا بيضويا أو دائريا آخر بحجم أكبر.
Photoshop: Cloud Icon
نقوم بتكرار شكل الغيمة عن طريق الضغط على (Ctrl + J).
Photoshop: Cloud Icon
بعد تكرار شكل الغيمة، نقوم بتغيير لون الشكل السفلى و جعله داكنا أكثر من العلوي حتى يسهل علينا التفريق بين الشكلين.
بعد تغيير لون الشكل السفلي نقوم بتحريكه قليلا نحو الأسفل بحوالي (10 pixels).
Photoshop: Cloud Icon
جيد، دعنا الآن نبدأ بإضافة بعض الستايلات إلى الشكل العلوي.


نطبق الستايلات الظاهرة في الصور أسفله:
Photoshop: Cloud Icon
تدرج الألوان: الأيسر: #012543. الأيمن: #1a64b1.
Photoshop: Cloud Icon
Photoshop: Cloud Icon
Photoshop: Cloud Icon
Photoshop: Cloud Icon
عندما تنتهي من إضافة جميع الستايلات سوف يصبح الشكل على هذا النحو.
Photoshop: Cloud Icon
ننتقل الآن إلى الشكل السفلي الذي سوف يمنح لغيمتنا بعض العمق.
 نطبق عليه الستايلات التالية:
Photoshop: Cloud Icon
Photoshop: Cloud Icon
Photoshop: Cloud Icon
تدرج الألوان: الأيسر: أحمر. الأوسط: أصفر. الأيمن: أزرق.

بعد الإنتهاء من إضافة آخر ستايل على الغيمة سوف تحصاون على هذه النتيجة.
بإمكانكم إضافة ستايلات أخرى إدا أردتم.
Photoshop: Cloud Icon
أتمنى أن ينال هذا الدرس إعجابكم

نلتقي في دروس قادمة إن شاء الله.

هناك تعليق واحد :

  1. درس في غاية الروعة... في انتظار الدروس القادمة بحول الله

    ردحذف