Sara Aber

الأعضاء
  • المساهمات

    28
  • تاريخ الانضمام

  • تاريخ آخر زيارة

  • Days Won

    3

السُّمعة بالموقع

27 Excellent
  1. حاول أن تتبع خطوات هذا الدرس لتتمكن من رسم ملصق لجمجمة باستخدام برنامج أدوبي اليستريتور Adobe Illustrator، والذي سيناسب حتما المبتدئين بشكل كبير. لن نكتفي فقط برسم الجمجمة وعظمتين متقاطعتين باستخدام أهم أدوات برنامج اليستريتور، لكن سنتعلم أيضا طريقة إعداده للطباعة باستخدام الخاصيتين bleeds والخطوط التوجيهية guides سنستخدم أشكال فكتور vector بسيطة لرسم كلا من الجمجمة والعظمتين المتقاطعتين لعمل شكل كرتوني لطيف، سنستخدم أيضا بعض الخامات لجعل الرسمة تبدو قديمة. يمكنك أن تختار الأبعاد التي عادة تستخدمها لتصميم لملصق وتوجيهه للطباعة، بالنسبة لي فقد اخترت القياسات التالية 38x38mm، وبما أن ذلك يتطلب أن تكون قيمة bleed: 1mm فسيصبح مقاس العمل: 40x40mm. في أي مشروع اليستريتور بإمكاننا استخدام إعدادات الخاصية bleed لإضافة بعض التوجيهات لملف العمل، لكن الملصق الذي سنقوم به سيكون دائري الشكل وبالتالي فلن نحتاج لتلك الخاصية. حتى نرسم الشكل الدائري الذي يظهر في الملصق فنحن بحاجة إلى رسم دائرة واختيار الحجم المناسب لها، وذلك باختيار الأداة Ellipse tool والنقر في أي جزء من مساحة العمل. نستعين بلوحة المحاذاة Align palette لتعديل مكان الدائرة وجعلها تتناسب مع مساحة العمل، تأكد من أن لوحة المحاذاة محددة على قائمة الخيارات. عند الانتهاء من رسم الدائرة ومحاذاتها، نضغط على الزر الأيمن للفارة ونختار Make Guides ، حتى نستطيع التحكم بالشكل أكثر. يحتوي التصميم على خطوط توجيه حول حوافه، لكننا بحاجة أيضا إلى خطوط توجيهية أخرى تحدد الجزء الذي سيقص عند الطباعة، حيث أن عمل التصميم وفق تلك الخطوط التوجيهية سيتجنب قص أي عناصر موجودة خارجها. بعد إظهار الخطوط التوجيهية ووضع الخطين في مكانهما، نضغط على الزر الأيمن للفأرة ونختار Lock Guides، حتى نضمن عدم تحركها أو تحديدها بالخطأ. يتميز التصميم الذي سنقوم بعمله باحتوائه على خلفية سوداء، لذلك نقوم بإضافة دائرة مقاسها 40x40mm ثم نقوم بمحاذاتها إلى الوسط. نستخدم أداة Ellipse tool لإنشاء الجزء الرئيسي من الجمجمة، بعدها نحدد أداة المستطيل مدور الحواف Rounded Rectangle tool لرسم جزء الفك، بإمكاننا استخدام مفاتيح الأسهم لتعديل أنصاف أقطار الزوايا قبل أن نفلت الفأرة. نقوم برسم العينين وذلك برسم دائرتين نختار لهما اللون الأسود، ثم نسحب أحداهما إلى الأسفل قليلا لخلق تعبير يوحي بالارتباك. في هذه الخطوة سنقوم برسم شكل العظم، نبدأ أولا برسم دائرتين متداخلتين، بعد أن نرسم أول دائرة نضغط على المفتاح ALT ونسحبها لعمل نسخة منها، ثم نرسم مستطيلا مائلا نضعه بين الدائرتين. نحدد جميع الأشكال التي تمثل شكل العظام ونضغط على CMD+G لجمعهم في طبقة واحدة. ننسخ الشكل (CMD+C) ونلصقه في الخلف (CMD+F) ثم نتبع المسار التالي: Object > Transform > Reflect لوضع النسخة بشكل معاكس. نضع شكلي العظام فوق الشكل الأساسي للجمجمة لخلق حدود حولها ثم نحدد الشكلين ونتبع المسار التالي: Object > Path > Offset Path نحدد قيمة offset بـ: 1mm لتعبئة الأشكال الجديدة باللون الأسود. سنحتاج إلى الجمع بين الحدود السوداء الجديدة وشكل العظام بشكل صحيح لنتمكن من عمل التأثيرات التي نريدها، نستخدم الاختصار CMD+[ و CMD+] لترتيب الأشكال وجعلها تظهر كما في الصورة: ننهي رسم الجمجمة بإضافة فم للوجه، حيث نقوم برسم سلسلة مكررة من الخطوط العمودية وذلك بالضغط على المفتاح ALT وسحب الخط العمودي لنسخه، بعدها نضغط على الاختصار CMD+D لعمل سلسلة خطوط عمودية متباعدة بشكل متساو. تصميم الملصق يظهر بشكل جيد لحد الآن، حيث أن استخدام تلك الأشكال البسيطة سيساعدنا على عمل ملصق جميل لشكل جمجمة كما هو ظاهر في الصورة: سيظهر التصميم بشكل أفضل إذا أضفنا إليه بعض التأثيرات الخاصة، لذلك نقوم بتحميل الخامة Vector Bumper Pack ولصقها على التصميم. ننسخ ونلصق شكل الدائرة ونضعها في الأعلى باستخدام الاختصار CMD+Shift+]، ثم نحدد الشكل مع الخامة ونضغط على الزر Crop من لوحة تحديد المسارات لإزالة الأجزاء الزائدة من الخامة وإضافة بعض التعبئة البيضاء على الجزء الأسود من الملصق. نضيف خامة جديدة لكن هذه المرة نقوم بنسخ جميع عناصر التصميم ثم نضغط على الزر Merge من لوحة تحديد المسارات لتحويل تلك العناصر إلى شكل واحد. نضع شكل الجمجمة والعظمتين في الأعلى، سنلاحظ أن الخامة تجعل التصميم يظهر وكأنه قديم و تم عمله منذ سنوات. نقوم بحفظ الملف بصيغة JPEG أو EPS ثم نرسله إلى الطباعة، تذكر أن الخطوط التوجيهية لن تظهر عند طباعة التصميم لكنها تساعد على تحديد هوامش التصميم وتضمن عدم قص أجزاء منه عند حفظه. ترجمة وبتصرف للمقال Create a Skull & Crossbones Sticker Design in Illustrator لصاحبه Chris Spooner.
  2. حاول أن تتبع خطوات هذا الدرس حتى تتمكن من عمل رسم متجهي بسيط لنينجا باستخدام برنامج Illustrator adobe، والذي يتكون من مجموعة أشكال رئيسية بالإضافة إلى استخدام بعض الأدوات الأساسية لبرنامج اليستريتور مما يجعل الدرس مناسب للمبتدئين. لعمل رسمة النينجا سنقوم باستخدام أشكال بسيطة والتي ستمنحه مظهرا جميلا، ورغم استخدامنا للألوان المعتمة بعض الشيء إلا أننا سنقوم بتعديل ذلك بواسطة استخدامنا لحدود التصميم strokes وإضافة بعض التدرجات اللونية لعمل تغييرات بسيطة على الشكل. نفتح برنامج أدوبي اليستريتور ونرسم دائرة والتي ستمثل شكل رأس النينجا. نستمر باستخدام أداة الدائرة لرسم العينين، حيث نبدأ أولا برسم فتحة القناع والتي تظهر على شكل بيضاوي مستدير ثم رسم دائريتين معبأتين باللون الأسود تمثلان شكل العين. نستخدم أداة القلم Pen tool لرسم الجسم، نضغط ثم نسحب الخط لعمل خط منحني بعدها نضغط على الاختصار CMD+Shift+[ لوضع العنصر الجديد خلف شكل الرأس. نضغط و نسحب الخطين الذين يقطعان الجسم لتمثيل الذراعين والساقين في وضعية قتال مع تمديد الخطوط المتدفقة (bezier handles). نحدد قيمة حدود الخطين المنحنيين stroke بـ: 25pt ثم نحدد الخيار Round Cap ( تجده في لوحة stroke) لتنعيم نهايات الخط. نحدد الخطين المنحنيين ونتبع المسار التالي Object > Expand، ثم نعين فقط قيمة حدود التصميم stroke وذلك لعمل شكل ثابت. نختار شكل الرأس ونقوم بتحديده ثم نضغط على الاختصار CMD+C لعمل نسخة منه والتي سنحتاجها لاحقا ثم نضيف شكل الجسم والذراعين والساقين إلى التحديد ونختار Merge من لوحة تحديد المسارات Pathfinder. نغير لون التعبئة إلى 90% أسود ثم نغير قيمة حدود التصميم ونختار القيمة 8pt لإبرازها. من لوحة المظهر Appearances palette نحدد الخيار Add New Stroke من القائمة المنسدلة الموجودة أعلى الزاوية اليسرى. نضيف تغييرات على stroke بتحديد القيمة 4pt و 93% من اللون الأسود لخلق تأثير مزدوج لحدود التصميم وإبرازها. نضغط على الاختصار CMD+F لوضع النسخة التي قمنا بعملها سابقا، بعدها نغير قيمة التعبئة اللونية إلى 90% من اللون الأسود، أما قيمة stroke فنحددها بـ: 4pt و93% من اللون الأسود ثم نضغط على الاختصار لوضعه تحت شكل العينين. نحدد فتحة القناع ونختار اللون الرمادي لحدود التصميم stroke، ثم نقوم بضبط لون التعبئة حتى يكون قريبا من لون البشرة الطبيعي، ثم نختار حدود التصميم الثانية ونقوم بسحبها قليلا إلى الداخل ونختار لها لون أغمق من لون البشرة الذي قمنا باستخدامه. نختار أداة القلم ونرسم شكل الحزام الذي يقطع شكل الجسم ونختار له لون 93% أسود ليندمج مع حدود التصميم. رسمة النينجا التي قمنا بعملها تظهر بشكل جيد لحد الآن، لكن حتى نتمكن من إضافة بعض العمق إليها والمزيد من الأبعاد فإننا سنستعين ببعض التدرجات اللونية. نحدد كلا من شكل الرأس والجسم ونقوم بتعبئتهما بالتدرج اللوني الشعاعي 90% و 93% أسود، ونستعين في ذلك بأداة التدرج اللوني. ننهي رسم شكل النينجا بإضافة خلفية بسيطة له، حيث نقوم برسم مستطيل نختار له اللون الأبيض ثم نحدد النقاط المحورية ونستخدم أداة التدوير لتدويرها بعدها نسحب نسخة جديدة من الشكل مع الضغط على المفتاح ALT. نضغط على الاختصار CMD+D لمضاعفة الشكل، نستمر في مضاعفته حتى نحصل على شكل دائرة ثم نقوم بجمعها في طبقة واحدة ونخفض من قيمة الشفافية إلى 2%. أنهينا الآن من رسم النينجا حيث ساعدتنا الأشكال الأساسية في إعطاء مظهر متجهي للتصميم في حين ساهم استخدامنا لكل من التدرجات اللونية وحدود التصميم في إضافة stealthiness لشكل النينجا على خلفية داكنة. ترجمة -وبتصرف- للمقال Create a Simple Vector Ninja Character in Illustrator لصاحبه Chris Spooner.
  3. باتباعك لخطوات هذا الدرس ستتمكن من عمل تصميم جميل لملصق باستخدام النمط Trendy Retro Cityscape والذي يعتبر من التأثيرات الشائعة جدا في وقتنا الحالي. سنعتمد على مجموعة من الخامات بالإضافة إلى تقنيات برنامج فوتوشوب Photoshop لجعله يظهر بشكل جميل وإرجاعه إلى حقبة زمنية أخرى. يتميز عملنا الفني باستخدامنا لصورة سماوية لمدينة، والتي سنقوم بعمل تغييرات على ألوانها وأيضا استخدام خامة texture لنحصل على تصميم لملصق أو مجلة يظهر وكأنه من حقبة السبعينيات. بداية سنحتاج إلى صورة تكون أساس تصميمنا. صور المناظر الطبيعية أو الخاصة بالمدن تعتبر من أشهر الصور المستخدمة في هذا النمط من التصاميم الفنية. بالنسبة لي فقد اخترت صورة لمدنية لوس أنجلس في فترة المساء. نُحدد خاصية التعديل على مستويات الطبقة Adjust the levels ونقوم بضبط المنحنى كما هو موضح في الصورة وذلك حتى نضيف بعض التباين لها. نضغط على الاختصار CMD+A لتحديد الصورة كاملة، ثم ننقر على CMD+Shift+C لنسخها ووضعها في طبقة جديدة، ونتبع المسار التالي: Filter > Other > High Pass نعدل قيمة radius إلى أن تصبح تفاصيل الصورة مرئية على الخلفية الرمادية. نُغيّر نمط الطبقة من high pass إلى Linear Light لجعل الصورة أكثر وضوحا. ستجد أن الفرق رائع بين النتيجة التي تحصلنا عليها والصورة الأصلية. في هذه الخطوة نقوم بتعديل منحنيات الطبقة باختيار الخاصية Curves adjustment وذلك للتعديل على ألوان الصورة وخلق تأثيرات عليها تجعلها تبدو قديمة. نعدل على المنحنى الأحمر ليظهر لنا على شكل حرف s، نعدل أيضا على المنحنى الأخضر قليلا أما المنحنى الأزرق فنحاول زيادة الظلال عليه. نستخدم الأداة Elliptical Marquee tool لرسم تحديد حول الأفق الرئيسي للصورة، بعدها ننسخ ونلصق الجزء الذي قمنا بتحديده ونضعه في طبقة جديدة. نستخدم الخطوط التوجيهية لتحديد مركز الصورة ثم نحرك الدائرة التي قمنا بتحديدها سابقا لتغطية جزء من الخلفية. نضغط على المفتاح Ctrl) CMD لمستخدمي ويندوز) ثم على الرمز المصغر للدائرة الموجود على الطبقة لإظهار الخيارات. نضيف خاصية التعديل على الطبقات Curves adjustment layer ونُعدّل على المنحنى أكثر لنحصل على ظلال حمراء تبرز على الدائرة والخلفية. نستخدم فرشاة كبيرة ناعمة لتوزيع بعض النقاط الحمراء على حواف التصميم في طبقة جديدة، ثم نخفض قيمة الشفافية إلى 50% لعمل بعض التأثيرات الضوئية وخلق النمط trendy retro. نضيف قناع Mask لطبقة الدائرة ثم نستخدم فرشاة صغيرة لحذف بعض الأجزاء الخارجة عن الصورة وبهذا نكون أنهينا أول تأثير يجعل الصورة تبدو قديمة. نقوم بتحميل الخامة التالية: ونضعها في طبقة جديدة تكون في الأعلى مع تغيير نمطها إلى Color Burn. نضيف طبقة جديدة نضعها أعلى طبقة High Pass ونملأها باللون الأبيض ثم نغير نمطها إلى Soft Light لزيادة إضاءة الخلفية وخلق تأثير باهت washed out effect عليها. نحمل الخامة noise texture التالية: ونضعها في طبقة أعلى باقي الطبقات ثم نغير من نمطها إلى Screen لجعل الجزء الأسود شفافًا. نقوم بملأ طبقة جديدة بلون أزرق خفيف نحدده من صورة الخلفية، ثم نغير نمطه إلى Pin Light لإضافة اللون إلى مجموعة الظلال. نضيف قليلا من اللون الأزرق إلى الأجزاء السوداء لخلق تأثيرات على التصميم تجعله يبدو قديما. نستخدم الأداة Polygonal Lasso tool لرسم تحديد مثلثي على التصميم ثم ننسخه (CMD+Shift+C) ونلصقه مع تحريكه قليلا من مكانه الأصلي. نكرر نفس العملية لخلق تصاميم أخرى وبشكل عشوائي. ننهي تصميما بإضافة رقم وسط الدائرة، ثم نختار له الأزرق الغامق نحدده من الجزء الأسود من تصميمنا. نضيف قناعًا layer mask للطبقة الموجود عليها الرقم ثم نستخدم الفرشاة لحذف أجزاء منه حتى يتناسب مع المظهر القديم للتصميم. وهذه هي الصورة النهائية لهذا الدرس: ترجمة وبتصرف للمقال Create a Trendy Retro Cityscape Design in Photoshop لصاحبه Chris Spooner.
  4. لا شك في أننا جميعا مُلمّين بالتقنيات الكلاسيكية التي كانت تستخدم في معالجة الصور الفوتوغرافية، وذلك من خلال مشاهدتنا لمجموعة أمثلة لصور تتميز بألوانها البنية الداكنة. لكن وطيلة السنوات الماضية استخدم المصورون الرقميين بعض الأحبار الكيميائية بغرض خلق تأثيرات على صورهم ومعالجتها. ومن بين تلك التقنيات نجد تقنية split tone والتي تخلق تأثيرًا لونيّا أزرق غامق ونحاسي على الصورة . في درسنا هذا سنستخدم برنامج فوتوشوب Photoshop لعمل تلك التأثيرات الكلاسيكية بشكل رقمي عن طريق استخدام خاصية Color Balance adjustments وعمل تعديلات لونية وأيضا خلق نفس التدرجات الزرقاء والصفراء. استخدامنا لتأثير لوني بني داكن سيضيف للصورة مظهرًا كلاسيكيًا برتقاليًا/بني اللون وبالتالي فإن النتيجة التي سنحصل عليها ستكون أكثر دفئا ونعومة من استخدمنا للتأثير اللوني الأبيض والأسود. وعلى الجانب الآخر فإن استخدام تقنية Split toning ينتج عنه تأثيرات تجعل الصورة أكثر وضوحا عن طريق خلق تركيبات لونية مميزة. من أشهر التقنيات المستخدمة في معالجة الصور نجد تقنية تفتيح الأجزاء المُضاءة باستخدام اللون البني الداكن، ثم معالجة الأجزاء المضللة باستخدام selenium لخلق مزيج حاد بين اللونين الأزرق والأصفر فينتج لنا تأثير باهت على الصورة. تعتبر هذه التقنية مناسبة لصور الأماكن المهجورة أو المناطق الحضرية. وهذا مثال لذلك النوع من التأثيرات مطبق على صورة لصديق لي تأثير Sepia/Selenium split سيظهر بشكل جيد لو تم تطبيقه على صورة لمناطق خالية أو معزولة لإعطائها بعض الأجواء القاتمة. في درسنا هذا سنستخدم صورة من ذلك النمط والتي قام بالتقاطها صديق لي. الغرض من تعتيم الصورة الفوتوغرافية هو إضافة بعض الألوان إلى الصورة البيضاء والسوداء قبل إضافة الألوان المتاحة على الشريط. لذلك فإن أول خطوة سنقوم بها باستخدام فوتوشوب هو تحويل صورتنا الرقمية الحديثة إلى صورة أحادية اللون. أفضل طريقة لفعل ذلك دون أن نفقد جودة الصورة هو عن طريق الضغط على زر New adjustment layer الموجود أسفل لوحة الطبقات، ثم نحدد الخيار أسود وأبيض Black & White. نضيف خاصية Adjustment Layer مرة ثانية ونحدد الخيار Color Balance. هناك أيضا طرق أخرى لتغيير ألوان الصورة مثل خاصية Gradient Maps أو خاصية Curves adjustments. إلا أن الخيار Color Balance يُعتبر الأسهل لتحديد قيم الألوان كاللونين الأزرق السماوي والأصفر نتأكد من أننا حددنا خانة الحفاظ على اللمعان Preserve Luminosity، بعدها نُحدّد الخيار Shadows للخاصية Tone. نزيد من قيمة اللونين الأزرق السماوي Cyans والأزرق العادي لخلق التأثير Selenium effect عن طريق سحب المؤشر وتحديد القيمة 30 للأزرق السماوي و40 للأزرق العادي. بعدها نحدد الخيار Highlights، ثم نغير المؤشر لإظهار اللون البني الداكن أي نحدد قيمة اللون الأحمر 25 والقيمة 35 للون الأصفر. بدأنا فعلا بتطبيق التأثير split toning الغامق على الصورة لكن التعديلات النهائية يمكننا عملها عن طريق اختيار الخاصية Midtones ونضيف القيمة +10 بجانب اللون الأحمر والذي سيظهر اللون البني الداكن قليلا، أو انتهاج طريقة معاكسة بإضافة المزيد من اللون الأزرق. أنهينا عمل التأثير اللوني الغامق split toning، لكني دائما أحب أن أجعل الصورة أكثر وضوحا وأيضا أن استخدم المُرشّح High Pass filter. ننقر على CMD+A لتحديد الصورة كاملة ثم نتبع المسار: Edit > Copy Merged ونلصق نسخة الصورة في طبقة جديدة تكون أعلى باقي الطبقات. نتبع المسار: Filter > Other > High Pass ثم نعدل على المؤشر إلى غاية ظهور تفاصيل الصورة على الخلفية الرمادية. نُغيّر نمط الطبقة من high pass إلى Linear Light ثم نخفض قيمة الشفافية إلى 30% للتخفيف من درجة التأثير فتبدو الصورة طبيعية أكثر. حين نستخدم التأثير اللوني sepia/selenium split فإننا نغير جميع ألوان الصورة إلى اللونين الأزرق والأصفر بالإضافة إلى إنشاء تأثير لوني قاتم والذي سيعزز هذا النمط خصوصا إذا استخدما صورًا لأماكن مهجورة. ترجمة -وبتصرف- للدرس: How To Give Your Photos a Gloomy Split Toning Effect لصاحبه: Chris Spooner.
  5. من منا لا يحب أن يستمتع بـحلويات الكب كيك اللذيذة وذات الشكل المغري بين الحين والآخر؟ بالنسبة لي فلطالما استمتعت بذلك. إذا كانت هناك طريقة للحصول على الكب كيك دون دفع سنت واحد فإن برنامج أدوبي إليستريتور هو من سينقذنا. في هذا الدرس التعليمي سأريك طريقة تصميم cupcake لذيذ باستخدام الأشكال الأساسية وأداة pentool. الآن يمكنك تذوق المتعة دون الشعور بالتعب. هذه هي النتيجة النهائية للكب كيك التي سنقوم بعملها مع الكريمة المكثفة ورشات لتزيينها، أما إذا أردت تعلم المزيد فقد أرفقت شرح إضافي لطريقة تحويل الكب كيك إلى "كب كيك شبح" والذي ستجده في نهاية الدرس. نقوم بفتح برنامج أدوبي اليستريتور وننشئ ملفًا جديدًا، أول جزء سنقوم برسمه هو الكريمة المكثفة. سأقوم بإدراج القياسات التي اخترتها لكن بإمكانك تغييرها واستخدام مقاسات أخرى تناسبك. نرسم مستطيلين دائريين (140x45px و135x45px) مع تعيين قيمة radius بـ: 45px، ثم نقوم بتدوير المستطيل الصغير بزاوية 15° ( وذلك بالضغط على الزر الأيمن للفأرة واختيار Transform > Rotate). نحدد كِلَا الشكلين ونقوم بمحاذاتهما أفقيا إلى اليسار وعموديا إلى الأسفل باستخدام لوحة المحاذاة Align palette. الخطوة التالية هي رسم مستطيل مدور ثالث (100x45px) مع تعيين قيمة radius بـ: 45px وتدويره بزاوية 15° أيضا، ثم نقوم بمحاذاته أفقيا إلى اليسار وعموديا إلى الأسفل ( أسفل الشكلين السابقين). نختار أداة التحديد ونسحب المستطيل إلى الأعلى حوالي 30px وإلى اليمين بحوالي 15px. نحتاج الآن فقط إلى إضافة الجزء العلوي للكريمة المُكثّفة وذلك باستخدام أداة pen tool، وحتى نحصل على خط ناعم يكفي أن نستخدم أقل عدد ممكن من نقاط الإرساء anchor points، بالنسبة لي فقد استخدمت أربع نقاط. إذا أردت تحسين الشكل فبإمكانك استخدام أداة التنعيم Smooth Tool (تجدها أسفل أداة القلم في شريط الأدوات) لتنعيم مسارات الشكل، بعد أن نحصل على نتيجة ترضينا نقوم بتحديد جميع العناصر التي قمنا بعملها لحد الآن ودمجها مع بعض باستخدام الزر Unite من لوحة تحديد المسارات Pathfinder. كل ما تبقى القيام به هو إضافة بعض التفاصيل وبعض الظلال أسفل الشكل، نقوم برسم شكل بيضاوي (145x50px) ومحاذاته أفقيا في الوسط وعموديا إلى الأسفل ( أسفل الشكل السابق). نسحب الشكل البيضاوي إلى الأسفل بحوالي 7px حتى نحصل على شكل منحني قبل أن نحدد جميع الأشكال ونختار الزر Divide من لوحة تحديد المسارات Pathfinder. بعدها نحذف الحافتين اليمنى واليسرى التي نشأت بين شكل الكريمة المكثفة والشكل البيضاوي ثم نجمع الأشكال المتبقية. في هذه الخطوة سنضيف الظلال. نضاعف الشكل الذي تحصلنا عليه (CTRL+C) ثم نستخدم أداة pentol لرسم شكل منحني في المكان الذي عادة تظهر فيه الظلال، حيث سنحتاج إلى ثلاث نقاط فقط لرسم الخط المنحني وغلق المسار. نحدد شكل الكريمة المكثفة وشكل الظل ثم نحذف أي تداخل باستخدام الزر Divide من لوحة تحديد المسارات Pathfinder وإزالة كل الزوائد. نكرر نفس العملية مرتين للحصول على ثلاثة أشكال للظلال. لحد الآن فإن شكل الكريمة المكثفة يتكون من عدة شرائح مختلفة، سنحتاج إلى تفعيل الخاصية outline لإضافة حدود التصميم stroke لاحقا. نحذف جميع الأشكال ماعدا أشكال الظلال الثلاثة، ثم نقوم بوضع نسخة شكل الكريمة المكثفة في ذات المكان وذلك بالضغط على الاختصار (CTRL+F) وترتيبه بوضعه في الخلف (CTRL+SHIFT+[). في هذه الخطوة سنقوم برسم حامل الكب كيك، نرسم شكلين بيضاويين (155x50px و125x50px) ثم نقوم بمحاذاتهما أفقيا إلى الأسفل وعموديا إلى الأعلى، نسحب الشكل الصغير إلى الأسفل مسافة 60px ( لتسريع العملية قليلا بإمكانك الضغط على المفتاح shift والسهم السفلي من لوحة المفاتيح). نختار أداة التحديد المباشر Direct Selection Tool ونحذف نقطة الإرساء الموجودة أسفل الشكل البيضاوي الكبير ونقطة الإرساء الموجودة أعلى الشكل البيضاوي الصغير. نقوم بضم النقطة الموجودة في اليسار مع بقية الشكل وذلك بتحديدهما والضغط على الزر الأيمن للفأرة واختيار الخاصية Join، ثم نعيد نفس العملية للجهة اليمنى. نقوم بإضافة بعض التفاصيل إلى حامل الكب كيك ليكون مميزًا أكثر، نرسم دائرتين صغيرتين (15x15px) ونضعها جنبا إلى جنب مع وجود فجوة 125px بينهما. نحدد كلا الدائرتين ونتبع المسار التالي: Object > Blend > Blend options نحدد قيمة Specified Steps بـ 10 ثم نضغط على زر موافق. نستمر في تحديد الدائرتين ونضغط ALT+CTRL+B لدمجهما. الآن ومن قائمة التأثيرات: Effect > Warp > Arc نقوم بتغيير قيمة Horizontal Bend إلى25% - بعدها نختار الخاصية: Object > Expand Appearance نقوم بمحاذاة سلسلة الدوائر أفقيا إلى المنتصف وعموديا إلى أعلى حامل الكب كيك ثم نسحبها إلى الأسفل مسافة 10px. نحدد الشكلين ونضغط على الزر Minus Front من لوحة تحديد المسارات Pathfinder ، بعدها نحذف الأشكال الزائدة. في هذه الخطوة سنقوم بإضافة بعض الظلال على حامل الكب كيك، حيث نقوم أولا بنسخه ولصقه في مكانه بالضغط على الاختصار (CTRL+C ثم CTRL+F). نقوم بحذف جميع نقاط الإرساء للنسخة الجديدة باستثناء النقاط الثلاثة الموجودة أعلى اليسار والنقطة الموجودة أسفل اليسار لنحصل على شكل شبيه بالذي في الصورة بعدها نقوم بربط النقطتين اليمنى والسفلى لغلق المسار. لعمل القطعة الثانية من الظل نقوم مجددا بنسخ ولصق شكل حامل الكب كيك هذه المرة نحتاج إلى استخدام أداة Add Anchor Point Tool لإضافة نقطة إرساء في الأسفل أي أسفل النقطة العلوية (يمكننا الاستعانة بلوحة التحويل Transform palette لضبط إحداثيات النقطة) ثم نحذف جميع النقاط الزائدة، بعدها نقوم بربط النقاط المتبقية كما هو موضح في الصورة. نكرر نفس العملية حتى نصل إلى وسط حامل الكب كيك. عند الانتهاء من عمل شكل الظل الذي في الوسط نحدد جميع أشكال الظلال ونعكس اتجاهها عموديا عن طريق الضغط على الزر الأيمن للفأرة واختيار الخاصية Transform > Reflect. نقوم بمحاذاة النسخة الجديدة لتكون مطابقة للأصلية ( بإمكانك الاستعانة بلوحة التحويل للحصول على إحداثيات دقيقة) ثم نحذف شكل الظل المضاعف في الوسط. تحصلنا على ظلال كبيرة الحجم لذلك سنقوم بتصغيرها قليلا. نحدد جميع عناصر الظلال ثم نتبع المسار التالي: Object> Path > Offset Path (تأكد من أنك لم تحدد شكل حامل الكب كيك). نغير قيمة Offset إلى -3px ونضغط على زر موافق. نحذف أشكال الظلال الأصلية ثم نجمع الظلال الصغيرة في طبقة واحدة مع حامل الكب كيك. أنهينا رسم الحامل و جاء دور رسم الكب كيك. نقوم برسم شكل بيضاوي (151x60px) ثم نقوم بمحاذاته أفقيا إلى المركز وعموديا أعلى حامل الكب كيك. نريد في هذه الخطوة أن تظهر الكب كيك أعلى الحامل قليلا وكأنها ارتفعت أثناء الطهي لذلك نحتاج إلى سحبها إلى الأعلى مقدار 30px. نعيد ترتيب الطبقات بحيث نجعل طبقة الكب كيك أسفل طبقة الحامل، بعدها نقوم بجمعها في طبقة واحدة. أخيرا نقوم بتحديد شكل الكريمة المكثفة ونضعه أعلى الكب كيك ( للإشارة فقد قمت بتحديد مسافة 85px بين الكريمة المكثفة وحامل الكب كيك). أصبحنا جاهزين الآن لإضافة بعض الألوان على الكب كيك اللذيذ، بالنسبة لي فقد اخترت لون الفراولة للكريمة المكثفة واللون الذهبي للكب كيك أما بالنسبة لحامل الكب كيك فقد اخترت له اللون الزهري. كما أنه يمكنك اختيار أي لون تريد. بعد إضافة الألوان نحدد القيمة 2px لحدود تصميم الكريمة المكثفة stroke، بالنسبة للظلال الموجودة على الكب كيك وحاملها فنبقيها كما هي. سنحتاج إلى التأكد من أن حدود التصميم لشكل الكريمة المكثفة تم محاذاتها إلى الخارج وإلا فإن حواف الظلال ستتداخل قليلا. الشيء الأخير الذي سنحتاجه لإنهاء تصميم الكب كيك هو تكبير حجم الحدود الخارجية. ننسخ ونلصق شكل الكب كيك في مكانه ثم نختار الزر unite من لوحة تحديد المسارات Pathfinder ونقوم بتظليله، نحدد النسخة الجديدة المظللة ونختار الخاصية: Object > Path > Offset Path ونضع القيمة 5px أما الخاصية joins فنختار لها round ونضغط على زر موافق. نقوم بجمع الشكلين الناتجين مع بعض بالضغط على الزر unite ثم نضع شكل المخطط في الخلف ونعيد تلوينه. كدنا ننسى إضافة بعض الرشات لتزين الكب كيك. نرسم مستطيلًا دائريًا صغيرًا (15x3px) مع تحديد قيمة radius بـ:3px وتلوينه بنفس لون حدود التصميم الذي قمنا باختياره، ننسخ ونلصق الشكل عدة مرات حسب رغبتنا نقوم بتدويرها مع تغيير موضعها حتى نحصل على نتيجة ترضينا. نقوم بجمعها في طبقة واحدة ونضعها على الكريمة المكثفة. أنهينا تصميم الكب كيك، ألا تبدو لذيذة؟ حسنا أعلم أن الكب كيك لا يتناسب مع أساليب الرعب والخوف، لكن إذا أردت تحويله إلى "كب كيك شبح" تابع الجزء الإضافي من الدرس أما إذا كنت سعيد بالكب كيك الذي تحصلت عليه لحد الآن فأتمنى أن تكون قد استمتعت بالجزء الأول من الدرس. الجزء الإضافيإذا فأنت تريد تحويل الكب كيك إلى "كب كيك شبح"، هذه هي النتيجة التي سنحصل عليها: أول شيء سنحتاجه هو تغيير الألوان لأنه لا توجد كب كيك شبح بلون وردي لذلك فقد اخترت مظهرًا شاحبًا لها يحتوي على مزيج بين اللونين الأخضر والبني. أنهينا تغيير الألوان وبقي التعديل على الكريمة المكثفة. في طبقة جديدة وباستخدام أداة pen tool نقوم برسم بعض الأشكال المنحنية أسفل الكريمة كما في الصورة. قد نحتاج إلى قفل الطبقة السفلية مؤقتا حتى لا نخطئ ونطبق أداة البن تول على عناصرها، بعد أن نحصل على نتيجة مرضية نقوم بتحديد الأشكال المنحنية والحدود الخارجية للكريمة وندمجها بالضغط على زر unite من لوحة تحديد المسارات ( سنحتاج إلى فك تجميع عناصر الكب كيك حتى نستطيع تحديد الحدود الخارجية للكريمة). بعدها نعيد تلوين حدود الكريمة إذا احتجنا إلى ذلك ونتأكد من أنه stroke لا يزال بارزًا. سنحتاج الآن إلى إعادة ضبط مكان الكريمة حتى تكون تحت الظلال ورشات الزينة. يمكننا التعديل على حواف الأشكال المنحنية للكريمة باستخدام أداة التنعيم smooth tool ( ستجدها أسفل أداة pen tool) وذلك بتمريرها على المسار الذي نريد تعديله. كما أنها أداة مناسبة لتأكد من أن حدود التصميم الخارجية مدورة وأيضا زويا الربط، والذي سيساعدنا على التخلص من الأجزاء الغير مناسبة أثناء دمج الأشكال المنحنية مع شكل الكريمة. بعد انتهائنا من تعديل شكل الكريمة المكثفة قليلا سنحتاج إلى إعادة زيادة حجم الحدود الخارجية للكب كيك. نحذف الحدود الموجودة مسبقا ثم ننسخ ونلصق شكل الكب كيك في مكانه، بعدها ندمج جميع العناصر باستخدام الزر unite من لوحة تحديد المسارات مع اختيار القيمة 5px للخاصية offest (تذكر أن نختار round للخاصية joins). نجمع الشكلين الذين تحصلنا عليهما ثم نضعهما في الخلف مع تغيير لونيهما. سنقوم برسم العينين. نرسم شكلًا بيضاويًا (20x30px) ثم نسحب نقطة الإرساء اليسرى إلى اليسار والأعلى بنسبة 3px ونحدد قيمة offest بـ: 4px أما الخاصية joins فنختار لها round نختار اللون الأبيض للشكل البيضاوي الأصلي أما لون الشكل المزاح فنحدده بالأسود. نسحب الشكل البيضاوي الأبيض إلى اليمين بـ: 1px. نحدد أداة blob brush (shift+b) ونضيف بعض التفاصيل للشكل البيضاوي الأسود حتى تبدو العين وكأنها متعبة. بعد أن نحصل على نتيجة مرضية ننسخ الشكل ونلصقه في مكانه ثم نقوم بقلبه بشكل عمودي. نحدد حوالي 30px كمسافة فاصلة بين العينين ونضعهما فوق حامل الكب كيك. نستخدم أداة blob brush مُجدّدًا لرسم الفم (سيكون أسهل إذا كنت تستخدم الجهاز اللوحي، لكن لا يهم إذا لم تحصل على نتيجة مماثلة)، بإمكاننا التلاعب بنقاط الإرساء باستخدام أداة التحديد المباشر direct selection tool وأيضا الخطوط المتدفقة bezier handles حتى نحصل على نتيجة مرضية، وكما في الخطوة السابقة يمكننا الاستعانة بأداة التنعيم smooth tool لتنعيم بعض الخطوط التي لا تعجبنا. أنهينا عمل "الكب كيك الشبح" الخاص بنا وإن كان لا يساعد على فتح الشهية. ترجمة -وبتصرف- للدّرس Create a cupcake in Illustrator لصاحبته liz canning.
  6. في هذا الدرس سأشرح لك خطوة بخطوة طريقة عمل تصميم ملصق لفضاء خارجي مظلم أطلقت عليه اسم "قمرية Lunar"، حيث سيحتوي على خامات textures وأشكال فيكتور هندسية vector لعمل تخطيط بارز يُظهر جمال القمر، بالإضافة إلى استخدامنا لتقنية ستضيف لتصميمنا نمط الخيال العلمي. سنستعين في درسنا بكلٍ من برنامج اليستريتور Illustrator وبرنامج فوتوشوب Photoshop حتى نستفيد من مزايا البرنامجين المختلفة وكذلك حتى نجمع بين نمطين مختلفين من التصميم في عمل فني واحد رائع. سنعمل على إنشاء تصميمنا عن طريق المزج بين خامة كثيفة منقطة وبين عناصر فيكتور واضحة ودقيقة لينتج لنا في النهاية ملصق يتشكل أساسا من تصميم لقمر مظلم. سنستخدم أيضا أدوات برنامج أدوبي اليستريتور المخصصة لرسم الأشكال لعمل سلسلة أشكال معقدة بطريقة سهلة، ثم سنقوم بنقلها إلى برنامج أدوبي فوتوشوب لتجميع الأعمال الفنية التي قمنا بعملها. بداية نقوم بفتح برنامج فوتوشوب Photoshop وعمل ملف جديد لتصميم الملصق، بعدها نقوم بتحميل الخامة التالية واستخدامها كخلفية: ننتقل الآن إلى برنامج أدوبي اليستريتور لعمل أول شكل من سلسلة الأشكال التي سنرسمها، نستخدم أداة شكل النجمة Star tool لرسم مثلث وذلك بوضع الرقم 3 أمام القيمة points، بعدها نضغط على المفتاحين alt+shif أثناء سحبنا للمثلث لعمل نسخة جديدة نضعها جانب المثلث الأصلي. الآن نضغط على CMD+D اختصار لـ Transform Again (لمستخدمي ويندوز CTRL+D) لعمل سلسلة من المثلثات، بعدنا ننسخ تلك السلسلة ونقوم بتدويرها بزاوية 180° ثم نضعها بشكل يتوافق مع السلسة السابقة، بإمكاننا استخدام الخطوط التوجيهية الذكية (CMD+U) لتسهيل عملية محاذاة الأشكال. نحدد جميع المثلثات ثم نسحب نسخة جديدة نضعها أسفل السلسلة الأصلية ثم نضغط على CMD+D لعمل كذا نسخة من المثلثات، وإنشاء صفحة كاملة تحتوي على أشكال المثلثات. بإمكاننا تسريع عملية ملء الصفحة بأشكال المثلثات عن طريق تحديد جزء كبير منها ومضاعفته لتوسيع مساحة الزخرفة. نضع زخرفة المثلثات في برنامج الفوتوشوب ونضغط على CMD+I لعكس الألوان وإكساب العمل الفني اللون الأبيض بعدها نضيف Layer Mask (تجده أسفل قائمة الطبقات)، ثم نقوم بمسح بعض أجزاء التصميم بطريقة عشوائية باستخدام فرشاة كبيرة ناعمة بيضاء. الخطوة التالية هي تحميل صورة الفضاء التالية المقدمة من وكالة ناسا ووضعها في الملف. بعدها نقوم بإزالة التشبع من الصورة بإتباع المسار التالي: Image > Adjustments > Desaturate ثم نغير نمط الطبقة إلى Screen. أخيرا نعدل على مستويات الطبقة باستخدام الخاصية Levels adjustments (تجدها أسفل قائمة الطبقات) وذلك لزيادة التباين. نخفض قيمة التعبئة إلى حوالي23% لإضافة خامة خفيفة على الخلفية. نعود مرة أخرى إلى برنامج ادوبي اليستريتور ونرسم دائرتين الأولى كبيرة والثانية صغيرة، نحددهما مع بعض ونتبع المسار التالي: Object > Blend > Make بعدها نعود ونغير خيارات المزج Blend Options. نضغط على القائمة المنسدلة ونختار Specified Steps ثم نغير الرقم لعمل سلسلة من الدوائر المركزية، نقوم بتوسيعها قليلا و ننسخها ثم ننقل النسخة إلى ملف الفوتوشوب. نضع سلسلة الدوائر على الثلث السفلي الأيمن من الملصق لعمل توهج ثم نغير نمط الطبقة إلى Soft Light. نضغط على CMD+J لمضاعفة سلسلة الدوائر مرتين ثم نقوم بتدوير النسختين بزاوية 90° و 180°ونتأكد من أن الدائرة الصغيرة للأشكال الثلاثة متطابقة. نختار خاصية التعديلات على مستويات الطبقات Levels adjustment layer ونزيد من تباين العمل الفني عن طريق تغميق الأجزاء السوداء والتدرجات اللونية النصفية. نقوم بتعبئة الطبقة الجديدة باللون الأسود ثم نغير نمطها إلى Multiply ونخفض قيمة الشفافية إلى حوالي 40%، سيضيف ذلك التراكب الأسود بعض التضليل على عناصر الخلفية. نقوم بلصق صورة عالية الدقة للقمر التالي على التصميم المأخوذة من موقع Wikipedia. بعدها نغير نمط الطبقة إلى Screen لجعل المساحة السوداء شفافة. نضيف تعديل جديد على مستويات الطبقة Levels adjustment layer ثم نضغط على المفتاح alt وبين الطبقات لقص القمر، بعدها نزيد من التباين في التصميم عن طريق تغميق الأجزاء المضللة وتفتيح الأجزاء المضاءة. نقوم بتجميع الدوائر الثلاثة المنفصلة ثم نضيف Layer Mask، بعدها نرسم مستطيل دائري حول القمر ونملأ ذلك الجزء باللون الأسود لمحو الدوائر من تلك المنطقة. نرجع إلى برنامج الاليستريتور ونرسم دائرة ثم نحذف النقطة الموجودة على اليسار باستخدام أداة التحديد المباشر Direct Selection tool ونتبع المسار التالي: Effect > 3D > Revolve نغير خيار السطح Surface إلى رسم هيكلي Wireframe لتحويل الدائرة إلى كرة ثلاثية الأبعاد، ثم نتبع المسار التالي: Object > Expand لتحويله إلى شكل متماسك ثم ننقله إلى برنامج الفوتوشوب. نقلب ونُكبر الشكل الهيكلي ليتناسب مع حجم القمر، ثم ننسخه وندور النسخة لتشكيل خطوط متشابكة، أخيرا نغير نمط الطبقة إلى Soft Ligh. مرة أخرى نستخدم برنامج اللاليستريتور لرسم خطوط متباعدة بشكل متساو بحيث نجل الخط الأول أطولهم أما الخط الأخير فنزيل قيمة لون stroke لجعله شفافا. نضغط على أيقونة "فرشاة جديدة New Brush" الموجودة على لوحة الفرش ثم نحدد الخيار Pattern Brush بعدها نضغط على زر موافق مع بقية الإعدادات الافتراضية. نرسم دائرة جديدة، لكن هذه المرة مع تحديد قيمة stroke فقط ثم نطبق الزخرفة الجديدة التي قمنا بعملها في الخطوة السابقة حتى نحصل على سلسلة خطوط متباعدة بانتظام حول محيطها. ننقل عناصر الفكتور إلى الفوتوشوب ونضعه حول القمر، ثم نغير لونه إلى الأبيض وكذلك نغير نمط الطبقة إلى Soft Light. ننشئ طبقة جديدة ثم نستخدم فرشاة لرش الطلاء إضافة قرص حول مساحة القمر، هدفنا هو إضافة تأثير الفرشاة على حافة القمر لكن يمكننا إضافة بعض من تأثير الرش وسط القمر أيضا. نضيف طبقة قناع Layer Mask على طبقة تأثير الفرشاة، ثم نستخدم تحديد القمر لإزالة المنطقة الوسطى، مع جعل تأثير الرش خفيفا على الحواف. تصميم القمر المظلم يظهر بشكل جيد، لكن بإمكاننا إضافة القليل من اللون الأزرق الخفيف لإظهار شكل الفضاء البارد، ثم نضيف بعض من البقع الزرقاء المشعة في طبقة جديدة ونغير نمطها إلى Overlay. نضيف بعض الأجزاء الملونة باستخدام اللون الأزرق الغامق ثم نغير نوع الطبقة إلى Overlay أيضا. ننهي عملنا الفني بإضافة نص، بالنسبة لي فقد أضفت كلمة "Lunar" واستخدمت الخط الأنيق Ostrich Sans بمقاس 100pt. نضيف النمط البسيط Outer Glow ونستخدم نفس اللون الأزرق المشع لإضفاء مظهر الخيال العلمي على النص. هذه هي النتيجة النهائية لتصميمنا حيث أضافت أشكال الفكتور قالب خيال علمي في حين نجد أن التباين الذي قمنا بتوظيفه خلال التصميم وكذلك استخدامنا للخامة ساعد على إبرازا لتصميم. اللون الأزرق الخفيف منح التصميم شعور بالفضاء الخارجي البارد. ترجمة -وبتصرف- للدرس How To Create a Dark Lunar Poster Design with PS & AI لصاحبه: Chris Spooner.
  7. من أفضل استخدامات برنامج أدوبي اليستريتور هو تحويل الرسومات اليدوية أو المسودات إلى رسومات حيوية. فمن الرائع أن ترى أفكارك تتحول إلى حقيقة عبر عمل متقن وألوان واضحة، إلا أن النتيجة في بعض الأحيان تكون مخيبة للآمال عندما نحصل على رسمة فيكتور vector ليست كالتي كنا نتوقعها، لذا سنحاول تتبع هذه الخطوات العملية واحدة تلو الأخرى لنكتشف بعض التقنيات البسيطة والتي ستمنح عملنا مظهرا رائعا. العمل الفني الذي سنقوم به في هذا الدرس هو رسم خوذة والتي قررت بشكل عشوائي رسمها على ورقة هذا الصباح فبدأت ذلك باستخدام وسائل تقليدية من ورقة وقلم. وهي حقا أفضل طريقة لعمل تصور مبدئي للرسمة التي نريد عملها، حيث سيكون من السهل أن تجسد فكرتك أو رسمتك باستخدام قلم مجاني والتحكم به باستخدام أداة رقمية وهي الفأرة. رسم السكتش SKETCH نقوم بفتح برنامج أدوبي اليستريتور ونختار: File > Place لجلب ملف السكتش، بعدها نحدد قيمة Opacity بـ: 20% ثم نستعمل الاختصار CMD+2 لقفله وتثبيته في مكانه حتى لا نحدده دون قصد. نبدأ عملية الرسم باستخدام الأشكال الهندسية كلما استطعنا ذلك، حيث يمكن استخدام الدائرة لرسم الخطوط العلوية للخوذة كما في الصورة ولأننا لا نحتاج للدائرة كلها نقوم بقصّها باستخدام الأداة Scissors tool وحذف الجزء الزائد. ننسخ الشكل (CMD+C) ونضع النسخة في الواجهة (CMD+F) ثم نضغط على alt+shift لتكبير الشكل قليلا. نقوم بالتعديل على الحواف باستخدام أداة المقص Scissors tool ونحاول أن نجعلها تتطابق مع رسمة السكتش SKETCH. نستخدم أداة القلم Pen tool لإكمال المسارات التي تنقصنا، نضغط على النقطة المفتوحة التي توجد في نهاية المسار الأول، فنلاحظ ظهور خط صغير والذي يبين أن المسار مستمر. نضيف نقطة جديدة على المسار الثاني للربط بين المسارين كما يظهر في الصورة: نكمل رسم بقية عناصر السكتش باستخدام أداة القلم Pen tool. الطريقة التي أفضلها هي الضغط على مساحة العمل ثم سحب المسار المنحني، بعدها نضغط على النقطة التي توجد في نهاية المسار لتحويل نقطة الارتكاز ثم نحذف مؤشر bezier handle ....قبل إكمال المسار. حيث أن ذلك سيسمح لنا بإضافة خطوط مستقيمة أو منحنية دون أن يكون هناك bezier handle فيؤثر سلبا عليه. نكمل رسم بقية الستكش باستخدام الكثير من المسارات، بعض المسارات ستنتج عنها الأشكال كاملة، في حين أن بعض نقاط النهاية للمسارات ستحتاج لربطها مع بقية المسارات الموجودة. نضغط على CMD+Alt+2 لإزالة القفل على السكتش ونقوم بسحبه إلى الجانب الآخر لرؤية نتيجة عملنا منفردة . يبدو الشكل الناتج جميل ونظيف مقارنة مع الرسم التقريبي، لكنه قد يكون مملا قليلا جعل التصميم يبدو طبيعياإن الفتاح الرئيسي الذي يجعل من الرسومات الرقمية تبدو طبيعية هو محاكاة جميع التفاصيل الصغيرة المتعلقة بالخطوط وأحجامها حتى تظهر كما لو أنها رُسمت بفرشاة حقيقية. هناك طرق كثيرة لعمل ذلك كاستخدام فرش الفكتور vector brushes أو رسم المساحات السلبية يدويا، إلا أن الخطوات القادمة التي سأستعرضها هي الطريقة المفضلة لدي. نحدد جميع المسارات التي قمنا بعملها في تصميمنا ثم نزيد من قيمة stroke لتعزيز حجم الخطوط. نختار: Object > Expand ثم نحدد خصائص حدود التصميم option Stroke، و نضغط على زر موافق لتحويل جميع الحدود إلى شكل ثابت. نختار أداة التحديد المباشر Direct Selection tool ونبدأ بتعديل النقاط حتى نغير من سُمك الخطوط في الأماكن الرئيسية للتصميم وذلك لمحاكاة الفرشاة brush والتي تتميز بخط يندرج من السمك الغليظ إلى السمك الرقيق. أحينا نجد أن عملية تكبير الأشكال ينتج عنها جزء منه يتكون من عدة نقاط مما يؤثر على تناغم الشكل، فنحدد كل تلك النقاط الموجودة في الزاوية للتأكد من استمرارية المسار ونقوم بتنعيمها. هذه التقنية البسيطة كفيلة بتحويل رسمة الفيكتور vector illustration، حيث أنها تضيف ديناميكية أكثر عليه مقارنة بالخط ذو السمك الواحد. تلوين الرسمةيوجد أيضا الكثير من الطرق لتلوين الرسمة التي قمنا بعملها فأداة Live Paint تعتبر خيارا جيدا، إلا أن الخطوات التي سنتبعهما ستعطينا مرونة أكثر كما أنها تُبقى اللون منفصل عن الشّكل. نقوم بعمل طبقة جديدة ونضعها أسفل طبقة الرسمة الأصلية ثم نضغط على رمز القفل الخاص بها(طبقة الرسمة) وذلك تجنبا لتحديد عناصرها. نحدد لونا معينا من لوحة النماذج swatches palette ثم نقوم بتلوين المنطقة التي اخترناها وذلك باستخدام أداة القلم Pen tool. مع التأكد من أننا لا نتعدى الخطوط السوداء التي قمنا بعملها في الخطوات السابقة. نحدد جميع الأجزاء التي تكون فردية ثم نقوم بتعبئتها بلون يكون متناسقا مع بقية الألوان، لكن قد نجد أحيانا أنه من السهل اختيار التعبئة اللونية و تحديد قيمة stroke أثناء الرسم، مما يسمح لنا من متابعة تقدمنا أثناء الرسم . أنهينا تلوين تصميمنا لكنه لا يزال مسطحا ومملا قليلا. تظليل الرسمةالاستعانة بقليل من الظلال هو ما سيمنح التصميم الحياة، حتى إذا نسينا تلك القواعد الفنية الهامة، فإن إضافة بعض الإضاءة والظلال العشوائية سيحول العمل الذي نقوم به إلى عمل فني. نبدأ بإضافة قليل من الإضاءة، فنحدد أداة القلم Pen tool ونختار اللون الأبيض ونبدأ بالرسم على المساحة التي نحتاج إلى إضافة بعض الإضاءة عليها، ثم نتأكد بأن الخط الذي نستخدمه ناعما. نقوم بتغيير نمط شكل الإضاءة إلى Soft Light حتى نتمكن من تفتيح اللون الأساسي للشكل. في الجهة المقابلة نقوم بعمل قليل من الظلال، ونستخدم اللون الأسود ثم نخفض قيمة Transparency إلى 40 بالمئة. الشيء الجميل في هذه الطريقة هو أن الأشكال البيضاء والسوداء ستخلق تدرجات داكنة وفاتحة من اللون الأساسي بشكل تلقائي كما أنه لا يهم على أي جزء من الرسمة نقوم بتطبيقها. أنهينا من تصميم الخوذة وذلك باستخدام أشكال بسيطة، كما يمكننا أيضا الاستعانة بأداة Pathfinder لتجميع بعض من تلك الأشكال. إنهاء الرسمةمجموعة التقنيات التي قمنا باستخدامها جعلتنا نضيف الحياة لرسمة الاسكتش حيث أن المفتاح الأساسي هو استخدام خطوط مختلفة الحجم بالإضافة إلى الاستعانة بقليل من التظليل أما بدون استخدام ما ذكرناه سيجعله سطحي وبلا حياة. ترجمة -وبتصرف- للمقال Illustrator Techniques to Turn a Sketch into Vector Art لصاحبه Chris Spooner.
  8. في درسنا هذا سنقوم بعمل تأثير نصي جميل على صورة شخص وذلك باستخدام شريط نصي طويل حيث سينحني ويتشكل حسب ملامح الوجه، هذا النمط من التأثيرات يطلق عليه اسم "Calligram"، كما يعتبر طريقة قوية للتعبير عن اقتباسات أو مقولات شهيرة لكتاب أو متحدثين. الفلتر Displace هو المفتاح الرئيسي في هذا الدرس والذي سيسمح للكتابة النصية بأن تلتف وتنحني حسب الشكل. في هذا المثال قمت باختيار صورة رئيسية مع كلمات من الفيلم الأمريكي (The American President (1995 لعمل خطاب رئاسي وهمي، إلا أن هذا التأثير سيكون مناسبا جدا لعمل سلسلة لأشهر مقولات الرئيس الأمريكي السابق. نبدأ باختيار صورة مناسبة ثم نقوم بقصها حتى تلاءم أبعاد الملصق الذي ننوي عمله. أضف طبقة تعديلات الأبيض والأسود وأضف المزيد من التباين للصورة عبر تعتيم قناة اللون الأحمر. وعلى عكس تعديلات المستويات والاضاءة والتباين فإن تعديل القناة الحمراء فقط هو ما يُنتج درجات ألوان محببة. نحدد طبقة الصورة ثم نختار Gaussian Blur من قائمة Filter أما قيمة radius فنحددها بـ: 20px للتخفيف من درجة التشويش على الصورة. اذهب إلى القائمة File > Save As ونقوم بحفظ الملف على شكل psd، ثم نستخدم الاختصار CMD+Alt+Z للرجوع بخطوة إلى الوراء لإلغاء تأثير التشويش على الصورة. استخدم أداة النص وارسم مربع نص كبير يغطي كامل مساحة الصورة. ألصق الخطاب المطلوب واحذف جميع الفواصل بين الفقرات لجعل النص مستمر ومتواصل كجدار من الكلمات. ألغِ تفعيل Hyphenate من خيارات paragraph واختر نمط Justified. حتى نقوم بملأ الصورة كل ما علينا فعله هو نسخ ولصق العبارات التي قمنا بكتابتها، ثم نختار نمط خاص بالخط الذي نستخدمه، بالنسبة لي فقد اخترت النمط Montserrat Bold. أخيرا نقوم بتصغير حجم النص حتى لا يظهر بشكل مكتظ. نحدد طبقة الكتابة ثم نذهب إلى القائمة Filter > Distort > Displace ونختار نفس القيم التي تظهر في الصورة ونضغط على زر موافق ثم ننتقل للملف الذي قمنا بحفظه سابقا. انقر على مصغر النص الذي طبّقنا عليه الفلتر للتو في لوحة الطبقات مع الضغط على مفتاح CMD أو Ctrl لتحميل التحديد الخاص به ثم نجعل الطبقة مخفية. اذهب إلى القائمة Edit > Copy Merged أو اضغط على الاختصار CMD+Shift+C للحصول على قصاصة من الوجه باستخدام الخطوط الخارجية للكلمات. نفتح ملف جديد فنلاحظ أن البرنامج يحفظ تلقائيًّا الحجم بحسب أبعاد النص المقصوص. ألصق العمل الفني المنسوخ سابقًا، ثم لوّن الخلفية باللون الأسود لرؤية الصورة الأصلية حيث قمنا بعملها بواسطة مجموعة من الكلمات والتي التفت حول ملامح الوجه. نلاحظ أن الصورة لا تزال واضحة بالرغم من امتلائها بمجموعة كبيرة من الكلمات. من بعيد قد يظهر وكأنه تركيب بسيط إلا أن الفضول قد يدفعك للاقتراب وقراءة تلك الكلمات الصغير. ترجمة -وبتصرف- للمقال How To Create a Text Portrait Effect in Photoshop لصاحبه Chris Spooner.
  9. عادة يتم عمل نمط التصميم Low Poly Art باستخدام تطبيقات ثلاثية الأبعاد كبرنامج Cinema 4D لكن يمكننا تنفيذ نفس النمط ويكون ثنائي الأبعاد باستخدام برنامج أدوبي اليستريتور Adobe Illustrator، تابع هذا الدرس لتتمكن من عمل تصميم جميل لجبل باستخدام Low Poly Art ومسارات الفيكتور vector paths. سنضيف أيضا بعض التدرجات اللونية لمحاكاة التأثير 3D، بعدها ننقل التصميم إلى برنامج الفوتوشوب Photoshop لإضافة بعض اللمعان عليه باستخدام خامات textures جميلة. هذه هي النتيجة النهائية التي سنحصل عليها حيث سنستخدم في البداية أدوات برنامج أدوبي اليستريتور Adobe Illustrator المخصصة لإنشاء فيكتور دقيق ثم ننقله إلى برنامج الفوتوشوب Photoshop لإضافة بعض الخامات textures والتي ستجعله أكثر حيوية. نقوم بفتح ملف جديد في برنامج اليستريتور Illustrator ونرسم مخطط لجبل باستخدام أداة القلم Pen tool، أثناء رسم الخطوط نضغط مرة واحدة على أداة القلم لتوليد خطوط مستقيمة بين النقاط أما في الجزء السفلي فنحاول أن نتبع مسارا منحنيا ليساعدنا على ظهوره بشكل 3D في وقت لاحق. نزيل التحديد عن المخطط الذي قمنا برسمه ثم نضيف خطوط متقاطعة عليه تمتد من الأعلى إلى الأسفل، بعدها نستخدم خطوط التوجيه الذكية (CMD+U) ليسهل علينا نزع snap النقاط الموجودة. نستمر في رسم المزيد من الخطوط المتقاطعة بين النقاط لتقسيم المخطط إلى قطع صغير كما يظهر في الصورة. في النهاية ستصبح الخطوط الجديدة قصيرة وبالتالي سنحصل على أشكال مضلعة أصغر، نحاول أن لا نبالغ في إضافة الكثير من التفاصيل للرسمة حتى لا تفقد قالب النمط "low poly". نحدد جميع الخطوط التي رسمناها لحد الآن ثم نضغط على الزر Divide من لوحة تحديد المسارات Pathfinder لتتقاطع الخطوط وينشأ لنا شكل واحد. نضغط على الزر الأيمن للفأرة ونختار فك التجميع Ungroup حتى نستطيع تحديد الأشكال الفردية التي تحصلنا عليها من لوحة تحديد المسارات Pathfinder كل على حدا. نرسم بعض المربعات ا(لتي سنستخدمها بشكل مؤقت) على جانب مساحة العمل ونملأها بتدرجات لونية مختلفة، بالنسبة لي فقد اخترت تدرجات اللون الأسود بين 70-90%، 60-80% و50-70% ثم تدرجات أخف بين 0-20% و10-30%. نضغط على المفتاح Shift ونحدد بعض القطع من مخطط الجبل بشكل عشوائي، ثم نستخدم أداة Eyedropper tool لتعبئة الأشكال المحددة بالتدرج اللوني الأول. نحدد بعض من الأشكال المتبقية ونطبق عليهم التدرج اللوني الثاني، ثم ننهي التعبئة باستخدام التدرج اللوني الفاتح. إذا كان هناك قطع متواجدة في نفس المساحة وملونة بنفس التدرج اللوني فيمكننا تعديلها واختيار تدرج لوني مختلف لخلق نوع من التباين. نستخدم التدرج اللوني الفاتح لعمل قمة ثلجية على الجبل، نلون الجبل بالتناوب بين التدرج اللوني الغامق والتدرج الفاتح لإضافة اختلاف في المظهر. استخدام التدرجات اللونية يساعدنا على التخلص من المظهر الثنائي الأبعاد المسطح للشكل، لكن في تصميمنا هذا فإن جميع التدرجات تتخذ نفس الاتجاه لذلك نستخدم أداة التدرج اللوني لتغيير اتجاه تعبئة كل شكل عشوائيا. تضيف التدرجات اللونية لخلق بعدا آخر للشكل، بعدها نأخذ شكل الفكتور الذي تحصلنا عليه إلى برنامج الفوتوشوب لإضافة بعض اللمسات النهائية. نقوم بلصق الرسم على ملف داخل برنامج الفوتوشوب، ونختار لون أزرق- رمادي غامق لملأ الخلفية. نرسم تحديد باستخدام أداة the Polygonal Lasso tool ثم نقوم بتعبئته بلون بني-بيج لتصميم مساحة أرض أسفل الجبل. نستخدم فرشاة كبيرة ناعمة لإضافة إضاءة بيضاء على طبقة جديدة نضعها فوق الخلفية لكن دون إضافتها على رسمة الجبل. نقوم بتغيير نمط طبقة الإضاءة من blending إلى Overlay حتى تمتزج الألوان وتخلق لنا توهجا أزرق حيوي. نضاعف طبقة رسمة الجبل ونلونها بالأسود ثم نضغط على CMD+T لتحويله، بعدها نحدد الخيار Distort حتى تمتد الرسمة وُتشكل لنا ظل طويل للجبل. نخفض من قيمة شفافية الظل إلى 10% ونضعه تحت طبقة رسمة الجبل الرئيسية. نفتح الخامة subtle grunge texture ونضعها في طبقة جديدة فوق تصميمنا، ثم نضيف الفلتر Sharpen مرة أو مرتين لإظهار التفاصيل الدقيقة. بعد تطبيق الخامة على التصميم نغير نمط الطبقة من blending إلى Color Burn لتركيبها مع الرسمة وخلق تأثير جميل، بعدها نخفض قيمة الشفافية إلى حوالي 35٪. نحدد الفرشاة Spraypaint-Brushes ونرش بعض البقع البيضاء في طبقة جديدة نضعها أسفل رسمة الجبل، نبقي الجزء الرئيسي من الفرشاة خلف الجبل لإضافة بعض الرش المضيئ على قمة الجبل ، نكرر نفس العملية مع اختيار اللون الأسود للجزء السفلي. الخامة التي قمنا بتطبيقها على التصميم باستخدام الفوتوشوب أضافت لها لمسة حيوية من خلال إزالة المظهر المسطح لرسمة الفيكتور، كما أن تأثير low poly في حد ذاته نمط رائع والذي يمكننا استخدامه لجميع أنواع التصاميم. ترجمة -وبتصرف- للدرس How To Create a Low Poly Art Mountain Illustration لصاحبه: Chris Spooner.
  10. هناك بعض الفنانين الموهوبين الذين يُمكنهم عمل لوحات فنية يدوية مذهلة وتكون شبه واقعية، إلا أن إمكانية امتلاكنا لتلك المهارات وعمل رسومات فنية مشابهة لما يرسمونه يظل مجرد حلم. لكن مع وجود برنامج فوتوشوب Photoshop فقد أصبح بإمكاننا خلق تأثيرات رائعة تسمح لنا بمحاكاة تلك الرسومات الفنية، وفي درسنا هذا سنتعلم بعض الخطوات التي ستُحول الصورة الفوتوغرافية إلى لوحة فنية مع تأثيرات دقيقة باستخدام الفرشاة والألوان الملطخة. التأثيرات التي سنقوم بعملها في هذا الدرس ستحول الصورة الفوتوغرافية باستخدام فرشاة رفيعة، وعمل لوحة مرسومة تظهر كأنها حقيقية. هذه التقنية جد رائعة لعمل محاكاة للرسومات الفنية واستخدامها كملصقات أفلام posters أو لإعطاء صورتك مظهرا رائعا متناسقا. نقوم باختيار صورة ونفتحها باستخدام برنامج أدوبي فوتوشوب Adobe Photoshop. بالنسبة لي فقد اخترت صورة لوجه شخص. نضيف طبقة لتحديد المنحنيات Curves adjustment، بعدها نقوم بتغميق الأجزاء السوداء وتفتيح البيضاء لزيادة التباين فيما بينها. نضغط على CMD+J لمضاعفة طبقة الخلفية مرّتين ثم نحدد الطبقة الموجودة في الأعلى، ونطبق عليها التأثير High Pass الموجود في قائمة التأثيرات effect. نقوم بضبط قيمة radius الخاصة بالتأثير High Pass حتى تبدأ تفاصيل الصورة تظهر على الخلفية الرمادية، نحاول أن تكون القيمة من 1-3px كي لا يكون هناك هالة. نغير نمط الطبقة الموجودة في الأعلى (الذي يوجد عليها التأثير High Pass) إلى Linear Light لزيادة حدة الصورة حيث سيساعدنا ذلك إنشاء تأثيرات لطلاء فرش تكون رفيعة خاصة على الشعر. نقوم بدمج الطبقة التي يوجد عليها التأثير High Pass مع طبقة الخلفية التي قمنا بمضاعفتها وذلك لجعل التأثير موجود بشكل دائم على الصورة، ثم نختار المسار التالي: Filter > Stylize > Diffuse الآن نقوم بتغيير نمط Diffuse إلى النمط Anisotropic، حيث تعتبر هذه الخطوة المفتاح الرئيسي لإعطاء الصور مظهرا يوحي بأنها مرسومة بالفرشاة. إذا أمعنا النظر في الصورة سنلاحظ وجود بعض التشبيك المزعج ، لذلك سنقوم بعمل طريقة بسيطة لتعديل ذلك. نتبع المسار التالي: Image > Image Rotation > 90° CW ثم نستخدم الاختصار CMD+F لمضاعفة الفلتر Diffuse filter. نقوم بتدوير الصورة مرة أخرى بزاوية 90° ثم نطبق مرة أخرى عليها الفلتر Diffuse filter، نكرر العملية ثلاث مرات ونقوم بتدوير الصورة مرة أخرى لوضعها على الشكل الصحيح. الفلتر Diffuse filter يعطينا تأثير جميل للطلاء على الصورة إلا أنه لا يظهر بوضوح، نتبع المسار التالي: Filter > Sharpen > Smart Sharpen لإظهار بعض التفاصيل، ثم نحدد قيمة amount بـ: 100% أما قيمة Radius فنقوم بتخفيضها لتجنب الإفراط في معالجة الصورة. النتيجة ستكون جميلة كما في الصورة، واستخدام الخامة الموجودة في Diffuse filter يضيف الكثير من الالتفاف الدائري على الجلد مما يجعلها تبدو وكأنها رسمت بطريقة تقليدية. ومع ذلك فهناك خطوة صغيرة ستعالج الصورة أكثر والنتيجة ستجعلها تظهر كصورة رقمية مرسومة، حيث نختار الخاصية Surface Blur بعد إتباعنا للمسار: Filter > Blur menu ونعدل قيمة Radius بـ: 50px وقيمة Threshold بـ:15 فنلاحظ أن الأجزاء الصغيرة التي تكون مسطحة هي فقط التي تتأثر. النتيجة رائعة وهي تحاكي الصورة المرسومة بطريقة رقمية، حيث أن مزج بخات الألوان ومظهر الطلاء حدود التصميم الرفيع يساعد فعلا في جعل الصورة تظهر على أنها رسمة حقيقية. استخدام التأثيرات يضيف حياة للصورة، عند النظر إلى الصورة من بعيد تبدو وكأنها حقيقية إلا أنه وعند تقريبها سيظهر لك المئات من استخدامات فرش الطلاء عليها. ترجمة -وبتصرّف- للدرس How To Create a Realistic Painted Effect in Photoshop لصاحبه: Chris Spooner.
  11. في درسنا هذا سنقوم بعمل تصميم هندسي مجرد جميل مع قطع جليدية باستخدام النمط "متعدد الأضلاع polygonal"، حيث يضيف هذا النمط الفني تأثير بصري رائع على تصميمك، كما يمكن استخدام تصميم الفكتور vector هذا لأي شيء وفي أي مجال بداية من تصاميم خلفيات الكتب وصولا إلى خلفية موقعك أو حتى وضعه على صفحاتك في وسائل التواصل الاجتماعي. بالإضافة إلى أننا لن نستخدم سوى تقنيات رسم بسيطة لإنتاج عمل فني مذهل. يتميز التصميم الذي سنقوم به في كونه يحتوي على سلسلة من الأشكال متعددة الأضلاع والمتصلة ببعضها البعض تظهر على شكل قطع كريستال، حيث تسمح لنا أداة تحديد المسارات Pathfinder tool الموجودة بالبرنامج بعمل أشكال متعددة الأضلاع بسهولة polygonal، أما اختيارنا للون التعبئة الأزرق مع بعض التدرجات اللونية الخفيفة gradients فإنه سيمنح التصميم لمسة حيوية بالإضافة إلى خطوط بارزة وألوان نابضة بالحياة. نقوم بفتح برنامج أدوبي اليستريتور ونرسم مربع فوق مساحة العمل، ثم نحدد أداة Pen tool ونرسم بشكل عشوائي خط متعرج، نتأكد من الضغط على نقاط المسار حتى نتجنب الحصول على خط منحني. نستخدم خطوط التوجيه الذكية (CMD+U)، لالتقاط نقاط المسارات بسهولة، بعدها نقوم برسم خط متعرج آخر فوق المربع. نُكمل التصميم بإضافة المزيد من الخطوط المتعرجة على المربع مرة عموديا ومرة أفقيا ونربط كل نقطتين قريبتين مع بعض حيث كل ما زاد عدد الخطوط وتقاطعها سينشأ لنا أشكال متعددة الأضلاع. كلما زدنا من عدد الخطوط فإننا سنحصل على أشكال صغيرة مع المزيد من التفاصيل، لذلك نستمر في رسم الخطوط حتى نرضى على النتيجة التي تحصلنا عليها. ثم نحددها جميعا ونضغط على الزر Divide من لوحة تحديد المسارات Pathfinder palette. نضغط على الزر الأيمن للفأرة ونختار Ungroup، ثم نحدد مساحة المربع ونحذف أي خط زائد. على مساحة العمل نضيف مجموعة من مربعات الألوان لتساعدنا على تلوين الأشكال، حيث نختار ثلاث أنواع مختلفة من التدرج اللوني ونطبقها على جميع الأشكال ولأننا سنقوم بعمل تصميم لجليد اخترنا تلك الألوان، لكن سيظهر بشكل جميل أيضا إذا تم تحديد ألوان أخرى. نختار الأداة Eyedropper ونضغط على CMD+Shift ثم على الأشكال بشكل عشوائي لتحديدهم، الآن نضغط مرة أخرى على الأداة Eyedropper ونختار المربع الأول لتحديد تعبئته ثم نطبقها على الأشكال المضلعة. نعيد نفس الطريقة لكن مع اختيار التدرج اللوني الثاني مع التأكد من أننا لم نختر نفس الأشكال المضلعة التي قمنا بتلوينها سابقا. نكرر العملية حتى ننتهي من تعبئة جميع الأشكال بالتدرجات اللونية، مع تغيير التعبئة حين تحمل الأشكال المتقاربة نفس التدرج اللوني. لم نصل بعد للنتيجة التي نريدها، لكن يمكننا تعزيز الألوان من خلال التعديل على التدرجات اللونية، نحدد أداة التدرج اللوني ثم نضغط ونسحب على كامل الشكل للتعديل وبشكل عشوائي على زوايا التدرج اللوني. أثناء عملنا على الجزء السفلي من التصميم نحاول أن نجعل اتجاهات التدرج اللوني مختلفة وليست كلها ذات التوجه. استخدام التدرجات اللونية بطريقة عشوائية يعزز من ألوان التصميم كما أنه يضيف المزيد من التباين بين درجات اللون الأزرق الداكنة والفاتحة. هناك إضافة بسيطة سنقوم بعملها لتعزيز ألوان التصميم، حيث نرسم دائرة ونختار لها التدرج اللوني الشعاعي radial gradient مع تحديد اللون الأبيض والقيمة 0 بالمائة للشفافية. من خلال إطار الشفافية نغير النمط من blending إلى Overlay وذلك لجعل اللون الأبيض يتفاعل مع اللون الأزرق الأساسي وإضافة المزيد من التباين في الألوان. نضاعف الدائرة ونضعها عشوائيا في مكان ما على التصميم وذلك لإضافة إضاءة ساطعة جميلة عليه. هذا هو الشكل النهائي لدرسنا والذي يمثل تصميم هندسي لقطع جليدية زرقاء حيث تمكننا من عمل الأشكال متعددة الأضلاع polygonal بسهولة بواسطة أداة تحديد المسارات Pathfinder tool بالإضافة إلى التدرجات اللونية والإضاءة التي ساعدتنا على تعزيز الألوان. ترجمة وبتصرف للمقال How To Create an Icy Blue Vector Geometric Design لصاحبة Chris Spooner.
  12. يحظى التصميم المسطح بشعبية كبيرة في تصميم مواقع الانترنيت، بالإضافة إلى كونه أسلوب رسم ممتع ويعطي نتيجة فنيه رائعة. حيث سيكون مناسب جدا إذا ما تم وضعه في تصاميم الأنفوجرافيك Infographics أو تصميم الأيقونات وحتى العلامات التجارية (Branding). في درسنا هذا سنتعلم طريقة رسم مشهد لفضاء على شكل فيكتور vector باستخدام برنامج Adobe Illustrator. العمل الفني الذي سنقوم به في درسنا سيحتوي على رسم لمنظر بسيط من الفضاء، كوكب،قمر ونجوم. جميعها مصمم بطريقة مسطحة وبألوان مشعة. الخطوط الدائرية تمنح التصميم تأثير الظلال عل الكوكبين والذي يعتبر من أشهر التأثيرات التي يتبناها مصممو النمط المسطح. نبدأ بفتح ملف جديد في برنامج أدوبي اليستريتور Adobe Illustrator ثم نرسم مستطيلا يغطي مساحة العمل وذلك لعمل خلفية لتصميمنا. نختار له اللون الأزرق الغامق (1e1e3a #) بالضغط مرتين على مربع التعبئة الموجود أسفل شريط الأدوات. في جزء آخر من مساحة العمل نرسم مستطيلا طويلا، ثم نُظهر الخطوط التوجيهية الذكية smart guides وذلك بإتباع المسار التالي: view > smart guides بعدها نضغط على alt+shift ونسحب المستطيل فنحصل على نسخة جديدة منه نضعها بالأسفل، ستساعدنا الخطوط التوجيهية الذكية في تحديد المكان المناسب للشكل بسهولة. نضغط باستمرار على cmd+t (اختصار للمسار object > tansforme > transforme again) لعمل سلسلة مستطيلات متوازية. نختار أداة التحديد ونقوم بتعديل عرض جميع المستطيلات مرة بتكبيرها ومرة بتصغيرها بشكل عشوائي لتظهر على شكل تدريجات كما هو موضح في الصورة: بعد الانتهاء من تعديل مقاس المستطيلات نقوم بتحديدهم ونضغط على زر unite من لوحة تحديد المسارات pathfinder لدمجها في شكل واحد. نختار أداة التحديد الحر فتظهر لنا نقاط الزوايا (بدءا من الإصدار cs6+) نضغط عليها ونسحبها لتدويرها، بالنسبة لمن يستخدم إصدارات أقدم من البرنامج فبإمكانه عمل ذات التأثير بإتباعه للمسار: effect > stylize > round corner وتحديد القيمة المناسبة. نتبع المسار التالي: object > transforme > rotate وندخل القيمة 25° ثم نغير لونه إلى الأزرق (313166 #) ونضع الشكل الذي تحصلنا عليه فوق الخلفية مع جعل الخطوط تتموضع على الجهة اليمنى في الأعلى. نضغط على الزر shift ثم على الخلفية لتحديدها مع الشكل السابق، بعدها نُفعل أداة Shape Builder tool من شريط الأدوات، ونضغط على المفتاح ALT ثم خارج المستطيل لقص الشكل حسب حجم مساحة العمل. نخفض قيمة الشفافية opacity إلى 20% لعمل تغيير خفيف على لون الخلفية. نقوم برسم دائرة باستخدام الأداة Ellipse tool في جزء من مساحة العمل دون أن ننسى الضغط على المفتاح Shift، ثم نقوم بتعبئتها باللون الأزرق السماوي مثلا اللون (0ceef4). نستخدم أداة المستطيل لرسم سلسلة من المستطيلات بنفس الخطوات السابقة مع تعديل أحجامها. ندمج أشكال المستطيلات باستخدام لوحة تحديد المسارات Pathfinder tool، ثم نقوم بتدوير الزوايا عن طريق سحب نقاط الزوايا التي تظهر لنا أو باستخدام تأثير Round Corners كما في الخطوة السابقة. نتبع المسار التالي: Object > Transform > Rotate وندخل القيمة 25° ونضع الشكل الذي تحصلنا عليه فوق الدائرة مع جعل الخطوط تتموضع على الجهة اليسرى السفلية. نغير لون تعبئة الخطوط إلى الأزرق الغامق (34bfd6#) وسينتج لنا تأثير ظلال بسيط بتقنية التصميم المسطح. نحدد كلا الشكلين ونستخدم أداة Shape Builder tool لقص الخطوط التي تكون خارج الدائرة. نزيل التحديد على الأشكال ثم نحدد الدائرة التي تمثل شكل الكوكب فقط ونتبع المسار التالي: Effect > Stylize > Outer Glow نغير لون الشكل إلى أزرق سماوي 0ceef4 أما قيمة الشفافية فنحددها بـ 100 % والحجم حوالي: 20 mm لعمل تأثير التوهج. نعيد نفس الخطوات لعمل الشكل الثاني والذي يمثل القمر لكن مع اختيار لون مختلف قد يكون اللون الأرجواني أو الأصفر، بالنسبة لي فقد اخترت اللونين e517be و af2b83، لا تنسى إضافة التأثير Outer Glow لكن بحجم أقل حتى تتناسب مع حجم القمر/الكوكب. نرسم دائرة بيضاء صغير في مكان آخر من مساحة العمل ثم نتبع المسار التالي: Effect > Distort & Transform > Pucker & Bloat نقوم بسحب مؤشر التأثير Pucker إلى غاية القيمة 85-% لنحصل على شكل نجمة. في هذه الخطوة نقوم بإضافة التأثير Outer Glow لكن مع اختيار اللون الأبيض وتخفيض قيمة blur إلى حوالي 2 mm. نضغط على الرمز"New icon" الموجود أسفل لوحة الرموز وذلك لإنشاء رمز جديد، لسنا بحاجة إلى تغيير الخاصية Movie Clip أو إعدادات الجرافيك Graphic setting. من شريط الأدوات نختار الأداة Symbol Sprayer tool بعدها نقوم بالضغط والسحب على جميع مساحة العمل لتوزيع العديد من النجوم الإضافية. في هذه الخطوة نختار الأداة Symbol Sizer tool من القائمة الفرعية للأداة Symbol Sprayer tool، ونضغط على المفتاحalt عند سحب الأداة على أشكال النجوم وذلك لتعديل حجمها. عند تمرير الأداة على كامل مساحة العمل فإنها تقوم بتغيير حجم الأشكال بطريقة عشوائية وعمل تأثيرات على البعض منها. نحدد المستطيل الذي يمثل الخلفية ونضغط على CMD+C لنسخه ثم على CMD+F لوضع النسخة في الواجهة، نحدد الشكل مع الرموز ونضغط على الزر الأيمن للفأرة ونختار Make Clipping Mask. سنلاحظ أن النجوم تظهر على سطح الكوكب والقمر، يمكننا تعديل ذلك من خلال تحديد الخاصية: Arrange > Send to Back لوضع النجوم فوق الخلفية. النتيجة النهائية عبارة عن تصميم مسطح جميل لمشهد من الفضاء. واستخدام الأشكال الأساسية له دور أساسي لعمل هذا النوع من التصاميم كما أن الألوان الحيوية التي قمنا باستخدامها أعطت للتصميم إضاءة إضافية وجعلته أكثر إشراقا. ترجمة بتصرف للمقال How To Create a Flat Style Vector Planet in Illustrator لصاحبه Chris Spooner.
  13. استخدام التأثيرات اللونية على الصور الفوتوغرافية شائع جدا في وقتنا الحالي، حيث أن هذا التأثير يظهر بشكل جميل خاصة عندما يقترن مع اللون الأخضر العنبي (vintage) والذي يضفي على صورك شعورا بالحنين والكلاسيكية. فقط حاول أن تطبق خطوات درسنا هذا لتتمكن من معالجة وتحويل صورك باستخدام برنامج فوتوشوب Photoshop وخلق تأثير لوني دافئ دون التأثير على جودتها. التأثير الذي سنطبقه على الصورة سيُكسبها لونا دافئا خمريا مستوحى من تأثيرات الأفلام القديمة وذلك باستخدام برنامج أدوبي فوتوشوب Photoshop adobe، من خلال إنشاء تعديلات على الطبقات ومزج الأنماط لعمل العديد من التلاعبات والمعالجات للصورة التي نعمل عليها. نقوم بفتح الصورة باستخدام برنامج فوتوشوب، بالنسبة لي فقد استخدمت صورة لدراجة نارية بألوانها الأصلية (أي دون إضافة أي تأثيرات)، أما التأثير اللوني الذي سنستخدمه في درسنا هذا فمن شأنه أن يُكمّل اللمسة الكلاسيكية للدراجة بشكل جميل، وذلك عن طريق إضافة مستويات من التعديلات على الطبقات بواسطة تحديد الخيارات الموجودة على أيقونة adjustment layer أسفل لوحة الطبقات Layers panel واختيار الخاصية Levels. نقوم بسحب السهم الذي يظهر باللون الأسود وذلك لتظليل الصورة، بعدها نحاول ضبط الإضاءة والتظليل وجعلهما يأخذان المستويات الطبيعية في الرسم البياني لإعادة بعض التغميق على الأجزاء السوداء وبعض الإضاءة على الأجزاء البيضاء. نضيف مجددا الخاصية adjustment layer لكن هذه المرة سنحدد كل من الخيارين الأبيض والأسود. نحتفظ بالخيارات الافتراضية، لكن مع تخفيض قيمة opacity للطبقة إلى 40% من أجل السماح لبعض من اللون الأصلي بالظهور عند إضافة التأثيرات اللونية. نقوم بإضافة بعض الألوان الدافئة على الصورة وذلك باستخدام Color Balance adjustment layer حيث نقوم أولا بتحديد الخاصية Shadows واختيار قيمة اللون الأحمر بـ: +20 أما قيمة اللون الأصفر فنحددها بـ: -30 دون أن ننسى وضع علامة أمام الخيار Preserve Luminosity لتحقيق أفضل نتيجة. في هذه الخطوة نحدد الخاصية Midtones ثم الخاصية Highlights ونختار قيمة اللون الأصفر بـ: +30 لإضافة بعض التأثيرات الذهبية على الصورة. نقوم بتغيير نمط لون الطبقة إلى Lighten حتى يتفاعل اللون الأصفر مع التأثيرات الأصلية وإكساب الصورة لونا دافئا. بإمكاننا إضافة تأثيرات لونية ذهبية وذلك عن طريق إضافة تدرج لوني مركب واستخدام درجات اللون البني، بالنسبة لي فقد اخترت اللونين 5b3c2c # و efdbcd# أما قيمة الزاوي فنحددها بـ: 45°. نغير نمط التدرج اللوني إلى Vivid Light حتى يُضفي اللون البني مزيدا من الإضاءة على الصورة ويجعلها أكثر حيوية. نخفض من قيمة الشفافية للتدرج اللوني Vivid Light للتخفيف من التأثيرات التي قمنا بعملها. لا يكتمل درسنا دون إضافة التأثير grit & grain لجعل الصورة تبدو وكأنها قديمة، لهذا نقوم تحميل وفتح الخامة ثم نغير نمط الطبقة إلى Screen لجعل الخلفية السوداء شفافة، ثم نخفف من قيمة الشفافية إلى 30 بالمئة. النتيجة النهائية للتأثير الذي قمنا بتطبيقه على الصورة جعلها تظهر وكأنها قديمة. خاصة مع تأثير اللونين الأصفر والبني. كل خطوة قمنا بعملها استخدمنا خاصية التعديل على الطبقات adjustment layers، وبالتالي فإن التلاعبات والمعالجات التي قمنا بها يمكننا تعديلها وضبطها للحصول على أفضل نتيجة. ترجمة وبتصرف للمقال How To Create a Washed Out Vintage Matte Photo Effect.
  14. يعتبر برنامج أدوبي اليستريتور adobe illustrator أداة مثالية لعمل ما يسمى بالفن التجريدي عن طريق استخدام الأشكال الأساسية ومجموعة من الخطوط، وفي درسنا هذا سنتعلم طريقة عمل شريط هندسي فني عن طريق الاستعانة بـ custom Art Brush. التأثير الذي سنقوم بعمله سيظهر بشكل رائع رغم أننا لن نستخدم سوى مجموعة من الخطوات البسيطة كما انه بإمكاننا استخدام تلك الخطوات لعمل شعار جميل أو لعمل كتابة فنية typography. العمل الفني الذي سنحصل عليه هو التشابك الظاهر في الصورة ورغم أنها عملية جدا بسيطة إلا انه يمكننا استخدامها لخلق مجموعة من التصاميم الرائعة كاستخدامها لإنشاء ملصقات ملونة وجذابة أو استخدامها لعمل شعارات وكتابات فنية. نقوم بفتح ملف جديد ثم وباستخدام أداة المستطيل rectangle tool نرسم مستطيل يكون طويلا ورفيعا ثم نختار له اللون الأسود . نقوم بإظهار الخطوط التوجيهية عن طريق الاختصار (CMD+U) ثم نقوم بسحبه مع الضغط على المفتاحين alt و shift في نفس الوقت وذلك لمضاعفته. حيث أن الخطوط التوجيهية ستساعدنا على وضع الأشكال جنبا إلى جنب بدقة. نقوم بتكرار العملية عن طريق الضغط على الاختصار CMD+D وذلك لمضاعفة الشكل وعمل سلسلة مرتبة ومتناسقة. نحدد جميع المستطيلات الناتجة (التي تكون بين المستطيلات السوداء) ونقوم بتعبئتها باللون الأبيض لينتج لنا شريط كالذي في الصورة: نضغط على الأيقونة "New" الموجودة على لوحة الفُرش لعمل فرشاة جديدة، ثم نضغط على option و نختار وضع الفرشاة بشكل عمودي من قائمة الإعدادات ثم نضغط على زر موافق: نرسم دائرة على مساحة العمل مع إلغاء التعبئة اللونية وخاصية stroke، نطبق عليها الفرشاة الجديدة التي قمنا بعملها مع تعطيل الخاصية "Scale Strokes and Effects" حتى نتمكن من تحويل الأشكال دون أن يتأثر نمط الفرشاة. نستخدم أداة القلم Pen tool ونضيف نقطتين على الشكل بحيث تكون بين النقطتين الموجودتين سابقا. بعدها نضغط على الفتاح delete ونحذف جزء من الدائرة ونبقي 3/4 منها: نقوم بمضاعفة الشكل الذي تحصلنا عليه ثم نستخدم الأداة Direct Selection tool و نحذف النقطة الموجودة في الأسفل فنحصل على نصف دائرة: نضاعف نصف الدائرة ونقوم بحذف نقطة أخرى للحصول على ربع دائرة ثم نطبق تأثير الفرشاة أفقيا وعموديا لإيقاف تدوير الأشكال التي قمنا بعملها: يمكننا الآن البدء في عمل تصميمنا عن طريق نسخ ولصق مختلف الأشكال التي قمنا بعملها سابقا، كما يمكننا الاستعانة بالخطوط التوجيهية التي ستساعدنا على ترتيبهم وتنسيقهم: يمكننا تعديل دمج الأشكال في الأجزاء التي تكون فيها متراكبة مع بعضها، نضغط على الاختصار ++CMD لوضع الأشكال فوق وتحت بعضها البعض: إذا قمنا بمحاذاة الأشكال بطريقة جيدة سنلاحظ أنها تتوزع بسلاسة من شكل لآخر: نستمر في تمديد التصميم عن طريق إضافة المزيد من الأشكال كما أنه يمكننا تدويرها وذلك لتغيير اتجاه الخطوط: نقوم باستخدام مسارات مستقيمة لتمديد الشكل عموديا وأفقيا إلى الحجم الذي نريده: نحدد الأشكال ونضعها في طبقة واحدة، وكذلك المسارات نقوم بوضعها في مجموعة واحدة ثم نضغط على CMD+C لمضاعفة الشكل الذي تحصلنا عليه: في مكان آخر من مساحة العمل نرسم مستطيل كبير ونملأه بالتدرج اللوني، حيث نختار لونين من الألوان الزاهية لينتج لنا تدرج لوني حيوي: نقوم بتحديد المستطيل، ثم ومن لوحة الشفافية Transparency panel نضيف له الخاصية Make Opacity Mask: نستخدم الاختصار CMD+V لوضع الشكل الذي قمنا بنسخه داخل التأثير Opacity Mask، أما اللونين الأبيض والأسود فهما لإظهار وإخفاء المناطق التي تحتوي على تدرج اللوني. نضغط على المربع الموجود يسار لوحة الشفافية للإيقاف خصائص mask mode: نتيجة درسنا تظهر بشكل رائع مع ألوان حيوية. نفس الخطوات بإمكاننا إتباعها لعمل شعارات وكتابة فنية جميلة، عند قيامنا بعمل أول فرشاة نقوم بتغير لون كل شكل حتى نحصل على تأثيرات متعددة الألوان. ترجمة -وبتصرف- للمقال How To Create Geometric Stripy Line Art in Illustrator لصاحبه Jon-Kristian.
  15. في درسنا هذا سنتعلّم طريقة رسم إجاصة شبه حقيقية باستخدام برنامج Adobe Illustrator CS6، إذا لم تمتلك هذه النسخة فبإمكانك استخدام أي إصدار آخر، حيث أنّ معظم الخطوات التي سنقوم بها يمكننا تنفيذها على إصدارات أقدم. سنتعلم أيضا طريقة استخدام أداة (Mesh Tool (U، لوحة الأشكال Symbol Panel وكذلك أداة (Symbol Sprayer Tool (Shift+S. قبل بدأ الدّرس سنقوم ببحث صغير لاستعراض بعض صور الفاكهة التي سنقوم برسمها كنوع من التّغذية البصرية. سنلاحظ أنها غير متماثلة، فكل نقطة من مساحة الشّكل لها لون مختلف، بالإضافة إلى وجود الكثير من النقاط السّوداء. فما الذي يمكننا القيام به لرسم شكل شبيه جدًا بشكل الفاكهة الأصلي؟ 1. نقوم بفتح ملف جديد واختيار الإعدادات التالية: الأبعاد: 800x600px.نمط الألوان: CMYK .ثم وباستخدام أداة القلم (Pen tool (P نرسم شكلًا أوّليا يمثل شكل الإجاصة مثل الذي في الصورة: 2. نتبع المسار التّالي: Effect > Stylize > Round corners ونحدد قيمة radius بــ: 30px، أو أي قيمة أخرى مناسبة. إذا قمت بالضّغط على زر موافق ok وأردت بعدها تعديل قيمة radius فبإمكانك فعل ذلك بإتباع المسار التالي: Windows > Appearance > Round Corners 3. يمكننا تعديل الشّكل الذي قمنا برسمه وذلك بتحريك النقاط الموجودة على المحيط باستخدام أداة التّحديد المباشر (Direct Selection Tool (A.عند تغيير أماكن النقاط سنلاحظ أنها تتحرّك بنفس قيمة radius التي حدّدناها سابقا. نستمر في تحريكها والتلاعب بها إلى غاية الحصول على شكل شبيه بالذي في الصورة. ثم نتبع المسار التالي: Object > Expand Appearance 4. أنهينا رسم شكل الفاكهة الأوّلي. سنعمل الآن على إضافة بعض اللّمسات التي ستجعل الفاكهة شبه حقيقية. نقوم أولا بملئها باللّون الأساسي C=50, M=35, Y=100, K=12. 5. نحدّد الأداة (Mesh Tool (U ثم نغير تموضع بعض النقاط كما في الصورة: 6. يمكننا تغيير لون كل نقطة قمنا بتعديل تموضعها أو فعل ذلك بعد الانتهاء من تصميم الشّكل عن طريق استخدام أداة التحديد المباشر Direct Selection Tool وذلك بتحديد كل نقطة على حدا و تغيير لونها: 7. نضيف نقطة جديدة أعلى الشّكل: 8. نحدّد الأداة (Pen Tool (P ونرسم شكلا آخر كما هو مبين في الصورة ثم نملأه باللون C=35 M=70 Y=100 K=30. بعدها نستخدم أداة the Mesh Tool لتلوين الشّكل كما في الصورة: 9. نضع الشكل الجديد فوق الشكل السابق الذي قمنا برسمه: 10. سنقوم الآن برسم الأوراق وذلك باستخدام أداة القلم (Pen Tool (P، ثم نقوم بتلوينها باللّون الأخضر مع استخدام أداة (Mesh Tool (M بنفس الطّريقة السابقة: 11. نضع الأوراق التي قمنا برسمها في مكانها المخصّص كما هو موضح في الصورة، ثم نتّبع المسار التالي: Object > Arrange > Send Backward كما بإمكاننا استخدام الاختصار Ctrl+[ لوضعها خلف الشكل السّابق: 12. نحتاج إلى إضافة بعض النقاط على الشكل. نقوم أوّلا برسم دائرة صغيرة باستخدام الأداة (Ellipse Tool (L ونملأها بالتدرج اللوني C=40 M=90 Y=45 K=0 والأبيض C=0 M=0 Y=0 K=0. ثم نتبع المسار التالي: Window > Transparency Panel ونختار القيمة 40% 13. نحدّد الدّائرة التي قمنا برسمها ثمّ نتّبع المسار التالي: Window > Symbols Panel > Graphic 14. باستخدام لوحة الرموز Symbol Panel نحدّد الشكل الجديد. ثم نحدّد أداة (Symbol Sprayer Tool (Shift+S ونقوم بـتوزيع الدّوائر الصغيرة على جميع الشّكل: 15. لا مشكلة إذا كانت الدوائر الموزعة تأخذ مساحة كبيرة لأنه بإمكاننا تقليص تلك المساحة. سنحتاج إلى التعديل على الرموز وذلك بالضغط مرتين على Symbols Panel. بعدها نقوم بتخفيض الشفافية إلى 50% أو أي قيمة أخرى تراها مناسبة. بعد إنهاء التعديلات نقوم بالضغط مرتين على المساحة البيضاء وذلك لإيقاف خاصية تعديل الرموز symbol. أما لإكمال عملية توزيع النقاط فإننا نقوم بتحديدها وبعدها نستخدم أداة Symbol Sprayer Tool لإنهاء عملية التوزيع على الشّكل. 16. نتبع المسار التّالي: Object > Expand و نضغط OK، بعدها نقوم بحذف النّقاط الغير ضرورية أو تحريكها إذا كانت ضرورية ( إذا قمت بتعديل خصائص النقاط باستخدام Symbol Panel فستلاحظ أن جميع النقاط ستتخذ نفس الخصائص لذلك فأنت لست بحاجة إلى تعديل كل نقطة على حدا). 17. نقوم برسم دائرة جديدة باستخدام الأداة Ellipse Tool وملئها بالتدرج اللوني الأبيض والأسود أو من الأخضر الغامق إلى الأبيض. 18. نقوم بضغط الدّائرة لوضعها وراء شكل الفاكهة وذلك بإتباع المسار التالي: Object > Arrange > Send to Back 19. أنهينا تصميم فاكهة الإجاص. بإمكاننا استخدام نفس الطريقة لرسم تفاحة أو أي فاكهة أخرى. ملاحظة: في هذا الدرس قمنا باستخدام نمط الألوان CMYK، لكن إذا كان التصميم سيُستخدم على الويب (وليس للطباعة) فالأصح أن يتم استخدام النّمط RGB. ترجمة -وبتصرّف- للدّرس Create a Realistic Delicious Pear - Illustrator tutorial.