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

بعد أن قمنا بتصميم الانعكاس المائي لشعار الأكاديمية في الدرس السابق سنقوم اليوم برفع علم الأكاديمية عبر تصميم العلم القماشي لأكاديمية حسوب بواسطة برنامج الفوتوشوب. الخطوات سهلة وبسيطة تابعوها خطوة خطوة. في البداية يجب أن نعلم أن نواة هذا الدرس هو تأثير (مُرشّح Filter) يدعى Displace ولتطبيق هذا التأثير سنحتاج إلى ملفين فوتوشوب الأول سيكون عبارة عن أساس القماش الذي سيأخذ العلم شكله الفعلي والثاني هو رسم العلم الأساسي البسيط. نبدأ أولاً مع الملف الأول حيث قمت بتحميل صورة قماش من بحث جوجل وحملت هذه الصورة المجانية. سنقوم بتعديلها لتصبح مناسبة لتطبيق التأثير وأفضل حالات الصورة لمثل هذا الفلتر هو تدرجات الرمادي مع مستويات معينة. اذهب للقائمة Image > Adjustments > Desaturate أو بالضغط على Ctrl+Shift+U لتحقيق نفس النتيجة حيث سنجرّد هذه الصورة من ألوانها ونحافظ على تدرجات الرمادي فيها فقط. والآن احفظ الملف بإسم "قماش.PSD” وانتبه حيث يجب أن يكون الملف بتنسيق PSD. وبهذا ننتهي من الملف الأول. وسنبدأ بالملف الثاني والذي سنرسم فيه العلم. طبعًا بإمكانكم اختيار أي علم جاهز لأي دولة أو فريق رياضي أو غيره كما تشاؤون. لنفتح ملف جديد بحجم 500×300. سنرسم مستطيلين عرضيين بأي لون تشاء ولكنني اخترت اللون (00c9a5) وسنترك اللون الأوسط باللون الأبيض. سندرج شعار الأكاديمية في الوسط كما في الصورة. قم بدمج جميع الطبقات وذلك من القائمة: Layer > Flatten Image ثم ضاعف هذه الطبقة وحدد الطبقة الجديدة لتنفيذ التأثير عليها. والآن اذهب للقائمة: Filter > Distort > Displace فتظهر لنا أدوات هذا الفلتر، سنضع القيم والإعدادات كما في الصورة. وبعد الضغط على Ok سيفتح نافذة لتحديد الملف فقم باختيار ملف "قماش.PSD” ثم اضغط موافق. وستكون النتيجة بعدها بهذا الشكل: الآن قم بإدراج ملف "قماش.PSD” على ملفنا الحالي ليكون طبقة جديدة. ثم غيّر خصائص المزج لطبقة القماش إلى Hard Light لترى هذه النتيجة. وإذا بدّلت خصائص المزج لطبقة القماش لأنواع مختلفة ستحصل على نتائج مختلفة أيضًا وهذه فرصة مناسبة للتعرف على مختلف خصائص المزج وتأثيراتها. وفي هذه الحالة حيث أن ألوان التصميم داكنة نوعًا ما سنقوم بتخفيف Opacity لطبقة القماش لنحو 60% ليصبح التصميم أكثر جمالًا وروعةً. بالتأكيد فإن دروس تصميم علم مشابهة لدرسنا منتشرة عبر الإنترنت ولكن ما سنقوم به الآن هو تصميم فريد من نوعه. سنضيف علمًا آخر فوق طرف العلم الأول وهذه المرة سيكون علم منصة مستقل بلونها الأزرق المميز. أولاً سنحتاج إلى صورة قماش يكون موضوعًا على طرف الصورة. وسنحتاج إلى صورة تمثل علم منصة مستقل وهو عبارة عن شعار الموقع. سنفتح ملف فوتوشوب جديد بنفس الحجم السابق لملفاتنا 500×300 وستكون الخلفية شفافة. سنضع صورة القماش في أقصى الزاوية العليا اليسرى. حدد طبقة القماش واذهب للقائمة: Image > Adjustments > Desaturate ملاحظة: إذا لم تكن خيارات القائمة مفعّلة فانقر بالزر الأيمن على الطبقة واختر Rasterize Layer. احفظ الملف بإسم "قماش2.PSD” ثم أغلق الملف. من جديد لنعد إلى ملف العمل الأصلي. وسنقوم بإدراج الملف "قماش2.PSD” كطبقة جديدة فوق جميع الطبقات. والآن أضف صورة شعار مستقل كطبقة جديدة فوق الجميع. اضغط Ctrl+T لنتمكن من تحويل الصورة كما نشاء ثم عدّل من زاوية الشعار وموضعه ليكون بزاوية 45 درجة تقريبًا وفي أقصى الركن فوق طبقة القماش الجديدة تمامًا. مع الضغط على Ctrl انقر على طبقة القماش الثانية لتحدد مساحة القماش تمامًا. حدد طبقة شعار مستقل ثم اذهب للقائمة: Select > Invert وذلك لتعكس التحديد ويشمل التحديد الجديد كل مساحة العمل باستثناء القماش الجديد. انقر Delete لحذف الأجزاء الإضافية من الشعار الخارجة عن إطار القماش. اذهب للقائمة: Filter > Distort > Displace وحافظ على ذات القيم الموضوعة ثم اختر ملف "قماش2.PSD”. ستحصل بعض الإزاحة في صورة الشعار قم بتحريكها لإعادتها إلى مكانها. الآن اسحب طبقة القماش الجديدة وضعها فوق طبقة الشعار وغيّر خصائص المزج لها إلى Hard Light. خفف قيمة Opacity إلى 80%. بقي لنا أن نضيف ظلالًا للقماش الجديد فوق القديم. ضاعف طبقة شعار مستقل واسحب الطبقة الجديدة لتصبح تحت القديمة مباشرة ثم انقر على زر Add a Layer Style أسفل لوحة الطبقات واختر Stroke وأدخل القيم التالية كما في الصورة: ثم انتقل إلى Color Overlay وأدخل القيم كما في الصورة أيضًا: سنقوم الآن بالنقر بالزر الأيمن على هذه الطبقة ونختار Rasterize Layer Style ثم اذهب للقائمة: Filter > Blur > Motion Blur أدخل القيم التالية كما في الصورة: اسحب طبقة الظلال هذه إلى تحت طبقة القماش الأولى ثم اذهب للقائمة: Filter > Distort > Displace واختر ملف القماش الأول: خفف قيمة Opacity إلى 80%. يمكن تحميل ملفات الدرس من هنا. إن للفلاتر استخدامات هائلة وفلتر Displace ماهو إلا أحد هذه الفلاتر الرائعة وقد شاهدنا تأثيراتها المذهلة على انعكاس المياه في الدرس السابق وعلى الأقمشة وثنياتها في هذا الدرس. قوموا بتجربة هذا الدرس وشاركوا تجاربكم عبر التعليقات في الأسفل. والآن حان دورك. اختر علمًا ترغب في تنفيذ هذا الدّرس عليه، وارفع النّتيجة النّهائية في التّعليقات لنُشاهدها.

لتصميم علم سباق عن طريق برنامج إنكسكيب اتبع الخطوات المذكورة في هذا الدرس. من قائمة الملف File اختر Document properties ثم من النافذة المنبثقة أزل العلامة عند عبارة Show page border وذلك لإخفاء الإطار الموجود في الصفحة. من قائمة العرض View اختر Zoom ثم Zoom 1:1 لتكبير مساحة العمل. ارسم مربعا باللون الأسود متساوي الطول والعرض وذلك بالضغط على Ctrl أثناء الرسم، واجعل قيمة شفافيته Opacity 50 أو قريب من هذه القيمة وذلك من لوحة التعبئة والحدود Fill and stroke . بأداة الرسم المنحني Bezier ارسم خطا مستقيما يقطع الجزء العلوي من المربع وموازٍ لضلع المربع وذلك بإنشاء العقدة الأولى بنقر المؤشر في الموضع الذي نرغب به ثم سحب المؤشر مع الضغط على Ctrl للطرف الآخر لإنشاء العقدة الأخرى ثم من لوحة المفاتيح نضغط على زر Enter لنحصل على الخط. نختار أداة التحرير Node tool ونسحب عن طريقها الجهة اليسرى من الخط للأعلى ليتكون عندنا انحناء. نضغط على العقدة Node ليظهر لنا ذراع العقدة Node handle وعن طريق تحريك ذراعي العقدتين نحصل على الانحناء الذي نرغب به. كرر الانحناء عن طريق الضغط بزر الفأرة الأيمن واختيار أمر تكرار Duplicate أو عن طريق الاختصار Ctrl+d، ثم اسحب النسخة المكررة للأسفل حيث الموضع الذي نرغب أن يكون عليه ارتفاع العلم مع الضغط على Ctrl أثناء التحريك ليكون بمحاذاة المنحنى الأول. نحدد المنحنيين معا وذلك عن طريق الضغط على Shift أثناء التحديد، ثم من قائمة المسار Path نختار Stroke to path لتحويلهما لمسار. ثم من نفس قائمة المسار نختار Union لجعلهما شكلا واحدا، ثم نحدد المربع بعد التأكد من كون المنحنيين ما زالا محددين بالضغط على Shift أثناء التحديد، ثم من قائمة Path نختار الأمر Difference ثم Brake apart لتقسيم المربع إلى أجزاء. نحذف الجزء العلوي والسفلي من المربع لنحصل على شكل العلم، ثم نقوم بتكراره وتلوينه باللون الأحمر ثم نكرره مجددا ونلونه باللون الأزرق. نحرك النسخة الزرقاء إلى الأسفل قليلا مع الضغط على Ctrl أثناء التحريك ليظهر لنا جزء يسير من النسخة الحمراء. نختار كلا من النسخة الحمراء والزرقاء ثم من قائمة المسار نختار Difference لنحصل على شكلٍ منحنٍ في أعلى العلم. نكرر الشكل المنحني الأحمر الذي أنشأناه أعلى العلم ثم نحدد الشكل المكرر مع العلم ونحاذي المنحنى مع حافة العلم السفلى من لوحة المحاذاة والاصطفاف Align and distribute. نكرر المنحنى الأحمر عن طريق Duplicate أو يمكننا أن نضغط على زر المسافة أثناء تحريك النسخة الأصل لتنشأ لنا نسخة جديدة مع الضغط على Ctrl أثناء التحريك. لتحديد جميع المنحنيات يمكننا تحديدها معا عن طريق Shift مع التحديد أو عن طريق تحديد إحداها ثم بالزر الأيمن نختار Select same ثم نختار Fill and stroke لتحديد جميع الأشكال المتماثلة في التعبئة والحدود، ثم من لوحة الاصطفاف نختار جعل المسافة بين المنحنيات متساوية. نوحد المنحنيات الحمراء طريق Union ونسحبها لجهة اليمين مع الضغط على Ctrl أثناء التحريك لتبقى بنفس محاذاة العلم، ثم نرسم مستطيلا بعرض قريب من عرض المنحنيات الحمراء ونحاذيه لحافة المنحنيات اليسرى، ثم نكرر المستطيل ونحاذيه مع الحافة اليمنى للمنحنيات. نحدد كلا المستطيلين ثم من قائمة المسار نختار Object to path لتحويل الأشكال لمسارات، ثم من قائمة الإضافات Extensions نختار الأمر إنشاء من المسار Generate from path ثم نختار Interpolate لتوليد أشكال. ستظهر لنا نافذة منبثقة، نضع القيمة 7 في خانة Interpolate steps ونضع علامة صح عند عبارة Live preView لعرض التغيرات بشكل مباشر. نحذف المستطيلين الأصليين وسنحتاج للضغط على alt لتحديدهما من خلف المستطيلات الجديدة، ثم نفك تجميع المستطيلات التي أنشأناها بضغط أمر Ungroup من الشريط العلوي أو باختيار الأمر عن طريق الضغط على المستطيلات بالزر الأيمن، ثم نوحدها عن طريق Union. ملاحظة: يمكننا أن نكرر المستطيلات بنفس طريقة تكرار المنحنيات الحمراء ثم نساوي المسافة بينها عن طريق خيارات الاصطفاف، أو اتباع هذه الطريقة في التكرار إن كانت أسهل. نكرر العلم الأصل ثم نحدده ونحدد بعد ذلك المنحنيات الحمراء ونحاذيه عاموديا معها، ثم من قائمة المسار نختار خيار التقاطع Intersection للتخلص من زوائد المستطيلات الزرقاء. نحدد الخطوط الزرقاء مع المنحنيات الحمراء ثم نوحدها معا عن طريق Union ونحدد الشكل الشبكي المتكون ثم نحدد العلم الأصل ونحاذيه معه عاموديا. لإلغاء التحديد عن كلا الشكلين نضغط على المساحة البيضاء ثم نختار الشكل الشبكي الأحمر ومن قائمة المسار نختار الأمر Break apart لإنشاء مربعات وسط الشكل الشبكي. نكبر الشاشة عن طريق علامة + من لوحة المفاتيح ونختار الشكل الشبكي دون المربعات ونقوم بحذفه بحيث تتبقى المربعات فقط. ملاحظة: لإعادة الشاشة لحجمها نضغط على علامة - للتصغير أو نكتفي بضغط رقم 1 ليعيد الشاشة بحجمها الذي اخترناه بداية الدرس. نبدأ بحذف أول مربع أعلى اليمين ونترك الذي يليه وهكذا نحذف المربعات بالتناوب، وعند بدء صف جديد نترك المربع الأول ونحذف التالي ثم ننتقل للصف الذي يليه ونقوم بالعكس إلى أن نحصل على شكل شبيه برقعة الشطرنج. نحدد المربعات الحمراء ولتحديدها يمكننا اتباع أكثر من طريقة إما عن طريق خيار التحديد المماثل Same select أو عن طريق تحديد جميع الأشكال بسحب مؤشر الفأرة عليها ثم الضغط على العلم مع اختيار Shift أثناء التحديد لاستبعاده. نجعل قيمة الشفافية 100 ونلونها باللون الأبيض من الشريط السفلي أو من لوحة التعبئة والحدود. نختار العلم ونجعل قيمة شفافيته 100 ليصبح علما أسودا ثم نرسم حاملا للعلم في حافته ونُفعّل من الشريط العلوي من شريط الكبس والالتقاط Enable Snapping خيار Snap cusp Nodes حتى يلتقط حافة العلم حافة الحامل. نحدد العلم والحامل ونجمعها معا عن طريق Ctrl+g ثم نضغط على العلم مجددا لتظهر أسهم التدوير وندوره مع الضغط على Ctrl مرتين اتجاه عقارب الساعة، ثم من الشريط العلوي نعكسه أفقيا. لنحصل على الشكل النهائي التالي: المقال مستفاد من مقطع فيديو بعنوان Inkscape for Beginners: Vector Checkered Flag لصاحبه Nick Saporito.