20 يعتقد الكثير من مصممين الويب أن السبيل الوحيد لطوير مهاراتهم في عملهم هو تصميم المواقع فقط.

فيمكن أن يرى المصمم تصميم موقعا يعجبه فيحاول اعادة تصميم هذا الموقع بنفسه .ويمكنه متابعة وقرائة دروس في تصميم الموقع . ولكن هل هذه هي السُبل  الوحيدة  لتنمية قدارتك كمصمم ؟

هل فكرت يوما أن ترسم شيئا ما رأيته في حياتك الطبيعية ؟مثلا هل فكرت ان ترسم هاتفك المحمول علي الفوتوشوب ؟

يعتقد الكثيرمن مصممين المواقع  أن هذه الطرق لا تطور مهاراتهم في عملهم .

بالعكس , فالرسم والتخيل قد يفيدو المصمم في عمله أكثر  الدروس المتخصصة في تصميم المواقع , نعم فهي تنمي اولا مهارات الإبتكار وهي الأهم ,ثم تنمي مهارات التصميم .

وأخيراً فهي  تعطي للمصمم ثقتاً في نفسه حيث انه قادر ان يتصمم اي شيء .

سنتعلم سويا رسم vodafone usb modem بطريقة بسيطة والدرس للمبتدئين والمحترفين.

النتيجة النهائية للدرس:

1

- إفتح شاشة عمل جديدة في الفوتوشوب بمقاس لا يقل عن 500×500  بكسل .

- استخدم آداة Rounded Rectangle Toot , إجعل قيمة radius  كما بالشكل (55)

وارسم مثل هذا الشكل .

2

ثم اتبع هذه الإعدادات .

step3

step4

step5

step6

سيظهر أمامك النتيجة كالآتي

step7

ثم نقوم بإضافة لمعة خفيفة وقد قمت بشرح كيفية عمل اللمعة في درس سابق (إذا واجهت مشكلة في عمل هذه الخطوة راجع هذا الدرس )

step8

وهنا نكون أنجزنا نصف العمل تقريبا .. الآن يجب أن نفصل غطاء ال usb عن الجسم .

وسنقوم بعمل ذلك عن طريق آداة التحديد المربعة .. إنظر الصورة

9

حتي يتم الفصل بينها مع الإحتفاظ بالتأثير يجب عمل قص ولصق لهذا الجزء ولكني لا افضل هذه الطريقة .

- بعد عمل التحديد كما بالشكل السابق اضغط علي حرف V في لوحة المفاتيح ثم اضغط على السهم الأيمن عدة مرات متتالية حتي يصبح مثل هذا الشكل.

10

ملاحظة هامة : كل هذا يكون علي طبقة واحدة فقط ..

الآن يجب أن نضيف طبقة أخري ولكن أسفل هذه الطبقة . ثم نرسم مستطيل ونقوم باضافة التأثيرات التالية عليه ..

11

ليكون بهذا شكل المستطيل كالآتي ..

12

الآن أضف طبقة جديدة وضعها في الأسفل ايضا . ثم نرسم مستطيلاً عرضيا ونضيف له الإعدادات التالية ..

step3

step6

step13

الآن سيكون تصميمك كالآتي :

14

باقي بعد الأشياء البسيطة ..

- قم برسم خطين متجاورين بعرض 1 بكسل

- كود  لون الخط العلويfbfbfb

كود لون الخط السفلي61717a  , ليصبحو بهذا الشكل ..

15

أضف مربعين أعلى واسفل الخطين واضف إليهما الإعدادات التالية:

16

ستكون النتيجة كالآتي بعد اضافة مستطيلين علي الأطراف كما هو موضح :

17

- نضيف شعار فودافون مع كتابة كلمة فودافون ليكون الشكل النهائي هكذا

1

و أخيرا انتهينا من الدرس :)

من يواجه مشكلة في التطبيق لا يتردد في السؤال :)