آموزش چگونگی ساخت یک تصویرسینماگراف، تصویر متحرّک در فتوشاپ

[Ata_Se7en 4591]

شکّی نیست از زمانی که عبارت "سینماگراف" در اینترنت گسترده شد، درباره آن مطالبی شنیده اید. همانطور که در ابتدا توسط عکاسان کِوین بِرگ و جِیمی بِک ابداع شد، سینماگراف، احیاء هوشمندانه تصاویر متحرّک GIF می باشد که ویژگی های ویدئو و عکاسی را ترکیب می کند تا تصاویری که هنوز عکس است ولی افکت های متحرّک سازی برجسته ای دارد ایجاد نماید. اجازه دهید نگاهی بیندازیم بر چگونگی ساخت تصویر متحرّک GIF با دستکاری ابزار انیمیشن سازی فتوشاپ.

سینماگراف چیست؟
برترین نمونه های تصاویر متحرّک را می توان در وبسایت creators’ own website یافت. تصاویر اولیه آن ها که از New York Fashion Week گرفته شده است، درست مانند یک عکس معمولی است ولی یک لحظه متحرّک بودن را به صورت بی پایان نمایش می دهد. به دلیل این که محبوبیت این تصاویر متحرّک هر روز در حال رشد است، ما برنامه هایی کاربردی را می بینیم که تحت موبایل هستند (مانند Cinemagram emerge) و به ما اجازه می دهند با استفاده از امکانات دوربین، تصاویر متحرّک غیرحرفه ای را ایجاد کنیم. این برنامه ها راه حل ساده و سریعی برای ایجاد این گونه تصاویر به ما ارائه می کنند؛ ولی مانند همیشه زمانی که شما کنترل بهتری روی کلّ فرایند تولید دارید، می توانید بهترین نتایج را کسب کنید. پس اجازه دهید به چگونگی ایجاد تصاویر متحرّک با استفاده از یک طرح اولیه نگاهی بیندازیم.

چگونه یک تصویر متحرّک بسازیم؟
تصاویر متحرّک نیازمند انواعی از حرکت هستند. بنابراین زمانی که تصویر نهایی بیشتر مانند یک عکس به نظر می رسد تا یک ویدئو، ما نیاز داریم با یک صحنه ویدئویی واقعی آغاز کنیم. البته همه ویدئوها نیز مناسب نیستند. یک تصویر متحرّک از یک حلقه، با استفاده از یک قسمت خاص تصویر تشکیل می شود. بنابراین صحنه باید هم اشیاء ساکن و هم اشیاء متحرّک را نمایش دهد. در این جا نکاتی بیان می شود که باید در حین متحرّک سازی تصویرتان به ذهن بسپارید: - از یک سه پایه استفاده کنید. بک گراند صحنه شما جهت متحرّک سازی فقط یک شئ، باید کاملاً صحیح قرار گرفته باشد.
- صحنه ای را نمایش دهید که شامل انواعی از حرکات پیوسته و حلقه مانند باشد. تصاویر متحرّک از متروها یا پلّه های برقی بسیار خوب کار می کنند زیرا حرکت آن ها دائمی و قابل پیش بینی است.
- گاهی اوقات افکت های ظریفی منجر به بهترین تصاویر متحرّک می شوند. صحنه ای که به ظاهر با کیفیت است، فقط ممکن است به عنوان ویدئو بهتر کار کند؛ در حالی که یک انیمیشن ماهرانه از چمن هایی که در باد حرکت می کنند یا یک چشمک متناوب چشم می تواند یک تصویر واقعاً اثرگذار ایجاد نماید.


 

 

شما می توانید از صحنه های ویدئویی موجود استفاده کرده و آن ها را دستکاری نمایید. من در این آموزش با استفاده از یک صحنه ویدئویی (footage from VideoHive) یک تصویر متحرّک طراحی خواهم کرد. من تصوّر کردم این ویدئو با متحرّک سازی بازتاب تصویر دختر، افکت زیبایی به وجود می آورد؛ در حالی که بقیه صحنه ساکن و بی حرکت است؛ و نوعی بینش راجع به تصوّر او به ما می دهد، گویی که لباس قرمز رنگ در آینه را می پسندد.

 

 

 

 

 

 

گام اول، پیمایش صحنه ویدئویی و انتخاب بخشی است که برای متحرّک سازی مناسب باشد. ما در جستجوی یک قسمت نسبتاً کوتاه هستیم که یا به طور یکنواخت در حلقه باشد یا معکوس شود؛ خیلی هم غیرطبیعی به نظر نرسد. آن صحنه کوتاه را جدا کرده و به عنوان یک فایل ویدئویی جدید ذخیره نمایید. در QuickTime این کار با دستور Trim ساده شده است، ولی همین فرایند می تواند در یک برنامه ویرایشگر ویدئو نیز انجام شود.

 

 

 

 

 

 

 

فتوشاپ را باز کنید و به مسیر File > Import > Video Frames to Layers بروید. مقدار پیشفرض From Beginning To End بدون تغییر رها کرده و گزینه Make Frame Animation را تیک بزنید. کاربران مکینتاش پیغام خطاهای 32bit/64bit دریافت می کنند که لینک زیر ممکن است برای آن ها مفید باشد:

 

 

 

 

 

 

 

هر فریم از تصویر به عنوان یک لایه مجزّا وارد برنامه می شود. تعدادی از تصاویر متحرّک پیچیده ممکن است نیاز داشته باشند با دقت زیاد و فریم به فریم وارد شوند، ولی اکثراً می توانند با یک ماسک ایجاد شوند. بنابراین تمام لایه های فریم ها، به جز لایه اول را گروه بندی کنید.

 

 

 

 

 

 

 

 

 

 

کلید اصلی رسیدن به افکت سینماگراف ماهرانه، ماسک گذاری لایه های متوالی است به طوری که موضوع اصلی دست نخورده باقی بماند. اطمینان حاصل کنید که این ماسک به سایر اجزاء متحرّک اجازه نمی دهد که در طول صحنه ویدئویی مرحله به مرحله جلو بروند.

 

 

 

 

 

 

 

 

 

 

پنجره Animation را باز کنید تا فریم ها را پشت سر هم ببینید. خواهید دید که در حال حاضر 99% فریم ها به خاطر وجود ماسک، بک گراند شفاف دارند. برای حل این مشکل بر روی اولین لایه در پایین کلیک کرده و آیکن Unify Layer Visibility را تیک بزنید.

 

 

 

 

 

 

 

 

 

 

برای آزمایش کردن افکت سینماگراف اولیه، در پنجره Animation بر روی دکمه play کلیک کنید. صحنه به صورت غیرماهرانه ای متوقف می شود و تکرار می گردد، مگر اینکه صحنه ویدئویی شما کاملاً حلقه ای باشد. جهت حل این مشکل، نیاز داریم حرکت را به صورت معکوس به عقب پخش کنیم. تمام فریم ها را انتخاب کنید و Copy Frames را از منو انتخاب نمایید.

 

 

 

 

 

 

 

 

 

 

سپس برای اضافه کردن فریم ها به انتهای ترتیب اولیه انیمیشن، گزینه Paste Frames را انتخاب کنید.

 

 

 

 

 

 

 

 

 

 

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

 

 

 

 

 

 

 

 

 

 

انیمیشن های حلقه ای واقعی همیشه بهترین و واقعی ترین نتایج را ارائه می دهند که بعضی اوقات این افکت های معکوس شده کمی واضح به نظر می رسند. با وجود این، برای این که این افکت معکوس کمی واقعی تر به نظر برسد، می توانید انیمیشن را تنظیم کنید. زمان درنگ فریم های مشخصی را تغییر دهید تا جلو و عقب شدن انیمیشن تسهیل شود.

 

 

 

 

 

 

 

 

 

 

 

 

 

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


 

اضافه کردن افکت های تصحیح رنگ کلاسیک نه تنها به تصویر ظاهر شیکی و زیبایی می دهد، بلکه به محدود کردن رنگ ها نیز کمک می کند. بنابراین فایل GIF نهایی با پالت رنگ محدود 256 بهتر به نظر می رسد. یک Color Balance Adjustment Layer در بالای لایه ها اضافه کنید و در قسمت Shadows لغزنده رنگ آبی را روی 100% تنظیم نمایید. مطمئن شوید که گزینه Preserve Luminosity غیر فعال باشد.

 

گزینه Midtones را انتخاب کرده و لغزنده رنگ ها را به سمت Cyan و Magenta حرکت دهید.

 

 

 

 

 

 

حال گزینه Highlights را انتخاب کنید و لغزنده را به سمت Red و Green و Blue حرکت دهید.

 

 

 

 

 

 

 

 

 

 

یک Gradient Map Adjustment Layer اضافه کنید و گرادیانت را از رنگ آبی بسیار تیره (کد رنگ 020413 #)- آبی متوسط (کد رنگ 2b4a61 #)- سبز (کد رنگ a8c6a0 #) به زرد کمرنگ (کد رنگ feffe6 #) تنظیم نمایید. Blending Mode این لایه را روی Lighten تنظیم کنید.

 

 

 

 

 

 

 

 

 

 

یک Curves Adjustment Layer اضافه کنید. سایه ها و های لایت ها را تنظیم کنید تا کنتراست تصویر افزایش یابد.

 

 

 

 

 

 

 

 

 

 

یک تصویر متحرّک GIF با چنین جزئیات فراوانی در هر فریم، در زمان کوتاهی منجر به اندازه بزرگی برای فایل خواهد شد. بهترین روش برای کاهش دادن اندازه فایل، روش دستی است.

 

 

 

 

 

 

 

 

 

 

به مسیر File > Save for Web بروید و نوع فایل را به GIF تغییر دهید. گزینه Dither را برای رسیدن به بهترین کیفیت تغییر دهید. کاهش دادن رنگ با افکت های دو رنگی یا سیاه و سفید نیز می تواند به بهبود کیفیت تصویر کمک کند.

 

 

 

 

 

 

 

 

 

 

 

 

 

تصویر نهایی ما با ضبط کردن لحظه پسندیدن لباس توسط دختر، تا حدّی افکت سینماگراف خوبی را منعکس می کند؛ ولی من باید بپذیرم که حلقه انیمیشن هنوز کمی پرش دارد. بخش بزرگی از این ویدئو در ایجاد افکت سینماگراف نقش داشته است، ولی زمانی که دختر دوم در جلوی موضوع اصلی حرکت می کند، بی فایده می شود؛ چون که ماسک گذاری فریم را غیر ممکن می سازد. البته هنوز هم تکنیکهایی وجود دارد که استفاده از آن ها جالب توجه است و ممکن است در آینده به سهولت قابل استفاده شود.

 

persiangfx
 

 

[حمیدرضا نظری(hamidparniyan) 3304]

درود عطا جان مثل همیشه جالب وکاربردی

حتما چیز جالبی میشه ممنون داداش بایت وقتی که میذاری!

[Ata_Se7en 4591]

درود عطا جان مثل همیشه جالب وکاربردی

حتما چیز جالبی میشه ممنون داداش بایت وقتی که میذاری!

سلام

ممنون از لطفتون حمید خان عزیز

[gheysar1364 409]

دم داداش گلم گرم(عطاجان) @};-

[Ata_Se7en 4591]

دم داداش گلم گرم(عطاجان) @};-

به به میگم اخه بوی گل میاد نگو قیصر جان تشریف اوردن

[gheysar1364 409]

چوبکاری میفرمایید عطاجان...شما خودتتون گلین عزیز @};-

بنده قلبا شما رو دوست دارم و به شخصه همیشه از تاپیکاتون در این فروم لذت میبرم

[Ata_Se7en 4591]

چوبکاری میفرمایید عطاجان...شما خودتتون گلین عزیز @};-

بنده قلبا شما رو دوست دارم و به شخصه همیشه از تاپیکاتون در این فروم لذت میبرم

این نظر لطف جنابعالی به بنده بی مقدارهست / پس دل به دل راه داره منم همینطور

[gheysar1364 409]

شما  بزرگوارین عطاجان و اینکه دل به دل راه داره هیــــــچ شکی نیست

در ضمن عطاجان اون امظات منو یاد انیمیشن فوق العاده زیبای up میاندازه