Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
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

Persian (پارسی) translation by Ahmad Mostofi (you can also view the original English article)

Final product image
What You'll Be Creating

افکت‌های تصویری راهی عالی هستند تا مهارت‌های خود در فتوشاپ را بکار بگیرید و تمرین کنید. در این آموزش، یاد میگیرید که چطور یک افکت تصویری قطعی دیجیتال جالب را با استفاده از ابزار Marquee (ابزار کشیدن کادر انتخاب)، فیلتر Wave (موجدار کردن) و بقیه موارد ایجاد کنید.

فایل‌های آموزش

فایل‌های زیر در طی تولید این آموزش استفاده شدند.

مفاهیم اولیه قطعی دیجیتالی تصویر: آنچه که باید بدانید

برای دست‌یافتن به افکت‌های مبتنی به سناریوهای زندگی واقعی، برای گرفتن بهترین نتیجه‌ی ممکن، انجام تحقیق خیلی به شما کمک میکند. پس ببینیم که قطعی دیجیتال Glitch چیست.

ما با نوعی از قطعی دیجیتال (glitch) سروکار داریم که در تلویزیون و بازی‌های ویدیویی متداول هست. این قطعی‌های دیجیتال glitch، خطاها یا مشکلات برنامه‌ هستند که اغلب موجب ایجاد یک سیگنال با اطلاعات خراب شده میشوند. نتیجه نهایی این است که صفحه‌ی نمایش شما دچار اعوجاج شده و سخت میتوان اطلاعات آن را تشخیص داد.

برای این آموزش، لازم است که برخی مشخصه‌های بصری کلیدی را برای دست یافتن به این ظاهر در ذهن داشته باشیم. این مشخصه‌ها شامل موارد زیر هستند:

  • خطوط یا موج‌های ناهموار
  • ظواهر بصری ایستا یا متوقف شده
  • رنگ‌های معکوس شده

چند تا جستجو در گوگل انجام دهید تا منابعی جمع کنید و از آنها الهام بگیرید. برای آزمایش این استایل برای خودتان به این منابع مراجعه کنید یا از یک حرفه‌ای طراحی در وبسایت Envato Studio کمک بگیرید.

Glitch Photo Effect Alternative Version by Melody Nieves
نسخه‌ی تغییر داده شده. منابعی جمع کنید تا به شما کمک کند به این ظاهر برسید! تصویر از وبسایت Freepik

در صورتی که برای دست یافتن به این ظاهر دچار مشکل شدید، فراموش نکنید که همیشه میتوانید با دانلود یکی از افکت‌های تصویری قطعی glitch فوق‌العاده از وبسایت Graphicriver و Envato Elements این فرآیند را کنار بزنید.

1. روش ساخت افکت تصویری قطعی دیجیتال

مرحله 1

شروع میکنیم! من از این تصویر هیپستری از وبسایت Photodune برای این آموزش استفاده میکنم.  برای این ظاهر بخصوص، اگر تصویری انتخاب کنید که کناره‌های مدل در آن واضح دیده شود خیلی کمک میکند، چون باید آنرا از پس‌زمینه‌اش جدا کنیم. در صورتی که تصویر پس‌زمینه یک رنگ سالید باشد یا مثل این پنل‌های چوبی خیلی غیریکنواخت نباشد خودش مزیتی اضافه است.

Hipster Man Stock from PhotoDune
دقت کنید که چطور میتوان به وضوح لبه‌های این مدل را دید. اطمینان حاصل کنید از اینکه از تصویر مدلی استفاده میکنید که بتوانید او را به آسانی از تصویر استخراج کنید.

روی لایه Background کلیک دوبل را بزنید تا آنرا تبدیل به یک لایه جدید کنید. با زدن کلیدهای Ctrl و Shift و N ، یک لایه جدید پشت تصویر مرجع قرار دهید. رنگ زمینه جلو را روی سفید تنظیم کنید و لایه را با استفاده از ابزار Paint Bucket (کلید G) با سفید پر کنید.

Setup the Layers for a Glitch Photo Effect

مرحله 2

ابزار Magnetic Lasso (کلید L) را انتخاب کنید. این ابزار به ما کمک میکند تا به آسانی با چفت کردن ناحیه انتخاب به کناره‌های مدل ، تصویر مرجع را استخراج کنیم. از ابزار Magnetic Lasso (کلید L) استفاده کنید تا دور تا دور مدل را کاملا وارد ناحیه انتخاب کنید. وقتی این کار را انجام دادید، کلیک راست را بزنید و Layer via copy را انتخاب کنید تا سریع یک کپی از آن ایجاد کنید.

Use the Magnetic Lasso Tool to Extract the Subject
مطمئن شوید از اینکه تصویر اصلی را حفظ میکنید. بدین صورت نتیجه به همان صورتی خواهد بود که تصویر به تنهایی در لایه‌ی خودش به نظر میرسد.

مرحله 3

تصویر اصلی را انتخاب کنید. از ابزار Free Transform (کلیدهای Ctrl و T) استفاده کنید تا کناره‌های تصویر پس زمینه را بسمت داخل ببرید و بخشی از سفیدی پشت را از سمت راست و چپ نشان دهید.

Squeeze the Sides with the Free Transform Tool

بطور جایگزین، در صورتی که تصویر شما پس‌زمینه نداشته باشد، میتوانید همچون مثال زیر یک مستطیل با استفاده از ابزار Rectangle (کلید U) اضافه کنید.

Alternative Glitch Version with Rectangle Background
بطور جایگزین، اگر تصویر شما پس زمینه ندارد، یک مستطیل اضافه کنید. تصویر از وبسایت Freepik

2. چطور اشباع رنگ یک تصویر را کم کنیم

مرحله 1

ادامه میدهیم و میخواهیم اشباع رنگ این تصویر را برای داشتن زمینه متمایل به تک رنگ کم کنیم. لایه‌ی برش مدل را انتخاب کنید و به منوی Image بروید و در Adjustments ، گزینه Hue & Saturation را انتخاب کنید. مقدار Saturation را تا 95- کم کنید تا اکثریت رنگ تصویر را ببرید.

Desaturate with Hue and Saturation

مرحله 2

حتی میتوانید تصویر اصلی را با افکت Levels بیشتر تنظیم کنید. لایه‌ی مدل استخراج شده را دوباره انتخاب کنید و به منوی Image بروید و در Adjustments ، گزینه ی Levels را انتخاب کنید. افکت Levels را برای کانال RGB با تنظیمات زیر تغییر دهید:

  • Shadow Input Level: 0 (سطح ورودی سایه)
  • Midtone Input Level: 0.92 (سطح ورودی تون رنگ میانی)
  • Highlight Input Level: 255 (سطح ورودی هایلایت)
  • Output Levels: 17, 255 (سطوح خروجی)

نتیجه نهایی ظریف است و اندکی مدل را روشنتر میکند.

Use Levels to Adjust the Desaturated Photo

3. روش ایجاد افکت اعوجاج قطعی دیجیتال خطی

مرحله 1

بخش بعدی این افکت، بازسازی اعوجاج ناهموار تصویر است که باعث میشود به نظر برسد اطلاعات تصویری در محل نادرستی هستند. برای انجام این کار، ابتدا لایه‌های مدل و تصویر را انتخاب کنید و آنها را با هم ادغام (Merge) کنید.

Merge the layers together

مرحله 2

حالا ابزار Rectangular Marquee (کادر مستطیلی) را با زدن کلید M انتخاب کنید. دو کادر نازک روی لایه تصویر ایجاد کنید. ابتدا یکی در پایین ایجاد کنید و سپس کلید Shift را بگیرید تا انتخاب دیگری در بالا ایجاد کنید.

Use the Rectangular Marquee Tool to create selection

کلید V را روی کیبورد بزنید تا ابزار Move را فعال کنید. از کلید سمت چپ استفاده کنید تا نواحی انتخاب را به سمت چپ تکان دهید. ممکن است لازم باشد چندین بار این کلید را بزنید یا آنرا چند لحظه نگه دارید تا نتیجه دلخواه را بدست بیاورید.

Move the selection to the left for the glitch

مرحله 3

میتوانید این فرآیند را روی یک لایه ادامه دهید، اما در نهایت ممکن است فضاهای سفیدی باز شوند که ظاهر خوبی ایجاد نکنند. برای اجتناب از این مساله، لایه‌ی مدل را تکثیر کنید و از لایه ی کپی شده برای ایجاد اعوجاج استفاده کنید.

دوباره از کلید Rectangular Marquee (کلید M) استفاده کنید تا انتخاب‌های بیشتری ایجاد کنید، و آنها را با کلیدهای فلش سمت چپ و فلش سمت راست در جهات مختلف حرکت دهید. در اینجا من دو نمونه دیگر هم ساختم و اندکی آنها را به سمت راست بردم.

Create more selections for more glitches

توجه کنید که چون یک کپی از این تصویر زیر این لایه است، جلوه‌ی حاصل لایه‌ی زیر آنرا در عوض پس زمینه سفید نشان میدهد.

مرحله 4

حالا میخواهیم کمی به این فرآیند سرعت بدهیم! نواحی انتخاب مستطیلی بیشتری ایجاد کنید و با استفاده از ابزار Move (کلید V) بخش‌های مختلف را جابجا کنید. اندازه نواحی نازک انتخابی را تغییر دهید و ضخیم تر کنید تا افکت را طبیعی‌تر کنید.

حتی ایده‌ی خوبی است که قبل از برآمدن از پس این بخش، یک برنامه بازی داشته باشید. از آنجاییکه که از حالت جدی مرد در تصویر خوشم می‌آید، میخواهم مطمئن شوم که افکت‌های قطعی دیجیتال به سمت مرکز تصویر توجه ایجاد میکنند.

Continue creating the glitch effect with selections

همینطور که به سمت صورت نزدیکتر میشوید، سعی کنید آنرا کمتر اعوجاج دهید. هر افکت قطعی دیجیتال را مستقلا تنظیم کنید تا ببینید چطور عمل میکند. در این بخش فقط باید آزمایش کنید، بنابراین در صورتی که میخواهید یکی دو مرحله به عقب برگردید، فقط لازم است کلیدهای Ctrl و Z را بزنید تا به حالت قبل بازگردید.

Creating Photo Glitches Around the Face

وقتی که کارتان با قطعی‌های دیجیتال خطی تمام شد، افکت باید چیزی تو این مایه‌ها به نظر برسد:

Final Linear Glitch Effect

4. روش ایجاد اعوجاج قطعی دیجیتال موج‌دار

مرحله 1

بخش بعدی این افکت اعوجاج ایجاد قطعی دییجیتال موج‌دار است. در صورتی که وقتی بچه بودید به کانال‌های شیطانی سرک کشیده‌اید احتمالا اینجور افکت را دیده‌اید، اما این قطعی‌های دیجیتال تصویر را طوری میکنند که گویی در یک سیال حرکت میکند.

برای انجام این کار به فیلتر Wave نیاز داریم. ابتدا لایه تصویر اصلی را با کپی تصویر که دارای افکت قطعی دیجیتال است ادغام (merge) کنید. سپس کلیدهای Ctrl و J را بزنید تا یک نسخه از آن تکثیر کنید و اعوجاج موج‌دار را روی آن ایجاد کنید.

Merging Layers and Creating Duplicates for the Wavy Distortion

مرحله 2

در حالیکه لایه کپی را انتخاب کردید، نواحی انتخاب بزرگتری با ابزار Rectangular Marquee (کلید M) همچون قبل ایجاد کنید. یادتان باشد که من تلاش دارم صورت سوژه را در قاب داشته باشم، پس هیچ بخشی را مستقیما در مرکز انتخاب نکنید.

Create Selections for the Wavy Glitch

حالا به منوی Filter بروید و در Distort ، گزینه Wave را انتخاب کنید و تنظیمات را همچون زیر قرار دهید تا افکت موج‌دار را فقط روی نواحی انتخاب شده ایجاد کنید.

Creating a Wavy Glitch with Filter Distort Wave

مرحله 3

با این افکت بخصوص، تنظیمات بالا ممکن است برای تصویر شما جواب بدهد یا اینکه خوب عمل نکند. پس مهم است که با آن آزمایش کنید و تنظیمات را بر اساس تصویر خودتان قرار دهید تا ظاهر مورد دلخواه را بدست بیاورید.

به فرآیند ایجاد نواحی انتخاب تا قبل از اعمال فیلتر Wave ادامه دهید. شما لازم است هر بار تنظیمات را تغییر دهید تا افکت روی عکس را متفاوت کنید.

Continue the Wavy Glitch Process

در اینجا بعد از کمی آزمایش پیشرفت بیشتری را میبینید.

Wavy Glitch Photo Effect Progress

مرحله 4

با تمرکز روی بخش‌های بالا و پایین تصویر این افکت را تکمیل کنید. ابتدا پایین تصویر را با ابزار Rectangular Marquee (کلید M) انتخاب کنید و فیلتر Wave را با تنظیمات زیر اعمال کنید.

Add the Glitch to the Bottom with the Wave Filter

حالا برای بخش بالا فرآیند را تکرار کنید و این بار تنظیمات را بصورت زیر تغییر دهید.

Top Portion Wavy Glitch Effect

در اینجا میتوانید تصویر کامل شده با قطعی‌های دیجیتال موج‌دار و خطی ببینید. حالا میرویم تا تغییرات نهایی را انجام دهیم.

Final Wavy Glitch Effect

5. روش ایجاد یک افکت سه بعدی ساده

مرحله 1

حالا برویم سراغ افکت‌های رنگی سه‌بعدی! همچون قبل، لایه‌های Glitch را با هم ادغام (merge) کنید و بدین صورت دو لایه باقی میماند که تصویر ادغام شده و پس زمینه سفید خواهد بود. سپس کلیدهای Ctrl و J را بزنید تا دو نسخه از لایه تصویری ادغام شده بسازید.

Duplicate Layers for the Final Effect

مرحله 2

قابلیت دیدن هر دو لایه بالایی را غیرفعال کنید. سپس روی لایه تصویر اول کلیک راست را بزنید و به Blending Options بروید. تحت بخش Advanced Blending ، تیک گزینه G یا همان کانال رنگ سبز را بردارید.

Uncheck the Green Channel for 3D Effect

حالا قابلیت دیدن لایه‌های بالایی را فعال کنید و فرآیند را تکرار کنید. این بار تیک گزینه کانال قرمز (R) را برای کپی ادغام شده اولی و تیک کانال های رنگ سبز (G) و قرمز (R) را برای کپی ادغام شده دومی بردارید.

Uncheck the Red and Blue Channels for 3D Effect

مرحله 3

حالا میتوانیم هر لایه را تکان دهیم تا افکت سه بعدی اعوجاج یافته را ایجاد کنیم. ابزار Move (کلید V) را انتخاب کنید و سپس لایه ادغام شده اولی را انتخاب کنید و با استفاده از فلش سمت چپ روی صفحه کلید آنرا چپ ببرید. سپس، لایه بالایی (ادغام شده دومی) را انتخاب کنید و با استفاده از کلید Left Arrow این لایه را هم به سمت چپ ببرید.

فرآیند انجام این کار به این صورت خواهد بود.

Creating the 3D effect on a glitched photo

مرحله 4

تقریبا کار تمام است! برای اضافه کردن جلوه‌ی خطوط صفحه به این افکت، لایه بالایی (لایه ادغام شده دومی) را انتخاب کنید و کلیک راست را بزنید تا گزینه Blending Options را انتخاب کنید. با استفاده از الگوی خط افقی پیش فرض ، یک Pattern Overlay (پوشش الگو) ایجاد کنید و بقیه تنظیمات را بصورت زیر قرار دهید:

Creating the Horizontal Pattern with an Overlay

چون لایه آبی است و حالت ترکیبی Blend Mode روی Soft Light تنظیم شده، به تصویر شما سایه‌ی آبی زیبایی میدهد.

Result of the Pattern Overlay

مرحله 5

برای تکمیل این افکت قطعی دیجیتال باحال، لازم است که این مرحله‌ی آخر را نیز انجام دهیم. یک لایه جدید اضافه کنید و حالت ترکیبی Blend Mode را برای آن روی Dissolve تنظیم کنید. در این مرحله، ما از ابزار Brush (کلید B) استفاده میکنیم تا رنگ قرمز با کد رنگ #5e220a را در پایین تصویر بکشیم تا ذرات کوچکی را بعنوان بخشی از افکت نهایی قطعی دیجیتال ایجاد کنیم. مقدار Opacity لایه را در صورت نیاز تنظیم کنید. در اینجا این مقدار را برای خودم روی 8 درصد قرار دادم.

Creating Glitch Particles with Dissolve

همین! نتیجه نهایی را در زیر بررسی کنید.

نتیجه‌گیری

افکت‌های تصویری راهی هوشمندانه برای تمرین کردن تکنیک‌های منحصربفرد و هیجان‌برانگیز در ادوبی فتوشاپ هستند. با این کار میتوانید از رسیدن به نمونه‌های شبیه دنیای واقعی مثل قطعی‌های تصویری و دیگر موارد لذت ببرید.

امیدوارم از این آموزش لذت برده باشید. در صورتی که سوالی دارید، در صورت تمایل میتوانید آنرا با ما در بخش نظرات زیر مطرح کنید. و مطمئن شوید از اینکه حتما گستره‌ی وسیعی از اکشن‌های افکت تصویری قطعی دیجیتال را در وبسایت 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.