مجال عالم التصميم مجال عالم التصميم
recent

آخر الأخبار

recent
random
جاري التحميل ...

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


سنقوم اليوم برفع علم الأكاديمية عبر تصميم العلم القماشي لأكاديمية حسوب بواسطة برنامج الفوتوشوب. الخطوات سهلة وبسيطة تابعوها خطوة خطوة. في البداية يجب أن نعلم
أن نواة هذا الدرس هو تأثير (مُرشّح 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 ماهو إلا أحد هذه الفلاتر الرائعة وقد شاهدنا تأثيراتها المذهلة على انعكاس المياه في الدرس السابق وعلى الأقمشة وثنياتها في هذا الدرس.
قوموا بتجربة هذا الدرس وشاركوا تجاربكم عبر التعليقات في الأسفل.
والآن حان دورك. اختر علمًا ترغب في تنفيذ هذا الدّرس عليه، وارفع النّتيجة النّهائية في التّعليقات لنُشاهدها.

منقول من اكادمية حسوب

عن الكاتب

ABDALRHIM ALSARSOUR

التعليقات


اتصل بنا

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

جميع الحقوق محفوظة

مجال عالم التصميم