البحث في الموقع

في الجزء الأول من الدرس تعرفنا على خطوات رسم عربة طفل. وفي هذا الدرس سنتعرف على خطوات رسم حقيبة طفل. خطوات رسم حقيبة الطفل باستخدام أداة المستطيل سنرسم مستطيلا مستدير الزوايا، ومن أداة Node tool من الشريط العلوي نختار Object to path ، ثم نحدد العقد الأربعة العلوية ومن لوحة المفاتيح نضغط Ctrl+< لتضييق الحقيبة من الأعلى. نكرر الشكل ونلونه بلون أقتم، ومن أسهم التحجيم نسحب السهم السفلي الأوسط للأعلى ليتكون عندنا القطعة التي تغطي الحقيبة من الأعلى. نكرر الشكل مجددا ونلونه بنفس اللون القاتم السابق، ومن أسهم التحجيم نسحب السهم العلوي الأوسط للأسفل ليتكون عندنا جيب الحقيبة. نرسم مستطيلا صغيرا مستدير الزوايا ونضعه بين الغطاء والجيب، ونجعله أقتم منهما، ثم نختاره ونختار الحقيبة ونحاذيه من لوحة المحاذاة والاصطفاف Align and Distribute عاموديا إلى المنتصف. نرسم حزام الكتف للحقيبة ممتدا من جيب الحقيبة، وذلك عن طريق أداة المستطيل، مع جعل المستطيل مستدير الزوايا. نكرر المستطيل ونلونه بلون مخالف، ونسحبه للطرف الأيمن للشكل الأصل على أن يتقاطع مع الطرف لا أن يكون خارجه، بحيث يكون طرف الشكل المكرر الأيسر على طرف الشكل الأصل الأيمن، ثم نحدد الشكلين ونتبع المسار: Path > Difference أصبح لدينا انحناء في كلا الطرفين للحزام. كرّر الشكل المتكون واعكسه أفقيا من الشريط العلوي، ولونه بدرجة أقتم من الشكل الأصل. نفعل الكبس والالتقاط من الشريط العلوي Enable snapping ومنه نفعل Snap nodes, paths , and handles ومنه نفعل الخيار الثالث والرابع، ثم نعيد الشكل المكرر القاتم من الحزام خطوة للخلف عن طريق Page down من الشريط العلوي، ونحركه بحيث ينكبس الشكلين عند حافتيهما من جهة اليمين. نعيد الطرف القاتم لخلف الحقيبة عن طريق Page down عدة مرات أو عن طريق Lower selection to bottom ليرسله للأخير في خطوة واحدة. ثم نعيد الحزام الفاتح إلى خلف الجيب السفلي للحقيبة، ثم نحدد جزئي الحزام معا وندورهما قليلا لجهة اليسار نكرر الشكلين ونعكسهما أفقيا ونسحبهما ليمين الحقيبة، ولا ننس إلغاء تفعيل الكبس والالتقاط. سنزين الحقيبة برسم وردة وسطها، عن طريق رسم دائرة متساوية الأبعاد، ومن ثم نحررها عن طريق تحويلها لمسار من خيار Object to path ثم نسحب العقدة السفلية للدائرة للأسفل. نضغط مرتين على الشكل لتظهر أسهم التدوير، ثم نسحب مركزه لحافة الشكل، مع الضغط على Ctrl أثناء السحب. نكرر الشكل وندوره إلى أن يتكون لنا شكل الوردة. نكرر بتلات الوردة مجددا ونزيل تعبئتها ونجعل لها حدودا أقتم من لون الوردة، ثم نصغرها عن طريق الضغط على Ctrl+Shift أثناء ذلك، ثم نجعل الحد متقطعا من القائمة المنسدلة Dashes من تبويب Stroke style ليعطينا شكل الخياطة. في وسط الوردة سنرسم زرا عن طريق رسم دائرتين وسط بعضهما البعض، وفي وسط الدائرة الصغرى نرسم أربعة دوائر يمتد من هذه الدوائر خيطان متقاطعان نرسمهما بأداة Bezier، ومن الزر يمتد شريطان لخارجه نرسمهما بأداة المستطيل مع جعلهما حادي الزوايا. نجمع أجزاء الوردة جميعها في مجموعة، ثم نحاذيها في منتصف جيب الحقيبة عاموديا. سنرسم جيبا آخر على جانب الحقيبة بأداة المستطيل، وسنجعل الجيب عريضا ليسع لزجاجة إرضاع الطفل التي سنرسمها في الخطوات القادمة، مع تدويره قليلا بما يتناسب مع الحقيبة ونرسله للخلف. خطوات رسم زجاجة إرضاع الطفل سنقوم باستخدام أداة الدائرة لرسم زجاجة الإرضاع وذلك عن طريق رسم شكل بيضاوي، نكرره ونسحبه للأعلى مع الضغط على Ctrl أثناء السحب، ثم نصغر عرض الدائرة المكررة عن طريق سحب أحد السهمين الجانبيين، بشرط الضغط على Shift أثناء ذلك لتصغر المسافة من الجهتين. سنكرر الدائرة التي صغرناها ونرفعها للأعلى، ونكبرها قليلا بأحد السهمين الجانبيين مع الضغط على زر Shift لتكبر من الجهتين وذلك بغرض الحصول على انحناءات الزجاجة. نعيد تفعيل الكبس من الشريط العلوي Enable snapping ومنه نتأكد من تفعيل Snap nodes, paths , and handles ونتأكد من تفعيل الخيار الثالث والرابع، ثم بأداة Bezier نرسم شكلا مضلعا يصل بين العقد في أطراف الدوائر، يعود للنقطة التي بدأ منها. لجعل الزجاجة بحواف منحنية، سنختار أداة Node tool ونحدد جميع العقد في الشكل بسحب مؤشر الفأرة حولها، ومن الشريط العلوي نختار Make selected nodes smooth لجعل العقد ناعمة. نحدد العقدتين السفليتين الجانبيتين معا، إما باستخدام Shift أثناء التحديد، أو بسحب المؤشر حولهما، ثم بعد ذلك بأسهم لوحة المفاتيح ننزل العقدتين للأسفل، أو نسحبهما بالمؤشر مع الضغط على Ctrl أثناء السحب. في الطرف العلوي من الزجاجة سنرسم مستطيلا بلا تعبئة بنفس حدود الزجاجة، ثم نحاذيه في منتصفها، ونحدد الشكلين معا ثم نتبع المسار: Path > Union لجعل الشكلين شكلا واحدا. سنضيف مستطيلين بزوايا مستديرة أعلى الزجاجة لتمثل رأس زجاجة الإرضاع، وسنجعل المستطيل الأعلى أقل عرضا، ثم نتأكد من محاذاتهما مع منتصف الزجاجة عاموديا. لرسم الماصة التي يستخدمها الطفل للرضاعة، سنرسم شكلا بيضاويا أقل عرضا من رأس الزجاجة الذي رسمناه توًا، يمتد منها مستطيلا رفيعا حاد الزوايا، ينتهي بدائرة صغيرة في طرفه. سنحرر المستطيل بتحويله لمسار عن طريق Object to path ثم نختار العقدتين السفليتين ونوسع المسافة بينهما عن طريق الضغط على Ctrl+< نختار الأشكال الثلاثة، ونتبع المسار: Path > Union لنجعلهما شكلا واحدا. نختار أداة Node tool وسنجد حول الشكل مجموعة من العقد، سنختار العقدتين اللتين هما عبارة عن نقطتي التقاء المستطيل بالشكل البيضاوي السفلي، ومن الشريط العلوي نختار Make selected nodes smooth. نختار العقدتين الجانبيتين أسفل العقدتين السابقتين وننزلهما للأسفل، ليتكون لنا طرف الماصة بشكل صحيح، ثم نعيد الشكل للخلف. نضيف في وسط الزجاجة مجموعة من الخطوط بأداة Bezier وحتى نحافظ على استقامتها سنضغط على Ctrl أثناء الرسم، ومن أداة الكتبة Text object المرموز لها بشكل A في الشريط الأيسر سنقوم بكتابة الأرقام. نكرر شكل الزجاجة ونلونها بلون الحليب، مع إزالة حدود الشكل، ثم نرسم مستطيلا أعلى الشكل المكرر، إلى الحد الذي نرغب أن يصل إليه امتلاء الحليب، ثم نحدد الشكلين ونتبع المسار: Path > Difference نعيد الشكل للخلف لتظهر لنا أرقام الزجاجة، وبذلك تكون اكتملت زجاجة إرضاع الطفل. نقوم بتجميعها ونضعها في جيب الحقيبة الجانبي مع إعطائها ميلانا باتجاه ميلان الجيب. سنعطي الجيب القليل من الشفافية من لوحة التعبئة والحدود وذلك بتقليل قيمة الشفافية Opacity، ثم نكرر الجيب ونعكسه أفقيا ونضع الشكل المكرر في الطرف الثاني من الحقيبة ونعيده للخلف، إلا أننا لن نجعل الطرف بنفس عرض الطرف السابق لكونه فارغا على افتراض أنه سيكون منكمشا. نجمع أجزاء الحقيبة كلها في مجموعة ونضعها في سلة العربة السفلية. النتيجة النهائية بعد إضافة خلفية للرسمة:

سنقوم في هذا الدرس بعمل الشكل الخارجي لحقيبة باستخدام الأشكال الأساسية، أما بالنسبة للتفاصيل الدقيقة التي تُبرز معالم الأيقونة سنقوم بعملها باستخدام أنماط طبقة مختلفة مثل Inner Glow وStroke. ولكي نجعل شكل الحقيبة أكثر واقعية سنستخدم الخامات لإعطائها ملمس جلدي. سيكون للأيقونة التي سنصممها ذلك المظهر الرقمي المجعد ذو الشعبيّة على الإنترنت. ستساعد الخطوط الواضحة في إبراز الشكل الذي تمثّله الأيقونة؛ وهذا الشيء مهمّ جدّا عند استخدام الأيقونة بأحجام صغيرة عند تصميم المواقع أو التطبيقات. والشيء الأهم الذي يضفي على الأيقونة شكلًا قريبًا من الواقع هو الاستخدام الدقيق للتدرّجات والخامات. لا تبرز هذه الإضافات عند عرض الأيقونة بشكل عام، لكن بدونها سيكون التصميم مسطّحًا وباهتًا. لنتبع هذا الدرس المفصّل خطوة بخطوة لتتعلم طريقة عملها باستخدام فوتوشوب. العديد من الأيقونات تأتي بأحجام كبيرة هذه الأيام؛ تتراوح ما بين 16px إلى 512px. ابدأ بمستند فوتوشوب جديد بحجم 256px * 256px لعمل الأيقونة بالحجم الأكبر. ارسم مستطيلا ناعم الحوافّ في طبقة جديدة وغيّر نصف قطر الحافّة إلى 10px. تأكّد من تغيير وضع الشكل إلى Pixels (ستجده في شريط الأدوات في أعلى الشاشة). انقر بشكل مزدوج على طبقة المستطيل لفتح نافذة أنماط الطبقة (Layer Styles Window). قم بإضافة Gradient Overlay ممتدّا من البنّي الغامق إلى البنّي الفاتح. بعدها قم بإضافة Inner Glow، غيّر الوضع إلى Normal، قيمة Opacity 100%، اللون بنّي أفتح من الدرجة المستخدمة في التدرّج، قيمة Choke 100%، والحجم 3px. قم بإضافة حدّ (Stroke) بحجم 2px والموقع Inside. استخدم لون بنّي غامق بحيث يكون أغمق من الدرجة المستخدمة في التدرّج. افتح خامة الجلد (حمّل الخامة من هنا) وقم بتصغيرها ليتناسب حجمها وحجم الأيقونة. اضغط Ctrl+ طبقة الأيقونة لعمل استعادة تحديد ثم اضغط مفاتيح الاختصار Ctrl+Shift+I لعكس التحديد. احذف الزائد من الشكل لتشذيب الخامة ضمن حدود الأيقونة. غيّر وضع طبقة الخامة إلى Soft Light لتسمح للتدرّج البنّي بالظهور ثم اذهب إلى: Filter > Sharpen > Sharpen لإظهار تفاصيل الخامة. ارسم مستطيلا آخر ناعم الحوافّ في طبقة جديدة، لكن هذه المرة سيكون نصف قطر الحافّة 5px. قم بعمل تحديد باستخدام Rectangular Marquee Tool ثم قم بقص المستطيل من الأسفل ليصبح الجزء السفليّ بحوافّ مستقيمة. اضغط بزرّ الفأرة الأيمن على الطبقة الخاصّة بالجزء الأسفل من الحقيبة واختر Copy Layer Style. بعدها اضغط بزرّ الفأرة الأيمن على الطبقة الخاصّة بالجزء العلوي واختر Paste Layer Style للحصول على نفس أنماط الطبقة. قم بإضافة خامة الجلد إلى طبقة الجزء العلوي من الحقيبة، ثم قم بتصغيرها وقصّها لتتناسب مع الشكل وليتطابق الجزء العلوي مع السفلي. ارسم مستطيلا رفيع في الوسط كيّ يمثّل حزام الإبزيم. طبّق نفس أنماط الطبقة للطبقات السابقة لكن بزيادة تأثير Drop Shadow لكي يعطي لمسة أكثر عمقًا. استخدم أدوات التحديد لرسم مربع بسيط في طبقة جديدة بأي لون كان. اختر أداة الممحاة وغيّر الوضع إلى Pencil بعرض 1px لثَلم الحافّتين السفليتين (انظر الصورة أعلاه)، لكن اترك الحافّة العليا مستقيمة. انقر بشكل مزدوج على طبقة المربع واستخدم نفس أنماط الطبقة السابقة لإعطائها مظهر معدني. استخدم نفس إعدادات Inner Glow، Stroke، وGradient Overlay السابقة لكن غيّر درجات الألوان إلى الرمادي بدلًا من البنّي. ارسم تفاصيل إضافية في طبقة جديدة مستخدمًا Pencil Tool وتأثيرات أنماط الطبقة لعمل فتحة القفل. لإعطاء الشكل السابق بُنية بسيطة، دقيقة، وأقرب لشكل القفل؛ اضغط على Ctrl+طبقة فتحة القفل لعمل استعادة تحديد ثم املأ التحديد باللون الأبيض في طبقة جديدة. اذهب إلى: Filter > Noise > Add Noise والإعدادات كما في الصورة أعلاه. بعدها غيّر وضع الطبقة إلى Soft Light وقيمة Opacity 50%. استخدم نفس إعدادات طبقة القفل المعدني لعمل قاعدة لمقابض اليد على الحافّة العُليا للحقيبة. ارسم مربعين صغيرين، اثلم الحوافّ باستخدام ممحاة 1px، ثم قصّها من الأسفل لمحاذاتها مع غطاء الحقيبة. لعمل مقابض اليد؛ ارسم شكل بيضوي في طبقة جديدة باستخدام Elliptical Marquee Tool ثم املأه باللون الأسود. بعد ذلك اعمل تحديد بشكل بيضوي أصغر بقليل من السابق واحذف الجزء الوسطي. قم بقصّ أي جزء إضافي لحصول على مقبض شبه دائري باستخدام Rectangular Marquee Tool. لاحظ أن موقع المقبض سيكون بين قاعدتيه في الأعلى. ولإنهاء الأيقونة قم بإضافة الظل. ابدأ بتدرّج قطري صغير في طبقة جديدة، ثم عن طريق Ctrl+ T قم بمطّه -لكن ليس بدرجة كبيرة- بصورة عمودية. اعمل تحديد عِبر منتصف التدرّج القطري، وقم بتحريك الجزء المحدد إلى الجهة المقابلة عند زاوية الحقيبة. ستبقى المنطقة الوسطى ما بين جزئيّ الظل فارغة لذلك قم بملئها بتدرّج صغير في طبقة جديدة، ثم اضغط Ctrl+ T لمطّ الظل بصورة أفقية ما بين جزئي التدرّج السابق وعلى طول الحافّة السفلى للحقيبة (لاحظ الصورة أعلاه). وبذلك نكون قد انتهينا من عمل الأيقونة. عدّل على الخلفية كما تريد ثم قم بحفظها بصيغة PNG لاستخدامها لاحقًا كما تشاء. إذا كنت تريد الأيقونة بحجم أصغر وقمت بتصغيرها يدويًا فإنّ ذلك سيؤدي إلى تمويه الخطوط وفقدان التفاصيل؛ لذلك من الأفضل عمل الأيقونة بنفس الخطوات من البداية لكن بحجم أصغر. ­ ترجمة -وبتصرّف- للدرس How to create a detailed briefcase icon in Photoshop لصاحبه: Iggy.