طريقة تصميم علم قماشي باستخدام Photoshop


zahershullar

بعد أن قمنا بتصميم الانعكاس المائي لشعار الأكاديمية في الدرس السابق سنقوم اليوم برفع علم الأكاديمية عبر تصميم العلم القماشي لأكاديمية حسوب بواسطة برنامج الفوتوشوب. الخطوات سهلة وبسيطة تابعوها خطوة خطوة. في البداية يجب أن نعلم أن نواة هذا الدرس هو تأثير (مُرشّح Filter) يدعى Displace ولتطبيق هذا التأثير سنحتاج إلى ملفين فوتوشوب الأول سيكون عبارة عن أساس القماش الذي سيأخذ العلم شكله الفعلي والثاني هو رسم العلم الأساسي البسيط. نبدأ أولاً مع الملف الأول حيث قمت بتحميل صورة قماش من بحث جوجل وحملت هذه الصورة المجانية.

01.thumb.jpg.b177a7f9a469a63762d281c2cc8

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

Image > Adjustments > Desaturate

أو بالضغط على Ctrl+Shift+U لتحقيق نفس النتيجة حيث سنجرّد هذه الصورة من ألوانها ونحافظ على تدرجات الرمادي فيها فقط.

02.thumb.jpg.83d6c1aa8d4c045d28ecce98ec5

والآن احفظ الملف بإسم "قماش.PSD” وانتبه حيث يجب أن يكون الملف بتنسيق PSD.
وبهذا ننتهي من الملف الأول.
وسنبدأ بالملف الثاني والذي سنرسم فيه العلم. طبعًا بإمكانكم اختيار أي علم جاهز لأي دولة أو فريق رياضي أو غيره كما تشاؤون.
لنفتح ملف جديد بحجم 500×300.

03.thumb.jpg.9c1599ce60c98da4e5e1fd5c39e

سنرسم مستطيلين عرضيين بأي لون تشاء ولكنني اخترت اللون (00c9a5) وسنترك اللون الأوسط باللون الأبيض.

04.thumb.jpg.f724e18fc1b4d998ffd11624685

سندرج شعار الأكاديمية في الوسط كما في الصورة.

05.thumb.jpg.f7912262fe0b96d701c753bce2f

قم بدمج جميع الطبقات وذلك من القائمة:

Layer > Flatten Image

ثم ضاعف هذه الطبقة وحدد الطبقة الجديدة لتنفيذ التأثير عليها. والآن اذهب للقائمة:

Filter > Distort > Displace

فتظهر لنا أدوات هذا الفلتر، سنضع القيم والإعدادات كما في الصورة.

06.thumb.jpg.e9ea3616f1f3b3a6534d54e4cb7

وبعد الضغط على Ok سيفتح نافذة لتحديد الملف فقم باختيار ملف "قماش.PSD” ثم اضغط موافق.
وستكون النتيجة بعدها بهذا الشكل:

07.thumb.jpg.94e059a66f23ba1dbb3deb4c29e

الآن قم بإدراج ملف "قماش.PSD” على ملفنا الحالي ليكون طبقة جديدة.
ثم غيّر خصائص المزج لطبقة القماش إلى Hard Light لترى هذه النتيجة.

08.thumb.jpg.6eb544dea5139f7ede8bb341204

وإذا بدّلت خصائص المزج لطبقة القماش لأنواع مختلفة ستحصل على نتائج مختلفة أيضًا وهذه فرصة مناسبة للتعرف على مختلف خصائص المزج وتأثيراتها.
وفي هذه الحالة حيث أن ألوان التصميم داكنة نوعًا ما سنقوم بتخفيف Opacity لطبقة القماش لنحو 60% ليصبح التصميم أكثر جمالًا وروعةً.

09.thumb.jpg.50364bf22aa141500f0d5096e22

بالتأكيد فإن دروس تصميم علم مشابهة لدرسنا منتشرة عبر الإنترنت ولكن ما سنقوم به الآن هو تصميم فريد من نوعه.
سنضيف علمًا آخر فوق طرف العلم الأول وهذه المرة سيكون علم منصة مستقل بلونها الأزرق المميز.
أولاً سنحتاج إلى صورة قماش يكون موضوعًا على طرف الصورة.

10.thumb.png.04c9f331073685746e004709cf2

وسنحتاج إلى صورة تمثل علم منصة مستقل وهو عبارة عن شعار الموقع.

11.thumb.jpg.07d3f2a4d728555aab268d70a55

سنفتح ملف فوتوشوب جديد بنفس الحجم السابق لملفاتنا 500×300 وستكون الخلفية شفافة.

12.thumb.jpg.87dda49bd480d7d039221bc4cba

سنضع صورة القماش في أقصى الزاوية العليا اليسرى.

13.thumb.jpg.c0dd45aa9a704ba7d56a8b93873

حدد طبقة القماش واذهب للقائمة:

Image > Adjustments > Desaturate

ملاحظة: إذا لم تكن خيارات القائمة مفعّلة فانقر بالزر الأيمن على الطبقة واختر Rasterize Layer.

14.thumb.jpg.b9ebcb4439c5d0fae35e1ed4650

احفظ الملف بإسم "قماش2.PSD” ثم أغلق الملف.
من جديد لنعد إلى ملف العمل الأصلي. وسنقوم بإدراج الملف "قماش2.PSD” كطبقة جديدة فوق جميع الطبقات.

15.thumb.jpg.846a9022dc95695ecbe966e960a

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

16.thumb.jpg.d2cda01e684d2d2cfccb2fd2e0a

اضغط Ctrl+T لنتمكن من تحويل الصورة كما نشاء ثم عدّل من زاوية الشعار وموضعه ليكون بزاوية 45 درجة تقريبًا وفي أقصى الركن فوق طبقة القماش الجديدة تمامًا.

17.thumb.jpg.d1c1bbd044d1f314bc443634d71

مع الضغط على Ctrl انقر على طبقة القماش الثانية لتحدد مساحة القماش تمامًا.

18.thumb.jpg.16a6586062c5feed68dad915bfe

 حدد طبقة شعار مستقل ثم اذهب للقائمة:

Select > Invert

وذلك لتعكس التحديد ويشمل التحديد الجديد كل مساحة العمل باستثناء القماش الجديد. انقر Delete لحذف الأجزاء الإضافية من الشعار الخارجة عن إطار القماش.

19.thumb.jpg.f88679e6ef9a51df21ff2c1244d

اذهب للقائمة:

Filter > Distort > Displace

وحافظ على ذات القيم الموضوعة ثم اختر ملف "قماش2.PSD”.
ستحصل بعض الإزاحة في صورة الشعار قم بتحريكها لإعادتها إلى مكانها.
الآن اسحب طبقة القماش الجديدة وضعها فوق طبقة الشعار وغيّر خصائص المزج لها إلى Hard Light.

20.thumb.jpg.973e7a4ecaf36fd76875e986518

خفف قيمة Opacity إلى 80%.
بقي لنا أن نضيف ظلالًا للقماش الجديد فوق القديم.
ضاعف طبقة شعار مستقل واسحب الطبقة الجديدة لتصبح تحت القديمة مباشرة ثم انقر على زر Add a Layer Style أسفل لوحة الطبقات واختر Stroke وأدخل القيم التالية كما في الصورة:

21.thumb.jpg.6eeea32ff781885990771bb68ac

ثم انتقل إلى Color Overlay وأدخل القيم كما في الصورة أيضًا:

22.thumb.jpg.1958c794c3ba49351c7b07a199c

سنقوم الآن بالنقر بالزر الأيمن على هذه الطبقة ونختار Rasterize Layer Style ثم اذهب للقائمة:

Filter > Blur > Motion Blur

أدخل القيم التالية كما في الصورة:

23.thumb.jpg.a1fce890a5f2c57f49da90f6670

اسحب طبقة الظلال هذه إلى تحت طبقة القماش الأولى ثم اذهب للقائمة:

Filter > Distort > Displace

واختر ملف القماش الأول:

24.thumb.jpg.113a86b8964638fa5954e7a1384

خفف قيمة Opacity إلى 80%.

25.thumb.jpg.c796c281bb15233a1b8a73b6ae2

يمكن تحميل ملفات الدرس من هنا.

إن للفلاتر استخدامات هائلة وفلتر Displace ماهو إلا أحد هذه الفلاتر الرائعة وقد شاهدنا تأثيراتها المذهلة على انعكاس المياه في الدرس السابق وعلى الأقمشة وثنياتها في هذا الدرس.
قوموا بتجربة هذا الدرس وشاركوا تجاربكم عبر التعليقات في الأسفل.

والآن حان دورك. اختر علمًا ترغب في تنفيذ هذا الدّرس عليه، وارفع النّتيجة النّهائية في التّعليقات لنُشاهدها.



4 اشخاص أعجبوا بهذا


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


درس رائع وأنا جربته والنتيجة

 

نتيجة جميلة جدًا

أحسنت

شارك هذا التعليق


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

هذه تجربتي

112.thumb.jpg.a386a5682aafce605ee316b2f8

الدرس ممتع حقًا

شارك هذا التعليق


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


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

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن