درس Illustrator تصميم دراعات جهاز PS4 ببرنامج Adobe Illustrator

Mido Nabil

Mido Nabil

خبير شروحات برامج
إنضم
14 فبراير 2014
المشاركات
753
مستوى التفاعل
3,035
النقاط
920
الإقامة
Egypt
الموقع الالكتروني
www.zyzoom.net
غير متصل
QdIFApr.gif


PY11l.gif



السلام عليكم ورحمة الله وبركاته

مرحبا أعضاء زيزووم للأمن والحماية

اليوم درس لتصميم لدراعات جهاز PS4

أحب أنوه ان التصميم لا يشبه الاصل تماما لكن يشبهه لدرجة ما

وأتمني ان شاء الله في النهاية ينال التصميم اعجابكم

نبدأ علي بركة الله

نفتح ملف جديد

2014-05-23_23-35-23.png


2014-05-23_23-37-17.png


2014-05-23_23-37-46.png


2014-05-23_23-38-36.png


بهده الأداة نقوم بعمل الآتي

2014-05-24_17-13-16.png


ثم بنفس الأداة

2014-05-24_17-18-30.png


بعد هذا نحدد آخر طبقتين ونذهب الي Pathfinder

2014-05-24_17-19-12.png


2014-05-24_17-19-47.png


2014-05-24_17-20-45.png


لتصبح هكذا (التلوين للتوضيح)

2014-05-24_17-21-17.png


ثم نرسم دائرة أخيرة مكان الدائرة المقطوعة

2014-05-24_17-22-07.png


ثم نحركها بجانب الشكل القديم هكذا

2014-05-24_17-23-38.png


2014-05-24_17-23-57.png


بأداة Pen Tool نرسم الآتي

2014-05-24_17-35-12.png


ونراعي وضعها في النهاية حتي لا تغطي علي باقي الطبقات

2014-05-24_17-35-45.png


2014-05-24_17-36-50.png


لزيادة مساحة الصفحة نستعمل هذه الاداة

2014-05-24_17-37-31.png


2014-05-24_17-38-36.png


بعد ذلك نحدد الشكل وننسخة

2014-05-24_17-40-38.png


2014-05-24_17-41-02.png


ثم نقم بنقله الي الجهة الاخري

2014-05-24_17-41-26.png


2014-05-24_17-41-58.png


2014-05-24_17-42-30.png


ثم نستخدم المسطرة لجعلهم في نفس المستوي

2014-05-24_17-43-43.png


2014-05-24_17-46-34.png


2014-05-24_17-48-20.png


وبأداة Pen Tool نرسم هذا الشكل في نهاية كل من الدراعين

2014-05-24_17-52-25.png


بأداة Pen Tool نرسم

2014-05-24_17-57-09.png


ثم ننسخه في الخلف

2014-05-24_17-59-41.png


ثم بأداة Pen Tool

2014-05-24_18-02-26.png


2014-05-24_18-02-43.png


نرسم دائرة صغيرة كهذه ثم ننسخها عدة مرات (11 مرة)

2014-05-24_18-04-39.png


2014-05-24_18-05-54.png


لسهولة تحريكهم معا نقوم نحددهم ثم نختار ...

2014-05-24_18-13-12.png


ثم ننقلهم

2014-05-24_18-14-05.png


ثم نرسم الزر بالمنتصف هكذا

2014-05-24_18-15-23.png


بعد ذلك نرسم شعار PS (يمكنك نسخة من أي صورة .. لكن أنا أحببت تصميمه أيضا)

المرحلة الاولي

2014-05-24_18-16-29.png


المرحلة الثانية (مش حلو أوي لأني كنت بعمله بسرعه بس ممكن انتو تعملوه أحسن من كده)

2014-05-24_18-18-14.png


بعد كده ندمجهم

2014-05-24_18-19-15.png


ثم بعد ذلك نضعهم داخل الزر

2014-05-24_18-20-02.png


أداة Pen Tool

2014-05-24_18-22-39.png


ثم ننسخه في الخلفية

2014-05-24_18-23-32.png


ثم ننقله الي المكانين المقابلين

ونقوم برسم هذه الدوائر داخل الدائرة

2014-05-24_18-31-12.png


نحاول تعديل الدائرة الكبيره

2014-05-24_18-38-32.png


حتي نصل الي هذا

2014-05-24_18-43-06.png


ونضعها أسفل طبقات الدوائر التي تجاورها كما في الصورة السابقة

ايه يا عم الدايرة اللي هاتقرفنا دي .. مانمسهحا وخلاص

لاااااااا الدائرة دي هنستخدمها بعدين عشان نعمل ظل أو Blur كما هو موضح

2014-05-24_18-44-30.png


بعد ذلك نرسم الرموز داخل الدوائر

2014-05-24_18-47-17.png


2014-05-24_18-59-11.png


بأداة Pen Tool

2014-05-24_19-07-56.png


ثم ننقلها

2014-05-24_19-09-20.png


وبعد ذلك ننسخها في الجهات الأخري

2014-05-24_19-14-05.png


كده تقريبا خلصنا مرحلة الرسم

2014-05-24_19-15-09.png


نبدأ بقي نلون

2014-05-24_19-22-58.png


بعد كده نحدد الطبقة التي في النهاية

2014-05-24_19-26-59.png


والحواف

2014-05-24_20-41-23.png


2014-05-24_20-41-59.png


بأداة Pen Tool نحدد الشكل ونقوم وضعه بين الدراع والدائرة

2014-05-24_20-46-38.png


ونلونه هكذا

MIvzAo.png


بعد ذلك نحدد الدائرة التي في الاسفل ونلونها بالأسود

2014-05-24_20-54-29.png


بعد ذلك نذهب الي

2014-05-24_20-54-56.png


2014-05-24_20-56-19.png


لتصبح

VKwcrn.png


نطبق نفس الكلام علي الدراع الآخر

2014-05-24_21-05-03.png


2014-05-24_21-10-39.png


2014-05-24_21-12-35.png


2014-05-24_21-19-19.png


نلون هذه الدوائر بالأسود

2014-05-24_21-19-48.png


2014-05-24_21-22-01.png


2014-05-24_21-23-53.png


2014-05-24_21-24-37.png


نلون الزر بالاسود والخيال بالأبيض X رمادي

2014-05-24_21-26-12.png


نلون الدائرة بالأسود والحدود بالآتي

0CZxLg.png


2014-05-24_21-28-08.png


نطبق نفس الكلام علي الدائرة الأخري

2014-05-24_21-28-54.png


2014-05-24_21-32-07.png


2014-05-24_21-34-06.png

2014-05-24_21-37-03.png


نلون كل الأزرار كما في الزر السابق

2014-05-24_21-58-37.png


مش لازم تلتزم بمكان الظل (اعمل زي ماخيالك شايف)

2014-05-24_21-59-51.png


2014-05-24_22-01-31.png


وبنفس الطريقة نكمل باقي الرموز

2014-05-24_22-03-27.png


2014-05-24_22-04-52.png


وطبعا ماتنساش تزيل الحروف بعد أما تلون

2014-05-24_22-06-30.png


ونكرر مع باقي الأزرار

2014-05-24_22-08-59.png


بأداة Pen Tool نرسم الآتي ونلونه

2014-05-24_22-11-01.png


2014-05-24_22-12-26.png


2014-05-24_22-28-33.png


2014-05-24_22-35-44.png


نلون هذه الدائرة بالأسود

2014-05-24_22-36-25.png


2014-05-24_22-38-28.png


2014-05-24_22-41-29.png


ونطبق نفس الكلام علي الدوائر المقابلة

2014-05-24_22-44-50.png


الىن نرسم هذا الشكل بأداة Pen Tool ونضعه خلف الدراع

2014-05-24_22-47-49.png


2014-05-24_22-49-02.png


2014-05-24_22-51-53.png


ونفس الكلام في الجانب الآخر

2014-05-24_22-53-17.png


الآن نكتب فوق هذا الزرار كلمة SHARE

2014-05-24_22-54-49.png


نحدد الكلمة ونذهب الي

2014-05-24_22-55-38.png


ونجعل الكلمة بهذا الشكل

2014-05-24_22-56-22.png


2014-05-24_22-56-44.png


ونطبق نفس الكلام في الجانب الآخر لكن مع كلمة OPTIONS

2014-05-24_22-58-40.png


الآن لاضافة ظل نرسم شكل بيضاوي كهذا ونلونه بالأسود

2014-05-24_23-00-08.png


ثم نذهب الي

2014-05-24_23-00-30.png


2014-05-24_23-01-21.png


2014-05-24_23-02-19.png


والآن بعد اضافة بعد اللمسات الأحيرة تصبح

النتيجة

2LYf7i.png



الطبقات

2014-05-24_231551.png



تحميل صور الموضوع لمن لم تظهر عنده

يجب عليك تسجيل الدخول او تسجيل لمشاهدة الرابط المخفي


وفي النهاية أعتذر علي طول الموضوع

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

السلام عليكم ورحمة الله وبركاته

5d225f1a14.gif
 

توقيع : Mido Nabil
ما شاء الله عليك يا ميدو
مُبدع كالعاده
نورت قسم الدروس مره أخرى
يثبت الموضوع لمدة أسبوع ليأخذ حقه من الإطلاع وللجهد المبذول فيه
جزاك الله كل خير
تحياتي وتقديري
....
 
توقيع : روايدا
تصميم ولا اروع صراحه و 90% الاصل

جزاك الله خير
 
توقيع : ahmed_spi
تصميم ممتاز بارك الله بيك
 
تصميم رائع ...... رائع ...... رائع ...

بارك الله فيك .....
 
بارك الله فيك على المجهود الكبير جداً

سيكون أفضل وأروع لو كتبت أرقام درجات الألوان للفائدة
 
توقيع : PrinceOfPersia
روايدا قال:
ما شاء الله عليك يا ميدو
مُبدع كالعاده
نورت قسم الدروس مره أخرى
يثبت الموضوع لمدة أسبوع ليأخذ حقه من الإطلاع وللجهد المبذول فيه
جزاك الله كل خير
تحياتي وتقديري
....
أنقر للتوسيع...
شكرا أستاذة روايدة علي التشجيع والتثبيت
 
توقيع : Mido Nabil
توقيع : Mido Nabil
توقيع : Mido Nabil
توقيع : Mido Nabil
PrinceOfPersia قال:
بارك الله فيك على المجهود الكبير جداً

سيكون أفضل وأروع لو كتبت أرقام درجات الألوان للفائدة
أنقر للتوسيع...

شكرا أخي الكريم

كنت قد قررت فعل ذلك .. لكن رأيت أن من سيحاول تطبيق الدرس سيستخدم ألوان أخري من خياله ولا يجب عليه الالتزام بهذه الالوان
 
توقيع : Mido Nabil
كما قالت اختي روايدا

نورت المنتدى ونورت مكانك المفضل ، قسم التصميم ;)

درس رائع جدا وشرح احترافي مميز جداً :)

تستحق التثبيت :)

بارك الله فيك اخي محمد وجزاك الله كل خير :love:

وفي انتظار موضوعك الاخر الضخم الذي سيكون طويلا جدا (y)
 
توقيع : Mohammed AbuelgasimMohammed Abuelgasim is verified member.
روايدا قال:
ما شاء الله عليك يا ميدو
مُبدع كالعاده
نورت قسم الدروس مره أخرى
يثبت الموضوع لمدة أسبوع ليأخذ حقه من الإطلاع وللجهد المبذول فيه
جزاك الله كل خير
تحياتي وتقديري
....
أنقر للتوسيع...

الســلام عـليكــم ورحــمــة اللــه وبركــاته

شكـــرا لك أخـــي الحــبيب عـلى مـا تقــدمــه دائمــا مــن مـواضــيع ممــيزة وحـصرية كـتميز شخـصكم الكريم
==
تــم انهـــاء التثبيت لانــتهــــاء المـــدة المخــصصة لذلك
==
تحـــــياتي وتقـــــديري
 
توقيع : يـــاســيـن عــمـرو
يجب تسجيل الدخول أو التسجيل كي تتمكن من الرد هنا.
عودة
أعلى