تصميم نافذة على المدينة باستخدام فوتوشوب


zahershullar

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

Final-City-Scape_(1).thumb.png.04b82d298

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

wallpaper-341082.thumb.png.51db3680bc3ac

افتح هذه الصورة في فوتوشوب ثم تأكّد من أن المسطرة مُفعّلة، فإن لم تكن مُفعّلة فاضغط Ctrl+R لتظهر المسطرة ثم استخدم أداة التحريك Move Tool من خلال الضغط على المفتاح V واسحب دليلًا من المسطرة العلوية الأفقيّة وضعه على الثلث السفلي من الصورة.

01.thumb.png.a5b6dccbcc2b0b8c32b813578fc

استعن بهذا الدليل وحدّد باستخدام أداة التحديد المستطيل Rectangular Marquee Tool الجزء العلوي من الصورة ابتداءً من الدليل ثم اضغط Ctrl+J لنسخ التحديد في طبقة جديدة ثم اقلب النسخة رأسًا على عقب من القائمة:

Edit > Transform > Flip Vertical

ثم حرّك النسخة أسفل الدليل مباشرة.

02.thumb.png.6a7b089377111fd125300c641e3

الآن اصنع نسخةً عن الطبقة الجديدة ثم اذهب للقائمة:

Filter > Blur > Gaussian Blur

وضع قيمة نصف القطر 5.

03.thumb.png.61596b12e456f71ec8172e66f09

ثم نطبّق قناع Mask على هذه الطبقة المموّهة بحيث يكون الجزء العلوي من الطبقة شديد الوضوح على عكس الجزء السفلي.

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

05.thumb.png.e467e2548d19c3620f2f2e07af6

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

وستكون النتيجة بهذا الشكل.

05.thumb.png.e467e2548d19c3620f2f2e07af6

أنشئ طبقة لون فوق كل الطبقات في لوحة الطبقات.

اختر اللون الأزرق ذو القيمة 486eeb من لوحة الألوان.

08.thumb.png.3b63f6c5a72f601b43854bd39ee

09.thumb.png.f048ee697297bb0ea8252260f6b

اجعل خصائص المزج لهذه الطبقة Overlay.

10_(1).thumb.png.361de2706052c3d301bbc5c

هذا اللون يضفي رونقًا خاصًّا على المشهد الليلي للمدينة. الآن استخدم أداة رسم شكل المستطيل Rectangle Tool وارسم مستطيلًا أسود رفيعًا يقطع الصورة عرضيًّا عند الدليل تمامًا. ثم انقر على هذه الطبقة بالزر الأيمن واختر Rasterize Layer.

11.thumb.png.80c897266022fa7afc6a937c7e7

ارسم مستطيلًا طوليًّا هذه المرة يبدأ من أعلى الصورة وينتهي عند المستطيل الأفقي بعرض متقارب مع سماكة المستطيل الأفقي.

12.thumb.png.a7d670e86b9777d7ce51d18bf6e

انسخ هذه الطبقة بالضغط على Ctrl+J ثم وزّع المستطيلات عرضيًّا بشكلٍ متوازن. تُشكّل هذه الأشكال منظر عدّة نوافذ عملاقة تُطلُّ على المدينة.

13.thumb.png.275b3fffec93bf243512e06f21d

الآن ضاعف المستطيل العمودي الأوسط (الثاني من اليمين) وحرّك النسخة على يمين الأصل ثم حدّده بالنقر على مُصغّر الطبقة مع الضغط على مفتاح Ctrl ثم استخدم تدرجًّا لونيًّا من الأزرق إلى الأسود مع اختيار الخيَار Reflected من شريط أدوات التدرج اللوني العلوي واجعل التدرج يغطي جزءًّا صغيرًا وسط العمود الأسود.

14.thumb.png.f8dfa3845107021bf8491552f91

طبّق تأثير الحدود من ضمن أنماط الطبقة على المستطيل واجعلها حدودًا سوداء قليلة السماكة بقيمة 2.

15.thumb.png.47de2a8a21905c90fdb07b0e9d7

ضاعف هذه الطبقة الجديدة وحرّك النسخة الجديدة إلى يسار العمود الأوسط الأيمن. تُمثّل الأشكال الجديدة انعكاس إضاءة المدينة على جوانب الأعمدة. ولمنح الواقعية الهندسية على التصميم انسخ طبقتي الانعكاس وحرّكهما إلى جوانب الأعمدة الجانبية مع مراعاة جهة المحاذاة واستخدم أدوات التعديل Transform وذلك بالضغط على Ctrl+T ثم كبّرهما عرضيًّا فقط بشكل طفيف. هذا يمنح المشهد نظرة هندسية واقعية حيث يبدو العمودان في المنتصف مختلفان بالرؤية عن العمودين الجانبيين من حيث زاوية النظر.

16.thumb.png.95494f143ee30c57a515c545814

حدّد جميع الأعمدة العمودية مع طبقات الانعكاس الخاصة بها من خلال النقر عليها مع الضغط على مفتاح Shift ثم انقر بالزر الأيمن عليها واختر Merge Layers وبذلك يتم دمجها في طبقةٍ واحدة تكون فوق طبقة العمود الأفقي الأرضي. طبّق تأثير الظلال Drop Shadow على طبقة العمود الأفقي الأرضي واجعل لون الظلال أزرق والزاوية -90 درجة وDistance بقيمة 4 والحجم Size بقيمة 7.

17.thumb.png.74653099e131fe70de095423ca8

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

18.thumb.png.370b428231a385868457c461d85

والآن سنُدرج خيالَ رجلٍ واقفٍ يشاهد منظر هذه المدينة من النافذة، وسنستخدم لأجل ذلك نموذجًا مرسومًا جاهزًا مجانيًّا من موقع Cliparts.co وقد اخترت هذه الصورة وبالتحديد الرجل الثاني من اليسار.

19.thumb.png.f698f1309cc10774f5ce9ba8480

ضعه وسط أرضيّة الغرفة.

20.thumb.png.53e5dca29c9acd92f44af400fce

طبّق نمط التوهج الداخلي على الرجل Inner Glow بحيث يكون خصائص المزج Normal وقيمة Opacity نحو 70% وبلون أزرق داكن وبحجم 5.

21.thumb.png.631848fec858f753b470051a02e

وبذلك يظهر الرجل مع تأثير الإضاءة الزرقاء على حوافه ما يمنح التصميم مزيدًا من الواقعيّة.

22.thumb.png.84c1eda41f2ab348c81d805f87a

اصنع نسخةً عن طبقة الرجل ثم اقلبها عموديًّا وحرّكها أسفل شكل الرجل الأساسي واجعل طبقة النسخة تحت الطبقة الأصل ثم استخدم أداة الممحاة لمسح أطرف الأقدام البارزة من تحت أقدام الأصل في النسخة المعكوسة.

23.thumb.png.95a7b7a865fbe8033c51827d4c0

ارسم خطًّا أبيض بسماكة 1 فقط عمودي من طرف الغرفة إلى أسفل الصورة.

24.thumb.png.3637d8781c86ab11118ad4422b6

ضاعف هذا الخط عدّة مرات ووزّع الخطوط بشكل متساوِ على عرض التصميم.

25.thumb.png.f9ae47ecf774d8df7add1b36828

استخدم أدوات التحويل Transform من الاختصار Ctrl+T على كل خط من الخطوط وامنح كل خط زاوية انحراف بشكل متناظر مع ترك الخط الأوسط عموديًّا.

26.thumb.png.63a95f2d569b59a4689457e2a06

ارسم خطّين أفقيين وسط الجزء السفلي من الصورة.

27.thumb.png.a17fbb06fa235809a11981f2fcf

أدمج جميع الخطوط في طبقة واحدة ثم خفّف مستوى Opacity لهذه الطبقة الجديدة لنحو 15% حيث تُمثّل هذه الخطوط شكل البلاط في الغرفة.

Final-City-Scape_(1).thumb.png.04b82d298

تعلّمنا في هذا الدرس استخدام تقنيات عديدة في فوتوشوب كأنماط الطبقات، عكس الصور، رسم الأشكال وتحويلها وتعديلها وفي النهاية يتطلب التصميم رؤية هندسية لتحقيق أكبر قدر من الواقعية من حيث زوايا الرؤية.



1 شخص أعجب بهذا


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


لا توجد أيّة تعليقات بعد



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

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

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


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

تسجيل الدخول

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


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