Advertisement
  1. Design & Illustration
  2. Adobe Photoshop
Design

كيف تقوم بإضافة تأثير الصورة المشوشة لبرنامج الفوتوشوب

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called How to Make Glitch Art.
20 Glitch & VHS Photo Effects With Digital Photoshop Art Styles
How to Create an Abstract Poster Using the Puppet Warp Tool in Adobe Photoshop

Arabic (العربية/عربي) translation by Basheer Abd (you can also view the original English article)

Final product image
What You'll Be Creating

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

مكونات الدرس

المكونات التالية استخدمت في اعداد هذا الدرس 

أساسيات تشويش الصورة: ما الذي ينبغي أن تعرفه

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

سنقوم باستخدام نوع من التشويش الشائع في التلفزيون و ألعاب الفيديو  تنتج هذة التشويشات عن الاخطاء البرمجية الناتجة عن الإشارات التالفة  والتي تؤدي إلى شاشة مشوهة من الصعب مشاهدتها

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

  • خطوط أو موجات مسننة 
  • صور ثابتة او مجمدة
  • ألوان مقلوبة 

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

Glitch Photo Effect Alternative Version by Melody Nieves
نسخة بديلة  قم بجمع بعض المراجع لمساعدتك في عمل هذة الصورة! يمكنك تحميل صورة من 

إذا كنت تواجه مشكلة في تصميم هذة الصورة لا تنسى أنه بإمكانك إنجاز هذة المهمة بتحميل فلتر أو تأثير الصورة المشوشة  Glitch Photo Effects من  GraphicRiver و Envato Elements.

1 . كيف تقوم بتنصيب فلتر أو تأثير الصورة المشوشة

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

هيا نبدأ! سنقوم بإستخدام هذة الصورة Hipster Stock لشرح هذا الدرس وهي من موقع PhotoDune للقيام بعمل هذة الصورة المخصصة سيكون مفيدا لك أن تختار نموذج لصورة ذات حواف من السهل تحديدها حيث سيتم إستخراجها أو نقلها من خلفيتها الأصلية.  وسيكون مفيدا أيضا ان تكون خلفية الصورة ذات لون خالص واحد و ان لا تكون الخلفية مشتتة أو ملهية كثيرا كما في هذة الصورة التي تحتوى على خلفية من ألواح الخشب وهي غير مشتتة و تحتوي على لون خالص.

Hipster Man Stock from PhotoDune
لاحظ كيف يمكنك بوضوح رؤية كل الحواف هذة الصورة أو النموذج. تاكد من إختيار الصورة التي يسهل فصلها و نقلها لخلفية أخرى.

أضغط مرتين بزر الماوس على طبقة الخلفية لجعلها طبقة جديدة. قم بعمل طبقة جديدة بالضغط على (Control-Shift-N) واجعلها تحت المرجع الخاص بك. قم بجعل لون الواجهة Foreground Color أبيضا و قم بملىء الطبقة باللون الأبيض باستخدام اداة وعاء الدهان (Paint Bucket Tool (G.

Setup the Layers for a Glitch Photo Effect

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

قم بإختيار أداة حبل التحديد المغناطيسي  (Magnetic Lasso Tool (L هذة الاداة ستساعدك في استخراج الصورة المرجعية المستخدمة بسهولة من خلال تمريرها على جوانب الصورة النموذج التي تريد قصها أو استخراجها. قم باستخدام أداة حبل التحديد المغناطيسي (Magnetic Lasso Tool (L لعمل تحديدا كاملا حول النموذج. عند الإنتهاء قم بالضغط على زر الماوس الأيمن Right-click و قم بإختيار طبقة من خلال النسخ Layer via Copy لعمل نسخ سريع. 

Use the Magnetic Lasso Tool to Extract the Subject
تاكد من الإحتفاظ بالصورة الأصلية  وهكذا تصبح النتيجة صورة في طبقة مستقلة. 

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

قم بتحديد الصورة الأصلية  قم بإستخدام أداة التحويل الحرFree Transform Tool بالضغط على   (Control-T) لتقوم بإدخال جوانب الخلفية لإظهار بعض اللون الأبيض على اليمين و اليسار.

Squeeze the Sides with the Free Transform Tool

في حال كانت الصورة بدون خلفية قم بتحديد الصورة باداة التحديد على شكل مستطيل (Rectangle Tool (U كما في المثال الموضح في الأسفل 

Alternative Glitch Version with Rectangle Background
إذا بقيت الصورة بلا خلفية قم بإضافة مستطيل بشكل سريع. هذة الصورة من Freepik.

كيف تقوم بإزالة الإشباع من الصورة

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

لنتحرك سريعا, دعنا نقوم بإزالة الإشباع من هذة الصورة للوصول إلى لوحة الألوان أحادية اللون  قم بتحديد طبقة الصورة النموذج المستخرجة ثم قم بالذهاب لقائمة صورة Image وقم بأختيار الخيار معايرة Adjustments ثم الخيار صبغة و إشباع Hue & Saturation.   قم بخفض قيمة الإشباع إلى -95 لإزالة غالبية الألوان من الصورة .

Desaturate with Hue and Saturation

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

بأمكانك معايرة الصورة الرئيسية بشكل أكبر من خلال إستخدام المستويات Levels.  قم بتحديد طبقة الصورة النموذج المستخرجة مرة أخرى ثم إذهب لقائمة صورة  Image ثم قائمة تعييرات Adjustments و قم بإختيار مستويات Levels.   قم بمعايرة المستويات Levels  لطبقة ألوان الشاشة RGB Channel من خلال الإعدادات التالية: 

  • مستوى التظليل : 0
  • مستوى الإدخال المنخفض: Midtone Input Level  : 0.92
  • مستوى تسليط الضوء:Highlight Input Level : 255 
  • مستوى الإخراج: 17,255 :Output Levels

و هكذا تصبح النتيجة النهائية المتقنة عبارة عن صورة ذات إضاءة أكثر بقليل.

Use Levels to Adjust the Desaturated Photo

3. كيف تقوم بعمل تشويه خطي على الصورة 

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

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

Merge the layers together

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

ثم قم بإختيار اداة التحديد على شكل مستطيل Rectangular Marquee Tool (M. قم بعمل تحديدين نحيفين على طبقة الصورة النموذج. اولا قم بعمل تحديد في الأسفل ثم قم بالضغط على المفتاح shift لعمل تحديد آخر في الأعلى.  

Use the Rectangular Marquee Tool to create selection

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

Move the selection to the left for the glitch

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

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

مرة أخرى قم بإستخدام أداة التحديد على شكل مستطيل Rectangular Marquee Tool (M) لعمل المزيد من التحديدات و تحريكها في إتجاهات مختلفة من خلال استخدام مفتاحين السهم الأيسر و الأيمن Left Arrow و Right Arrow من  لوحة المفاتيح. هنا نقوم بعمل تحديدين آخرين و تحريكهما لليمين قليلا. 

Create more selections for more glitches

لاحظ انه بسبب وجود نسخة من الصورة خلف هذة الطبقة فإن النتيجة هي ظهور الطبقة خلف الصورة بدلا من الخلفية البيضاء. 

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

دعنا نستعجل قليلا! قم بعمل عدد اكبرمن التحديدات المستطيلة الشكل Rectangular Selections وقم بإستخدام أداة التحريك Move Tool (V لتحريك الأقسام المختلفة خارج جوانب الصورة. قم بأختيار أحجام متنوعة ما بين النحيفة و السميكة لجعل التأثير يميل أكثر لأن يكون طبيعيا. 

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

Continue creating the glitch effect with selections

عند الإقتراب من الوجه حاول ألا تقوم بعمل تاثيرات تشويش كثيرة. قم بعمل كل تشويه على حدة لملاحظة تقدم العمل شيئا فشيئا. هذا الجزء كله يعتبر في إطارالتجريب لذا إذا أردت التراجع خطوة أو خطوتين فقم بالضغط على Control-Z.

Creating Photo Glitches Around the Face

عند الإنتهاء من القيام بكل التشويشات الخطية سيبدو التأثير كما في الصورة التالية:

Final Linear Glitch Effect

4. كيف تقوم بعمل تأثير التشويش على شكل موجة

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

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

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

Merging Layers and Creating Duplicates for the Wavy Distortion

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

 قم بتحديد النسخة ثم قم بعمل تحديدات أكثر واكبر بأداة التحديد على شكل مستطيل Rectangular Marquee Tool (M) كما كان في الخطوات السابقة. ينبغي الأخذ في الحسبان أننا نحاول عمل إطار للوجه الذي في الصورة لذا لا ينبغي تحديد أي أجزاء في مركز الصورة مباشرة.

Create Selections for the Wavy Glitch

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

Creating a Wavy Glitch with Filter Distort Wave

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

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

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

Continue the Wavy Glitch Process

يمكنك ملاحظة مزيدا من التقدم بعد القيام ببعض التجارب و التغييرات

Wavy Glitch Photo Effect Progress

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

قم بالإنتهاء من عمل هذا التأثير بالتركيز على الأجزاء العلوية والسفلية من الصورة   أولا قم بتحديد الجزء السفلي من الصورة بأداة التحديد على شكل مستطيل Rectangular Marquee Tool (M وقم بتطبيق تأثير التشويش على شكل موجة Wave Filter بالإضافة للإعدادات التالية.

Add the Glitch to the Bottom with the Wave Filter

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

Top Portion Wavy Glitch Effect

هنا تظهر الصورة مع وجود تأثيرات التشويش الخطية و الموجية بشكل كامل. و الان إلى اللمسات الأخيرة!

Final Wavy Glitch Effect

5. كيف تقوم بعمل تأثير ثلاثي الأبعاد بسيط Simple 3D Effect

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

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

Duplicate Layers for the Final Effect

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

قم بإخفاء الطبقتين العلويتين. ثم قم بالضغط مرتين بزر الماوس على طبقات الصورة المدمجة و قم بالذهاب إلى خيارات الدمج وقم بإلغاء Uncheck خيار الطبقة الخضراء Green Channel الذي يقع أسفل خيار الدمج المتقدم Advanced Blending .

Uncheck the Green Channel for 3D Effect

ثم قم بإظهار الطبقتين العلويتين و قم بتكرار نفس العملية السابقة. و لكن هذة المرة قم بإلغاء Uncheck خيار الطبقة الحمراء Red Channel للطبقات المدمجة المحددة و قم بإلغاء الطبقات الخضراء والحمراء Red and Green Channels للنسخة الثانية من الطبقات المدمجة المحددة.

Uncheck the Red and Blue Channels for 3D Effect

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

و الان قم بتحريك كل من الطبقات للحصول على تأثير ثلاثي الأبعاد مذهل. قم بإختيار اداة التحريك Move Tool (V ثم قم بإختيار نسخة من الطبقات المدمجة و قم بإستخدام السهم بإتجاه اليسار Left Arrow لتحريكها إلى اليسار. و الان قم بإختيار النسخة الثانية من الطبقات المدمجة و قم بإستخدام السهم الأيسر Left Arrow لتحريكها إلى اليسار.

ستبدو الصورة كما يلي بعد عمل هذة الخطوات.

Creating the 3D effect on a glitched photo

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

لقد انتهت هذة العملية تقريبا ! قم بإظهار خطوط الشاشة على هذا التأثير من خلال تحديد النسخة الثانية من الطبقة المدمجة في الاعلى ثم القيام بالضغط عليها بزر الماوس الأيمن Right-click للذهاب لخيارات الدمج Blending Options.   قم بإضافة تغشية للنمط  Pattern Overlay من نمط الخط الأفقي الإفتراضي Horizontal Line Pattern و قم بضبط بقية الإعدادات كما يلي:

Creating the Horizontal Pattern with an Overlay

نتيجة لإكتساب الطبقة اللون الازرق و ضبط وضع الدمج Blend Mode على خيار الإضاءة الخافتة Soft Light سيظهر على ملامح الصورة تظليل اللون الأزرق الرائع.

Result of the Pattern Overlay

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

خطوة واحدة باقية لإنجاز هذا التأثير الرائع. قم بعمل طبقة جديدة New Layer و قم بضبط وضع الدمج Layer Blend Mode لهذة الطبقة على الخيار تلاشي Dissolve. ثم قم بإستخدام أداة الفرشاة Brush Tool (B لرسم خط احمر بإتجاه أسفل الصورة لعمل بعض الجسيمات الصغيرة كجزء من تأثيرالتشويش النهائي. قم بضبط شفافية Opacity الطبقة عند الحاجة لذلك حيث تم خفض قيمتها في هذة الصورة ل 8 %.

Creating Glitch Particles with Dissolve

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

في الختام...

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

أتمنى أن يكون هذا الدرس قد نال إعجابكم. سنكون سعداء بتلقي أسئلتكم و إستفساراتكم و الإجابة عنها من خلال التعليقات في الأسفل.  كما أنه بإمكانكم الإطلاع على التشكيلة الواسعة من تأثيرات تشويه الصورة Glitch Photo Effect Actions و ذلك على موقعنا GraphicRiver و Envato Elements. 

Glitch Photo Effect Photoshop Tutorial by Melody Nieves
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.