سنتعلم اليوم كيفية دمج أكثر من صورة فى صورة واحدة.

1) سأستعمل هذا النسيج كخلفية للصورة:

2) اذهب لقائمة Filter واختار Blur ثم Gaussian Blur. غير Radius الى 2 بيكسل px ثم اضغط OK.

3) بعد ذلك، ستذهب لفتح الصورة التى تحتوى على الإطار، وتحدده، ثم تنقله الى الصفحة التى نعمل عليها في برنامج الفوتوشوب.

• اذهب لقائمة File ومنها اختار Open ثم اختار الصورة التى ترغب باستخدامها.

• استخدم أداة Quick Selection 

•   لتحديد الجزء الذى تريد استعماله من الصورة، هنا بهذا الدرس سوف نحدد الإطار.

4)  اسحب الجزء المحدد  الى الصفحة التى تعمل عليها باستخدام أداة النقل Move Tool.

5) لالغاء التحديد اضغط CTRL+D من لوحة المفاتيح.

6) اذا لاحظت وجود بعض الحواف البيضاء على جزء من الصورة التى قمت بسحبها الى الصفحة التى تعمل بها بالفوتوشوب،

• اذهب لقائمة  Layer واختار Matting ثم Defringe.

7) غير Width الى 100 بيكسل px ثم اضغط  OK.

هذا سيجعل الشكل يبدو كإطار حقيقي

8) الخطوة التالية، سنذهب لوضع الصورة التى نختارها داخل الاطار:

أولاً سنستخدم أداة القلم Pen Tool لرسم الشكل الآتى:

9) اضغط كليك يمين على المسار المرسوم واختار  Make Selection.

بهذا ستحدد الاطار من الداخل.

10) بعد ذلك ، افتح الصورة التي ترغب في وضعها داخل الإطار وحددها.

•  لقد اخترت لتحديد الصورة استخدام أداة Rectangular Marquee.

11) اذهب لقائمة Edit واختار  Copy.

12) ارجع مرة تانية لعملك بالفوتوشوب حيث الاطار مازال محدد.

• اذهب لقائمة Edit واختار  Paste Into أو

• من Edit  اختار  Paste Special ثم  Paste Into.

13) الآن، ستظهر الصورة التى اختارتها داخل الإطار.

• لضبط الصورة ، اضغط CTRL + T وعدل الصورة كما تريد.

- وبالنهاية سنكون قد قمنا بدمج العديد من الصور فى شكل واحد. صورة الشكل النهائى…

**  Photo manipulation أو التلاعب فى الصور فى الأساس هو تكنيك دمج تصميم الجرافيك مع الصور الفوتوغرافية**

ففى التصوير الفوتوغرافى ؛ يقوم المصورين بتعديل صورهم الفوتوغرافية بمساعدة بعض برامج الجرافيك لكى يحصلوا فى النهاية على صورة مثالية يمكن أن تخدع حتى أكثر العيون نقدا ودقة. ويمكنه أيضا أن يحصل على الجانب والحس الواقعى لصورة غير حقيقة بالمرة.

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

إبداعات المصممين

إبداعات المصممين

إبداعات المصممين

إبداعات المصممين

إبداعات المصممين

إبداعات المصممين

إبداعات المصممين

إبداعات المصممين

ابداعات المصممين

إبداعات المصممين

إبداعات المصممين

إبداعات المصممين

إبداعات المصممين

إبداعات المصممين

إبداعات المصممين

إبداعات المصممين

إبداعات المصممين

إبداعات المصممين

إبداعات المصممين

إبداعات المصممين

إبداعات المصممين

مثل هذا النمط المنقوش سهل العمل ، ومع قليل من التجربة يمكنك أن تخرج بعدد لا يحصى من التنوع والاختلاف. كنقطة بداية، يمكنك تصفح بعض المواقع الأخرى مثل Adobe Kuler   أو  ColourLovers  لتتعرف على الألوان واختلافاتها وكيف يمكن دمجها لتكتسب المعلومات الكافية للبدء فى عمل تصميمك الخاص.

فمثلا هنا أنا استخدمت هذه الألوان من موقع  Adobe Kuler  تسمى  County Fair:

تصميم نمط Pattern بالفوتوشوب

قم بعمل ملف جديد فى برنامج الفوتوشوب بمقياس 98 بكسيل × 98 بكسيل.

تصميم نمط Pattern بالفوتوشوب

سوف نقوم برسم عدة خطوط رأسية لتساعدنا فى تشكيل هذا النمط. ثم اذهب إلى قائمة View ومنها اختر  New Guide ثم قم بضبط هذه الخطوط كالتالى :

عند 8 بكسيل أول خط ، ثم عند 28 بكسيل الخط الثانى ، ثم عند 36 بكسيل الخط الثالث ، ثم عند 749 بكسيل الخط الرابع ، عند 57 بكسيل الخط الخامس، عند 70 بكسيل الخط السادس، عند 78 بكسيل الخط الثامن والأخير. ستحصل فى الغالب على شكل يشبه الموجود بالصورة بالأسفل.

تصميم نمط Pattern بالفوتوشوب

اضبط اللون الأساسى عند #bd6e46 ثم استخدم أداة   rectangular marquee لتحديد أحد هذه الأعمدة والتى عرضها 20 بكسيل وقم بملائها باللون الذى حددته مسبقا. كرر هذه العملية مع العمود الآخر بنفس العرض 20 بكسيل.

تصميم نمط Pattern بالفوتوشوب

ثم اضبط اللون الأساسى عند اللون  #294a49 . بإستخدام أداة rectangular marquee قم بتحديد أحد هذه الأعمدة والتى عرضه 13 بكسيل ثم قم بتلوينه باللون المختار. كرر هذه العملية مع العمود الآخر بنفس العرض 13 بكسيل.

تصميم نمط Pattern بالفوتوشوب

ثم اضبط اللون الأساسى لك عند اللون  #ededa9 ثم بإستخدام أداة   rectangular marquee قم بتحديد وتلوين الأعمدة المتبقية ، والتى غالبا عرضها هو 8 بكسيل.

تصميم نمط Pattern بالفوتوشوب

الخطوة التالية هى نسخ هذه الطبقة (تذكرة سريعة كل الخطوات التى قمنا بها فى السابق كانت فى طبقة واحدة) .بعد نسخ الطبقة وتحديد الطبقة الحالية النشطة من قائمة الطبقات، اذهب إلى قائمة Edit ثم اختر Transform ثم اختر Rotate 90 degree لتدوير الطبقة بمقدار 90 درجة عكس اتجاه عقارب الساعة.

تصميم نمط Pattern بالفوتوشوب

بالضغط على نسخة الخلفية لتنشيطها فى قائمة الطبقات لتفتح لك خيارات ستايل هذه الطبقة، وغير معدل الملىء Fill Opacity عند 50%.

تصميم نمط Pattern بالفوتوشوب

بهذه التعديل ستتمكن من رؤية كلا الخطوط الطولية والعرضية فى نمطك.

تصميم نمط Pattern بالفوتوشوب

الآن قم بعمل ملف جديد بمقياس 6 بكسيل × 6 بكسيل بخلفية شفافة. سوف نستخدم هذه الخطوة لإدخال إيحاء وكأنه مخيط.

اضبط اللون الأساسى عند #d5ae78 ثم بإستخدام أداة القلم pecil tool  بمقياس 1 بكسيل مربع.قم بزيادة الرؤية الخاصة بهذه الطبقة view عند 800 %، وبإستخدام القلم pencil tool قم برسم خطوط التخييط.

تصميم نمط Pattern بالفوتوشوب

ثم سنقوم بضبط خطوط التخييط هذه عن طريق الخطوة التالية :

اذهب إلى قائمة Edit واختر Define Pttern.

تصميم نمط Pattern بالفوتوشوب

والآن اذهب ثانية إلى ملف النمط الخاص بنا وبالضغط مرتين على الطبقة الموجودة بأعلى القائمة لفتح خيارات الستايل الخاص بها. اضغط على  “pattern overlay” ثم اختر النمط الذى قمنا بتصميمه الآن. هذا بدوره سيطبق شكل خطوط الخياطة لتصميمك . وإليك كيف ستبدو لك .

تصميم نمط Pattern بالفوتوشوب

والآن كل ما علينا هو تعريف هذا على أنه نمط وسنكون انتهينا كالتالى:

من قائمة Edit اختر Define Pattern وقم بحفظ النمط الخاص بك.

تصميم نمط Pattern بالفوتوشوب

لتتمكن من استخدام هذا النمط ، قم بإنشاء ملف بأى مقاس. وقم بملىء طبقة الخلفية بأى لون، ثم إضغط على الطبقة لتنشيطها من قائمة الطبقات . اختر “Pattern Overlay” ثم اختر النمط الذى قمت بتصميمه سابقا.

تصميم نمط Pattern بالفوتوشوب

الخطوة الأولى:

قم بعمل مستند جديد بالأبعاد التالية : 1200 × 1800 بكسيل. الآن دور اختيار الصور عليك بإختيار صورتين مليئة بالألوان كهاتين التى استخدمتهما أنا من هنا   أو  هنا.

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

صورة ولكن مختلفة

الخطوة الثانية:

اختر أداة الرسم pen tool وتأكد من أن خيار paths فى القائمة الرئيسية منشط. والآن ابدأ برسم خط من أحد الأقلام الملونة وصله بنوع فاكهة من نفس اللون. ابدأ من أول نقطة ثم توقف وابدأ ثانية ولكن للأسفل قليلا مع ملاحظة السحب والادراج هنا حتى تحصل على شكل منحنى كهذا الذى يظهر فى الصورة بالأسفل.

صورة ولكن مختلفة

الخطوة الثالثة:

والآن اختر أداة الفرشاة brush tool (لاحظ أن يكون الخط الذى قمت برسمه ما زال منشط وظاهر أمامك) ثم ارجع إلى فرشاتك واضبط حجمها عند 6 بكسيل و100 hardness .

قم بعمل طبقة جديدة ثم اضغط رجوع وهنا سيفتح لك مربع حوارى عليك بإختيار : الفرشاة ، والغى تنشيط simulate pressure.

من المفترض أن تحصل على نتيجة مشابهة لتلك:

صورة ولكن مختلفة

الخطوة الرابعة:

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

فى كل واحدة من هذه قمت بإستخدام أداة الرسم line tool واضبط حجمه عند 2 – 3 بكسيل ؛ ثم ارسم خط نابع من أحد المنحنيات المرسومة. ثم قمت بإستخدام فرشاة بحجم 2 – 3 بكسيل وعند تقريب الصورة يمكنك وضع بعض التفرعات الدقيقة وكأنها تخرج من هذا الخط. وقمت بوضع بعض القطرات أسفل كل خط لتبدو وكأنها سائل متساقط.

هذه الخطوة ستستغرق بعض الوقت ولكن نتيجتها جيدة جداً.

صورة ولكن مختلفة

صورة ولكن مختلفة

صورة ولكن مختلفة

الخطوة الخامسة:

والآن اضغط كليك يمين على هذه الطبقة ثم اختر خيارات المز

ج blending options ثم اضف gradient overlay . وعند اختيار الألوان لهذا التدرج اللونى قم بإستخدام eyedropper لإختيار اللون من سن القلم الملون ومن لون الفاكهة أيضا ، هنا مثلا قمت بإختيار البرتقال.

هذا معناه أن الخط سيتأثر بهذا التدرج اللونى على طوله. (ملحوظة : يمكنك أن تعكس تدرج الألوان اذا كان معكوس بشكل خاطىء).

الخطوة السادسة:

قم بعمل طبقة جديدة وقم بعمل نفس الخطوات ولكن مع لون مختلف ؛ بالنسبة لى قمت بها مع اللون الأحمر . ولكن يمكنك تغيير حجم الفرشاة.

صورة ولكن مختلفة

الخطوة السابعة:

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

صورة ولكن مختلفة

صورة ولكن مختلفة

الخطوة الثامنة :

من هنا هى مسألة تكرار للخطوات ولكن مع تغيير الألوان وحجم الفرشاة.

الخطوة التاسعة:

بالنسبة للخط الأخضر هنا قمت بإستخدام فرشاة صغيرة ورسمت الخط وكأنه يلتف حول الخطوط الأخرى.

صورة ولكن مختلفة

صورة ولكن مختلفة

الخطوة العاشرة:

فى الأسفل ستجد كيف تبدو خاصتى عند هذا الحد . سأترك لك الحرية لتبدع وتضيف عناصر أخرى للصورة.

صورة ولكن مختلفة

الخطوة الحادية عشر:

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

صورة ولكن مختلفة

الخطوة الثانية عشر :

قمت بعمل نفس الخطوة مع اللون الأسود ولكن جعلته يبدو وكأنه سقط على الخط الأصفر.

صورة ولكن مختلفة

الخطوة الثالثة عشر:

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

صورة ولكن مختلفة

الخطوة الرابعة عشر:

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

صورة ولكن مختلفة

الخطوة الخامسة عشر:

والآن دور الخلفية . فهنا قمت بتحميل صورة لخلفية ورقية وقمت بلصقها فى التصميم خاصتى وضبطت حجمها لتتناسب مع باقى العناصر هنا. وقمت بتغيير نمط مزجها blend mode إلى multiply وعدم الشفافية opacity عند 50 % .

وهنا نكون قد انتهينا أتمنى أن اكون قدمت شيئا مفيدا وفى انتظار مشاركتكم معنا بتصميماتكم الخاصة بنفس التقنيات ولكم حرية الابداع والابتكار.