بررسی HP Reverb G2
نوشته شده توسط Rouzbeh
2 سال پیش
بررسی Valve Index
نوشته شده توسط Rouzbeh
2 سال پیش
بررسی HTC Vive Cosmos and Cosmos Elite
نوشته شده توسط Rouzbeh
2 سال پیش

نحوه استفاده از Photoshop و افترافکت برای ایجاد گرافیک متحرک

اگر می خواهید نحوه وارد کردن گرافیک متحرک به After Effects از Photoshop را بدانید ، این راهنما برای شما مناسب است. پس همچنان با ما و سایت بیا تو اینجا همراه باشید تا به بررسی و اموزش این مطلب بپردازیم .

نرم افزار Adobe به شما امکان می دهد گردش کار و دارایی ها را از یک برنامه به برنامه دیگر منتقل کنید. در حالی که رایج ترین استفاده از این روش متقابل از طریق Adobe Dynamic Link بین Premiere Pro و After Effects است ، After Effects همچنین از فایل های لایه لایه Photoshop پشتیبانی می کند.

این مهم است زیرا After Effects تمرکز کمتری بر روی طراحی و دستکاری تصویر دارد. بنابراین ، با وارد کردن آنها از طریق Photoshop ، می توانید لایه های گرافیک متحرک خود را قبل از متحرک سازی دقیق کنید. در این مقاله ، ما به شما نحوه گرفتن چندین عکس در Photoshop ، دستکاری و آماده سازی آنها در لایه ها و سپس وارد کردن آنها به After Effects را برای شما نشان می دهیم.

آماده سازی تصاویر خود در فتوشاپ

بیایید با یافتن تصاویر گرافیک متحرک نهایی شروع کنیم.

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

هنگامی که تصاویر مورد نظر خود را پیدا کردید ، یک تصویر جدید در Photoshop ایجاد کنید. در حالت ایده آل ، شما می خواهید ابعاد فایل Photoshop شما با خروجی ویدیوی شما مطابقت داشته باشد. بنابراین ، اگر در حال تولید یک انیمیشن با کیفیت HD هستید ، می خواهید ابعاد بوم ۱۹۲۰ پیکسل عرض و ۱۰۸۰ پیکسل ارتفاع داشته باشد.

هنگامی که بوم HD خود را بارگیری کردید ، تصاویر بارگیری شده را بیاورید. در این مثال ، تصاویر اولیه قبلاً اضافه شده اند.

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

آماده سازی لایه های خود

در این مثال ، ما می خواهیم پنجه سگ به سر گربه تحریک شده ضربه بزند. بیایید با استفاده از ابزار lasso پنجه را انتخاب کنیم.

پس از انتخاب ، روی صفحه کلید خود راست کلیک کرده و Layer Via Cut را انتخاب کنید. انتخاب ، که در این مورد پنجه است ، اکنون به یک لایه جدید تبدیل می شود. در مورد لایه ها ، باید نام هر یک از این لایه ها را به وضوح تغییر دهید. سپس ، می دانید چه چیزی با چه چیزی مطابقت دارد. نمونه ای از نحوه انجام این کار در زیر آمده است:

سرانجام ، شما می خواهید گربه در برابر ضربه زدن پنجه سگ به سر واکنش نشان دهد. بیایید لایه ای به نام Cat ، با عنوان یک Cat_Normal و کپی تکراری Cat_Bonked را کپی کنیم.

برای لایه Cat_Bonked ، چشم های گوگلی کشیده شده اند تا جلوه ای اضافی ایجاد کنند. بنابراین ، اکنون همه عناصر گرافیک خود را دارید. اطمینان حاصل کنید که لایه های شما برچسب گذاری شده اند و همه چیز همان جایی است که می خواهید. سپس ، زمان شروع انیمیشن در افتر افکت فرا رسیده است.

فایل Photoshop خود را به افتر افکت بیاورید

اولین مورد اول: شما باید مطمئن شوید که لایه های شما به عنوان یک فایل .PSD ذخیره شده اند. File> Save As را بزنید. به طور پیش فرض ، در قالب .PSD ذخیره می شود. به این ترتیب است که سپس به افتر افکت از Photoshop وارد می شود.

در این مثال ، فایل Dog_Cat_Animation.PSD نامیده می شود.

بعد ، After Effects را باز کنید. File> Import> File را بزنید. به فایل .PSD جدید خود بروید ، در آنجا یک کادر محاوره ای مشاهده خواهید کرد. در منوی کشویی Import Kind ، Composition – Retain Layer Sizes را انتخاب کنید. با این کار تمام لایه های فایل فتوشاپ شما وارد می شود ، در حالی که اندازه ها با ابعاد مطابقت دارد (به همین دلیل است که در ابتدا رزولوشن HD را انتخاب کرده اید). OK را بزنید.

اکنون باید یک ترکیب جدید با همان نام فایل .PSD خود داشته باشید. دوبار کلیک کنید تا باز شود. هر یک از لایه های شما از Photoshop اکنون یک لایه در جدول زمانی ترکیب بندی شما است.

اکنون ، متحرک سازی می تواند آغاز شود. با حرکت دادن عنوان عنوان به خارج از صفحه شروع کنید — برای “سقوط” روی صفحه متحرک می شود.

بیایید دوستان خزدار خود را نیز به سمت پایین حرکت دهیم. آنها به تدریج با قرار گرفتن متن در جای خود به قاب می روند.

برای صرفه جویی در وقت

برای صرفه جویی در وقت ، لایه> New> Null Object را بزنید و لایه های Dog ، Dog Paw ، Cat_Normal و Cat_Bonk را در آن والد کنید. اکنون ، هر حرکتی که روی شیء null اعمال کنید ، در مورد همه این موارد اعمال خواهد شد.

بیایید حرکت را در قسمت پایینی ترکیب بندی در فریم ۰ تنظیم کنیم و طی پنج ثانیه یک افزایش تدریجی داشته باشیم. فراموش نکنید که می توانید با کلیک روی نمادهای کرونومتر نیز فریم های کلیدی را به پارامترهای Motion اضافه کنید.

بعد بیایید پنجه سگ و واکنش گربه را متحرک کنیم.

در ویژگی های Transform لایه پنجه سگ ، Anchor Point را در قسمت پای سگ قرار دهید. با انجام این کار اطمینان حاصل می کنید که هرگونه چرخشی که در اطراف آن نقطه ، جایی که مفصل استخوان به طور طبیعی در آن قرار می گیرد ، متحرک می شود.

در مرحله بعد ، بسته به اینکه می خواهید ظاهر آن چگونه باشد ، می توانید چرخاندن پنجه سگ را کلید زده و یک عبارت حلقه ای اضافه کنید ، یا از جلوه Wiggle – Rotation برای ایجاد مجموعه ای از حرکات تصادفی استفاده کنید.

می توانید جلوه های متنوعی را در پنل Effects & Presets پیدا کنید. برای اعمال آن را روی لایه بکشید و رها کنید و پارامترها را برای تعیین سرعت و میزان چرخش لایه تنظیم کنید.

در نهایت ، با ضربه زدن به پنجه سگ با قطع بین دو قاب که قبلاً آماده کرده بودیم ، تأثیر گربه را ایجاد کنید تا توهم حرکت ایجاد شود.

در متن متحرک شوید و آنجا وجود دارد ، شما گرافیک متحرک خود را دارید! اکنون می توانید هر کجا که می خواهید از آن استفاده کنید.

اگرچه تظاهرات بدون مثال ویدئویی سخت تر است ، اما می توانید مطمئن باشید که پنجه سگ با ذوق و شوق گربه ای به گربه ضربه می زند.

استفاده از Photoshop و After Effects Together

این روش سریع نحوه ایجاد یک تصویر لایه ای در Adobe Photoshop و بعداً تحریک لایه ها و عناصر فردی در After Effects بود. اگرچه مطالعه موردی اساسی مورد بررسی قرار گرفت ، اما می توانید از همان مراحل برای ایجاد فایلهای لایه ای پیچیده استفاده کنید که می توانند در After Effects متحرک شوند.

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

اشتراک گذاری

دنبال کنید نوشته شده توسط:

Rouzbeh

روزبه هستم، مدیر و مسئول سایت (بیا تو اینجا)، اینجانب تحصیلات کارشناسی ارشد مهندسی نرم افزار را دارم، 9 سال سابقه در زمینه وبلاگ نویسی و تولید محتوا، و 9 سال در زمینه طراحی و مدیریت سایت، که در مجموع 18 سال سابقه در این حوزه را دارا میباشم، و در زمینه هایی مانند امور کامل خدمات کامپیوتری و همچنین بصورت تخصصی در کار طراحی سایت و کانفینگ شبکه خصوصی مجازی فعالیت دارم

تبلیغات

نظرات کاربران

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این مطلب هم شاید بپسندید . . .