درس انشاء أيقونة لصفحات التواصل الاجتماعي بأسهل الطرق …

بوابة المقالات
واحة الجرافيك
درس انشاء أيقونة لصفحات التواصل الاجتماعي بأسهل الطرق …

القائمة الرئيسية

إستفتاء

استفتاءات سابقة

درس انشاء أيقونة لصفحات التواصل الاجتماعي بأسهل الطرق …

نيربا للإنتاج الجرافيكي - - الأربعاء 5 / 06 / 2013 - 04:05 مساءً

الخطوة الأولى :

أنشئ '>#ffffff]

أنشئ ملف جديد و لتكن مقاساته : ( 570 * 570 بكسل ) و لتكن لون الأرضية : 333236#

'>#ffffff]

نتجه '>#ffffff]

نتجه الى قائمة الفلاتر و نضيف فلتر الضجيج : Filter – Noise – Add Noise.

سنضيف '>#ffffff]

سنضيف بقعة بيضاء في منتصف الخلفية و ذلك باستخدام الفرشاة : Brush Tool(B)

نغير '>#ffffff]

نغير المود الفرشاة إلى : Soft Light و نضع الشفافية على 50% ونقوم بالتلوين بمنتصف الملف

الخطوة الثانية :

نقوم '>#ffffff]

نقوم برسم مربع بأطراف دائرية Rounded Rectangle Shape بمعدل زاوية التفاف 5 بكسل و نقوم بالتعديل عليه باستخدام أداة Direct Selection Tool U حتى يصبح الشكل التالي قدر الامكان , و ليكن لون الشكل : 3b5997 #

نضيف '>#ffffff]

نضيف للعنصر إطار خارجي stroke و ليكن بالمواصفات التالية :

ثم '>#ffffff]

ثم نضيف ملئ تدريجي للعنصر كالتالي :

و '>#ffffff]

و النتيجة يجب ان تكون تقريبا كالتالي :

الخطوة الثالثة :

اضافة النقش :

نقوم '>#ffffff]

نقوم بإنشاء ملف جديد بالمقاسات و المواصفات التالية وتأكد بأن تكون الخلفية شفافة :

نقوم '>#ffffff]

نقوم بتقريب الصورة حتى أقصى مجال تقريب للصورة و ذلك باستخدام + + ctrl و بعد ان نصل للحد الأقصى نقوم باستخدام أداة القلم و نرسم كما في الشكل التالي

ثم '>#ffffff]

ثم نقوم بحفظها كنقش و ذلك عن طريق Edit – Define Pattern ثم نقوم باستدعاء النقش لتطبيقها على الملف كالتالي :

الخطوة الرابع:

اضافة اضاءة على التصميم:

نقوم '>#ffffff]

نقوم بإنشاء طبقة فوق الشكل الأساسي و نقوم باحتوائه ضمن الطبقة السفلى عن طريق layer >create clipping mask او عن طريق الضغط على الخط الفاصل بين الطبيقتين كما في الصورة :

نقوم '>#ffffff]

نقوم بإنشاء ملئ تدريجي من الأبيض للون الشفاف و يكون المود خاصته Soft Light و بمقدار شفافية قدره : 50 % و نلون كما في الشكل التالي تقريبا :

ثم '>#ffffff]

ثم نقوم بانشاء طبقة جديدة أيضا و نقوم بانشاء القسم الداكن من الظل بنفس الطريقة و لكن باستخدام اللون الاسود عوضا عن الأبيض :

الخطوة الخامسة :

إضافة الخط التقطع على العنصر :

نقوم '>#ffffff]

نقوم برسم نفس الشكل الأساسي الذي قمنا برسمه سابقا ولكن أصغر قليلا من الشكل الأساسي كما في الشكل التالي :

باستخدام '>#ffffff]

باستخدام الفوتوشوب cs6 سيكون انشاء الخط المتقطع سهل جدا خصوصا مع ميزات الاطار الجديدة التي قامت شركة adobe باضافتها وذلك من نافذة خصائص الستروك كما في الصور التالية :

الآن '>#ffffff]

الآن نقوم بوضع الاعدادات التالية للاطار فيصبح الشكل كما في الصورة :

dash '>#ffffff]

dash : 5 Gap : 6 color :#a4b1cf

نحن '>#ffffff]

نحن بحاجة حذف الجزء العلوي من الخط المتقطع … نقوم أول بتحويل نوع الطبقة باستخدام أمر Rasterize و نستخدم أداة الممحاة لحذف الجزء العلوي و نضيف له مؤثر إضافة ظل ليضفي بعضا من الواقعية كما في الشكل :