اذهب إلى المحتوى

كيف تصمم رف كتب باستخدام Adobe illustrator


Sara Aber2

في هذا الدّرس سنستخدم برنامج Adobe illustrator لتصميم رف به مجموعة من الكتب، حيث تستطيع استخدام هذا التصميم ضمن Infographic أو أي تصميم أخر تريده، يكون له علاقة بالقراءة والكتب.

سيتكوّن تصميمُنا من جزئين رئيسيين :

  • رف الكتب مع انعكاسه (ظله).
  • الكتب.

ستكون هذه النتيجة النهائية للدرس بعد تتبع جميع خطواته:

hsoubb.thumb.jpg.db3efee1e5623da06fb218a

نبدأ بتصميم  ثاني جزء وهو "الكتب" باعتباره أهم جزء في درسنا هذا.

أوّل ما نقوم به هو فتح عمل جديد، نرسم بداخله مستطيل كما هو موضّح في الصورة (قياس العمل الجديد والمستطيل وكذلك الألوان اختيارية).

ملاحظة: تعتبر الألوان  في أي تصميم من أهم الأمور، لذا فاختيار مجموعة متناسقة نقطة  يجب التركيز عليها، ومن أفضل المواقع التي توفّر لكَ هذه الخدمة هو موقع http://www.colourlovers.com.

PIC1.thumb.jpg.517d62f704292691bde517a67

نضيف الآن  خاصية التدرج اللوني أو"Gradient" والغاية من إضافة هذه اللمسة هي إعطاء بعد آخر للشّكل، فنقوم أوّلاً بنسخ ولصق المستطيل الذي رسمناه  ثلاث مرّات، لكن مع تغيير ألوانهم إلى الأسود:

PIC2.thumb.jpg.ea14a99b785e6e18798d8e059

بعدها نضغط على حرف "G" حتى نتمكّن من تطبيق خاصيّة التدرج اللوني، ثم نضغط  مرّة واحدة على المستطيل الأسود رقم 1:

PIC3.thumb.jpg.a5655232ae01e5785c6728126

نستمر في تحريك الفأرة على الشّكل حتى يتلاشى الرّمادي تدريجيًا، ولا يبقى منه إلا القليل على الجهة اليمنى:

PIC4.thumb.jpg.6f2294c27669b9a2e7be234cb

نحتاج إلى إعطاء بُعد من الجهة اليمنى واليسرى وكذلك من الأعلى، و لنتمكّن من فعل ذلك، نكرِر نفس العملية على المستطيلين الأسودين المتبقيين، لكن هذه المرة نحاول أن نجعل اللون الرّمادي في المستطيل الثاني على جهة اليسار، أما في المستطيل الأسود الأخير فإنّ اللون الرّمادي نجعله في الأعلى كما في الصورة التالية:

PIC5.thumb.jpg.dd0b463b21cb8b645bf45dd02

في هذه المرحلة سنضع المستطيلات الرّمادية الثلاثة فوق البرتقالي واحدًا تلوى الآخر، ستلاحظ  أنّ شكل الكِتاب بدأ يظهر.

أخيرًا، نُضيف بعض الزّخرفات عليه، مثل الشّكل التالي الذي أضفتُ عليه شرائط عرضية صغيرة:

PIC6_(1).thumb.jpg.8b0ea7c74951fe407e9bf

بإمكانكَ أن تعيد نفس الخطوات السَّابقة وتَتَفنّن في اختيار ألوان جديدة، شَرط أن تكون متناسقة حتى تحصل على كتب أخرى، وتضع عنوانا لكل كتاب لتحصل على التالي :

pic7.thumb.jpg.e604ddddbf3a91eae5c954aa2

أنهينا الآن تصميم الكُتب وسنحتاج إلى رف لترتيبها عليه، ولعمل ذلك الرّف عن طريق أدوبي إليسترايتور، نتبع الخطوات التالية:

نرسم مستطيلين بلونين مختلفين ونحاول جعل العرض كذلك مختلف:

PIC8.thumb.jpg.21d362b8a3c2ea3af83e94978

سنحتاج إلى جمعها في طبقة "Layer" واحدة وذلك عن طريق الضغط على يمين الفأرة واختيار"Group":

PIC9.thumb.jpg.55cfd767cc8fdc4f75fbc1985

ثمّ نضاعف  الطبقة "Layer" ثلاث مرات، ولفعل ذلك نقوم أولا بتحديدها ثم الضغط على CTRL+C لنسخه وCTRL+B لمضاعفته.

بعدها نقوم بإخفاء الأوّل، ونبقى نعمل على الاثنين المتبقيين:

PIC10.thumb.jpg.0b1ad1c965d967cda1b7f217

نسحب الشكل الثاني ونغير لونَيهما إلى الأسود:

PIC11.thumb.jpg.ac689d5bf24fc6ad82bfa42a

ثمّ من شريط الأدوات العلوي نغير الشفافية (Opacity) للشّكل الثاني إلى صفر بالمئة.

الآن نحدّد الشكلين معًا ونقوم بالتالي:

Object > Blend > Make

بعدها مباشرة وقبل إزالة التّحديد على الشكلين نتبع المسار التالي:

Object > Blend > Blend Options

فتظهر القائمة التّالية، قم بتغيير القيمة ما بين 0.3 و1 حسب رغبتك:

PIC12.thumb.jpg.f6dee39d624fefbbe71e7050

بعدها نقوم  بإظهار الشَّكل الأوّل الذي أخفيناه في خطواتٍ سابقة فنحصل على هذا الشَّكل:

PIC13.thumb.jpg.ddb696aa175a199dcc7318df

الآن نرتب الكتب التي قمنا بتصميمها في بداية الدّرس على الرّف، ونُضيف عليها لمساتنا الخاصة . وهذه هي النتيجة النهائية لهذا الدرس:

hsoubb.thumb.jpg.db3efee1e5623da06fb218a


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

أفضل التعليقات

وهكذا في جزء عمل الرف لم احصل علي الشكل المطلوب وحصلت علي الشكل التالي 

ةة.png

مرحبًا محمد

أعتقد أن نسبة الشفافية قمت بتغيرها لكلا النسختين الجديدتين للمستطيل حاول أن تجعل قيمتها 0 فقط للمستطيل الأخير والمستطيل الأصلي قم باخفائه مؤقتا 

-طبق هذه الخطوات:

1-ضاعف المستطيل الى 3 طبقات

-2قم بإخفاء أول واحد(الأصلي) وغير لون المستطيلين الاخرين الى الأسود

3-اسحب آخر مستطيل قليلا الى الاسفل

4عدل الشفافية إلى للمستطيل الاخير الى 0 بالمئة 

5 استخدم خاصية "Blend"  كما هو مشروح في الدرس

Object > Blend > Make

Object > Blend > Blend Options

 

 هذه التقنية تسمى بShadows Illustrator" 

شاهد هذين المثاليين أيضا

https://www.youtube.com/watch?v=r0WTJ9fYTjo 

https://www.youtube.com/watch?v=-r05Zu8tSJU 

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



انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أضف تعليق

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • أضف...