طراحی در افتر افکت. چگونه چیزی را روی یک فایل ویدیویی بکشیم؟ (با استفاده از Adobe After Effects) آموزش قدرتمند افترافکت

گاهی اوقات لازم است چیزی در بالای یک فایل ویدیویی بکشید، شاید فقط برای ایجاد یک ویدیوی خنده دار، یا برای پروژه ای جدی. در این «راهنمای راهنمای» کوچک، این دقیقاً همان چیزی است که من به شما خواهم گفت.

بنابراین، بیایید شروع کنیم:

1. ما یک ترکیب جدید ایجاد می کنیم (اگر با اصول اولیه ربات ها در Adobe After Effects آشنا نیستید، می توانید در مورد ایجاد یک ترکیب جدید مطالعه کنید).

2. "کشیدن و رها کردن" به پنجره پروژه Adobe After Effects، و سپس در خود ترکیب، ویدیویی که روی آن ترسیم خواهیم کرد (در این مورد، Nature.mp4 است):

3. حالا روی لایه فایل ویدیویی دوبار کلیک می کنیم و به پنجره این لایه جداگانه می رویم (در این مورد Layer: Nature.mp4 است) که در آنجا رسم می کنیم:

4. وقتی به پنجره بالا رفتیم، ابزار Brush Tool (Ctrl + B) را انتخاب می کنیم. همچنین در گوشه پایین سمت راست، نوار ابزار Paint را می بینیم، جایی که می توانید بسیاری از گزینه های مختلف را پیکربندی کنید.نقاشی:

5. حالا می توانید سعی کنید چیزی بکشید. من هستم با عجلهیک درخت ژولیده کشید :)

من می خواهم به این واقعیت توجه داشته باشم که هر خط جداگانه نقاشی روی یک خط جدید ایجاد می شود"زیر لایه" در لایه فایل ویدئویی. شما می توانید انعطاف پذیرهر لایه (Brush 1, Brush 2 ... Brush n) را با تنظیم مثلاً زمان ظاهر شدن هر یک از قسمت های تصویر و همچنین بسیاری از پارامترهای دیگر تنظیم کنید.برای این کار باید لایه فایل ویدیویی =>Effects=>Paint را گسترش دهید.

من، به طور کلی، روند طراحی را در Adobe After Effects توضیح دادم، سپس همه چیز به تخیل شما بستگی دارد. به هر حال، اگر مشکلی در ذخیره (رندر) ویدیوی تمام شده در Adobe After Effects وجود دارد، توصیه می کنم با آن آشنا شوید. این مواد.

شاید بدانید که ما چندین پروژه در سوله های مختلف داریم که یکی از آنها پروژه VideoSmile.ru است. این به موضوع ویدیو (ویرایش، جلوه های ویژه، سه بعدی و غیره) اختصاص دارد و توسط تیم ما از سال 2011 توسعه یافته است.

من می دانم که در بین مخاطبان من افرادی وجود دارند که به این سمت علاقه مند هستند ، بنابراین از بچه های VideoSmile خواستم مجموعه ای از درس ها را برای مشترکان من در محبوب ترین برنامه پردازش ویدیو - Adobe After Effects آماده کنند. این یک نوع "فتوشاپ" در دنیای ویدئو است.

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

مقدمه ای بر افترافکت

در اولین ویدیو با ویژگی های افتر افکت آشنا می شوید و متوجه می شوید که از کجا می توانید آن را دانلود کنید.

ساخت 4 محافظ صفحه نمایش دیدنی. قسمت 1

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

ساخت 4 محافظ صفحه نمایش دیدنی. قسمت 2

در اینجا، به ایجاد چندین نوع از صفحه راه‌اندازی ادامه می‌دهید و چند ابزار مهم After Effects را در طول مسیر یاد می‌گیرید.

انتقال و شکست

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

یک سوم پایین تر و می میرد

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

عناصر متن متحرک

در درس پایانی این مینی دوره، نحوه ایجاد بلوک های متحرک متنی را یاد می گیرید که با آن می توانید اطلاعات متنی مهمی را به ویدیوهای خود اضافه کنید.

من از آگوست 2016 در حال تحصیل در رشته AE هستم، علاوه بر تصویرسازی در زمینه طراحی حرکت شروع به کار کردم.

من یک آموزش برای وبلاگ با یک انیمیشن ساده از اشکال و خطوط آماده کردم. این آموزش برای کسانی در نظر گرفته شده است که در حال حاضر کم و بیش به افترافکت آشنایی دارند، بنابراین اگر برای شما دشوار است، توصیه می کنم به آموزش های اولیه در شبکه نگاه کنید. به عنوان مثال این دوره کوتاه: دوره مقدماتی Illustrator + After Effects.

اخیراً پروژه ای را با خطوط فراخوانی متحرک (Callout) به پایان رساندم و پست کردم و در آموزش خود به شما خواهم گفت که چگونه آن را با استفاده از ساده ترین مثال انجام دادم.

1. در Adobe Illustrator ایجاد کنید فایل برداریبا نقاشی ما یک فراخوان داریم. همه خطوط بدون پر کردن، فقط سکته مغزی هستند. برای واضح تر شدن اجرای انیمیشن مانند تصویر عمل کنید. فایل را ذخیره کنید اوقالب

5. لایه فایل را انتخاب کنید. بریم سراغ منو Effect > Generate > Fill.

7. سپس فراخوان خود را در مرکز قرار می دهیم. همانطور که در illustrator: ابتدا فلش را انتخاب کنید ابزار انتخاب (V)، سپس جسم را حرکت دهید.

8. لایه ما را انتخاب کنید، به منو بروید لایه > ایجاد اشکال از لایه برداری.

9. اکنون باید یک لایه را به چندین لایه تقسیم کنیم - بالاخره چندین خط داریم. شما می توانید به صورت دستی، اما طولانی و خسته کننده است. بهتر است یک اسکریپت رایگان دانلود و نصب کنید ZI_ExplodeShapesLayers(بهبود یافته یک نسخه جدید). لایه را انتخاب کنید و مانند illustrator بروید فایل > اسکریپت ها. روی دکمه کلیک کنید منفجر شود!

جزئیات بیشتر، چه کسی اسکریپت را پیدا نکرده یا نمی خواهد دانلود کند:
ما 4 لایه فرعی داریم، بنابراین به 3 نسخه دیگر نیاز داریم، آنها را می سازیم. سپس در لایه اول 2،3،4 گروه را حذف می کنیم. و بیشتر به قیاس. سپس تغییر نام دهید - لایه را انتخاب کنید - ENTER - یک نام جدید وارد کنید - ENTER یا در جای خالی کلیک کنید. شما باید 4 لایه با خطوط جداگانه بگیرید.

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

به هر حال، نکات! می توانید بزرگنمایی کنید - اشیاء را در پنجره ترکیب بندی با چرخ ماوس حذف کنید (مانند ctrl + - در اینجا کار نمی کند و ctrl 0 نیز) یا با انتخاب مقیاس در پنجره ترکیب - پنجره بازشو نسبت بزرگنمایی(در اینجا اعداد با درصد و فلش پایین آمده است). و شما می توانید در اطراف پنجره ترکیب با یک فاصله حرکت کنید - همان دست (مانند یک لوستر). همچنین هنگام متحرک سازی یک شی، به نقطه لنگر مرکزی توجه کنید نقطه لنگر. باید در مرکز شی قرار گیرد، در غیر این صورت انیمیشن از جایی که نقطه قرار دارد انجام می شود و در این مورد ما از مرکز نیاز داریم. نحوه رفع مشکل - کلید میانبر را فشار دهید Y، و نقطه را بکشید، آن را در جای مناسب قرار دهید. خب بریم

11. انیمیشن دایره ای ما متحرک می شویم مقیاس.
می توانید انفرادی را روی لایه روشن کنید، سپس فقط دایره (آیکون دایره یا نقطه) قابل مشاهده خواهد بود. سپس کلیدها را می گذاریم - این انیمیشن ما خواهد بود. نشانگر زمان را حرکت دهید (این خط با نوک آبی - نشانگر زمان فعلی) به مدت 0 ثانیه 15 فریم و کلید را قرار دهید - بر روی کرونومتر در کنار کلیک کنید مقیاس، مقدار را بگذارید (من 450 دارم).

خوب، اکنون دایره ما زنده شده است - در ابتدا ظاهر می شود، در فرآیند به آرامی چشمک می زند و در پایان ترکیب به آرامی محو می شود. برای مشاهده صفر 0 و برای پایان دادن به نمایش نیز صفر 0 را فشار دهید.

12. انیمیشن خط اصلی.
لایه بعدی را با خط اصلی انتخاب کنید. دوبار فشار دهید Uو تمام محتویات لایه را نشان می دهد. زمانی استفاده می شود که نیاز به باز کردن زیرلایه هایی دارید که اصلاح شده اند. خیلی راحت بستن - یک بار دیگر U. در روند کار، همه چیز را خواهید فهمید. بعد، زیر لایه را انتخاب کنید گروه 3 - افزودن - برش مسیر.

13. انیمیشن خط دوم.
اکنون یاد می گیریم که چگونه با تنظیمات خود خط با شما کار کنیم. بیایید از یک خط مستقیم معمولی یک خط نقطه چین بسازیم و آن را متحرک کنیم. دو برابر Uدر امتداد لایه با خط، پیدا می کنیم سکتهو با کلیک بر روی فلش مقادیر آن را گسترش دهید. پیدا کردن پارامتر خط تیرهو روی پلاس کلیک کنید + دو برابر. ارزش ها ظاهر خواهند شد خط تیره(میزان امتیاز) شکاف(فاصله بین نقاط) انحراف(نقاط را متحرک کنید). فرض کنید مقادیر 5 و 5 را معرفی می کنیم. حالا دوباره ALT+ روی کرونومتر کنار پارامتر کلیک کنید انحرافو وارد شوید زمان*n(ارزش من 35 است).

14. انیمیشن مربعی. چرخش.
لایه را با مربع، کلید میانبر انتخاب کنید R (چرخش). اختصاص می دهیم چرخشو ALT+ روی کرونومتر کلیک کنید. در خط ورودی عبارت می نویسیم زمان*n(ارزش من 250 است). همچنین می توانید از کلیدها به صورت دستی استفاده کنید - در ابتدای کلید با صفر مقادیر اولیهو در انتهای کلید (تعداد دورهای 0x و درجه +0.0 را وارد کنید) 8 دور و 360 درجه را در نظر بگیرید. عبارات تا حد زیادی کار را تسهیل و خودکار می کنند. خوب، بر اساس قیاس، شفافیت را در ابتدای ظاهر (در 1 ثانیه 100 و در صفر 0) و در پایان فروپاشی (در 14 ثانیه 100 و در پایان 0) اضافه می کنیم و F9. یا اینکه داخل و خارج می شویم کوتاه کردن مسیر.

همه! انیمیشن آماده است! فراخوان ما زنده شد! حالا بیایید پس انداز کنیم. رندر میسازیم
فشار دادن کلیدهای داغ CTRL+M(یا به منو بروید).

اوکسانا شیلووامخصوصا برای وبلاگ

در خبرنامه ما مشترک شوید تا چیز جدیدی را از دست ندهید:

اولین کاری که هنگام حرکت به سمت طراحی انجام می دهیم، تغییر فضای کاری به Paint است.

پانل های Paint، Brushes و Layer ظاهر شدند. پانل Paint برای تنظیم پارامترهای طراحی در نظر گرفته شده است. اندازه و سختی برس را در پنل Brushes انتخاب می کنیم. از آنجایی که نمی‌توانیم مستقیماً در پانل Composition ترسیم کنیم، از پانل لایه برای این کار استفاده می‌کنیم. بهتر است در مقیاس 100٪ ترسیم کنید. برای این کار استفاده کنید منوی جانبیمورد پانل به حداکثر رساندن قاب/بازیابی اندازه قاب، یا با نگه داشتن ماوس روی پانل، کلید را فشار دهید<~>روی صفحه کلید
یک لایه سفید جامد ایجاد کنید. این بوم نقاشی ما خواهد بود که روی آن تمرین خواهیم کرد. ابزار Brush Tool را انتخاب کنید. مثلا یک دایره کوچک بکشیم.

این افکت به این معنی است که ما یک نقاشی روی این لایه اعمال کرده ایم. عنصر ترسیم شده در ویژگی های لایه به عنوان زیرلایه Brush 1 نمایش داده می شود. اجازه دهید گلبرگ ها و یک ساقه را به دایره خود اضافه کنیم تا یک گل به دست آوریم.

بیایید نگاهی به ویژگی های لایه بیندازیم.

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

اولین خاصیت افکت طراحی که می بینیم Paint of Transparent است. در همه عناصر مشترک است. اگر آن را در موقعیت "روشن" قرار دهید، لایه پس زمینهپس‌زمینه به شکل سلول‌های شطرنج ناپدید می‌شود و فقط پس‌زمینه به شکل سلول‌های شطرنج باقی می‌ماند (اگر برای شما نمایش داده نمی‌شوند، روی کلید Toggle Transparency Grid کلیک کنید، هم در پنل ترکیب و هم در صفحه نمایش موجود است. پانل لایه).

حال بیایید یکی از عناصر را گسترش دهیم. در اینجا دو گروه از ویژگی ها را می بینیم: Transform (ویژگی های تبدیل)، Stoke Options (ویژگی های ترسیم)، و همچنین یک ویژگی Path متحرک (شکل). گروه گزینه های استوک را گسترش دهید. اگر می‌خواهید پارامترهای طراحی را برای یک عنصر از قبل ترسیم شده تنظیم کنید، باید این کار را در اینجا انجام دهید، در پانل Paint، پارامترها را فقط برای عناصر طراحی بعدی تنظیم می‌کنید.

ویژگی Start را متحرک کنید. خط ویرایش را به موقعیت 2 ثانیه منتقل کنید و روی نماد کرونومتر کلیک کنید. کلید اول ایجاد شده است. با فشار دادن کلید Home یک کلید دوم ایجاد کنید. اما مقدار آن را به 100% تغییر دهید. کامل پیش نمایشدر پنل Composition View. عنصر به تدریج کشیده می شود، اما در سمت معکوس. برای ترسیم آن به روشی که شما آن را ترسیم کرده اید، ویژگی End را خودتان متحرک سازید (فراموش نکنید که ویژگی Start را unanimate کنید).
در گروه Stoke Options می توانیم رنگ قلم مو (Color)، قطر (Diameter)، سختی (Hardness)، گرد بودن (Roundness)، فاصله (فاصله)، opacity (Opacity) و جریان (Flow) را تغییر دهیم. همانطور که می بینید، همه این ویژگی ها را می توان متحرک کرد. حالا با تغییر رنگ برای هر عنصر، گل خود را رنگ می کنیم.

یکی دیگر از ابزارهای طراحی پاک کن است. با انتخاب این عنصر، آیتم Erase در پنل Paint در دسترس قرار می گیرد که موضوع را برای پاک کردن تنظیم می کند.

شما می توانید از پاک کن نه تنها برای پاک کردن عناصر ترسیم شده، بلکه برای حذف پس زمینه نیز استفاده کنید.
در نهایت، من می خواهم روشی را شرح دهم که به شما امکان می دهد یک خط کاملاً مستقیم بکشید. برای این ما به یک خط کش نیاز داریم. دستور منوی View->Show Rulers را اجرا کنید. دو مقیاس در پانل لایه ظاهر شد: عمودی و افقی.
حالا ماوس را روی یکی از خط کش ها نگه دارید. مکان نما باید به یک فلش دو طرفه تغییر کند. گیره می کنیم دکمه سمت چپماوس را وارد کرده و مکان نما را به جایی که می خواهیم خط را قرار دهیم منتقل می کنیم.