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

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

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

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


2. وارد کردن به افتر افکت. راه های مختلفی وجود دارد. در پنجره دوبار کلیک کنید پروژهو فایل را در کادر بازشو انتخاب کنید. یا از طریق کاوشگر - یک فایل را انتخاب کنید و با ماوس آن را به پنجره بکشید پروژه. شما همچنین می توانید در منو File > import > fileو فایل ما را انتخاب کنید. توجه داشته باشید! باید ایستاد فیلمدر زمینه واردات به عنوانو هیچ باکسی را علامت نمی زنیم.


3. یک ترکیب جدید در After Effects ایجاد کنید. CTRL+Nیا از طریق منو ترکیب > ترکیب جدید. ما تنظیمات را تنظیم می کنیم - نام را می نویسیم، مدت زمان انیمیشن 30 فریم (نرخ فریم) و 15 ثانیه (Duration) داریم، همچنین ابعاد خود ترکیب را 1920x1080 تنظیم می کنیم. کلیک کنید - OK.


4. فایل برداری وارد شده را از پنجره با ماوس بکشید پروژهبر روی خط زمانی- بخش پایینی فضای کاری، جایی که در واقع، ما خطوط خود را متحرک خواهیم کرد.

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


رنگ سفید را انتخاب می کنیم.


6. لایه انتخاب شده است. سپس روی نماد دوم کلیک کنید شطرنجی کردندر کنار نام لایه (اگر هیچ نمادی قابل مشاهده نیست، در پایین جدول زمانی وجود دارد سوئیچ ها/حالت ها را تغییر دهید- کلیک کنید و نمای لایه تغییر می کند - نمادها در سمت راست ظاهر می شوند.


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

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

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


و بعد از این عمل از قبل 2 لایه خواهیم داشت. ما می توانیم اولین لایه اصلی وکتور خود را حذف کنیم. انتخاب کنید و کلید بزنید حذف. فراموش نکنید که پروژه را ذخیره کنید - Ctrl+Shift+S. نکته - به طور دوره ای ماژیک را فشار دهید ctrl+s.

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


همه لایه ها به طور جداگانه شکسته شده اند و می توانید دوباره لایه اصلی ما را حذف کنید، این پایین ترین لایه است. و به صورت دستی باید کپی کنم (کپی کردن لایه - CTRL+D) به تعداد زیرلایه ها - خطوط لایه بندی کنید، سپس زیرلایه های اضافی را از لایه کپی شده جدید حذف کنید و نام آن را تغییر دهید.

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

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

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

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


به ابتدای ترکیب به صفر بروید - و مقدار را به صفر تغییر دهید (بلافاصله مقدار اندازه را وارد کنید و یک کلید جدید به طور خودکار وارد می شود). سپس به مدت 3 ثانیه - 450، به مدت 3 ثانیه 15 فریم - 300، بعد از 5 فریم دیگر - 3 ثانیه می شود 20 فریم - 450، و دوباره در 6 ثانیه، 6.15 و 6.20 تکرار می کنیم - همان مقادیر را تنظیم کنید - 450/300/450. سپس به همین ترتیب در 9 و 12 ثانیه در همان فاصله. و اکنون محو شدن را در انتهای ترکیب ایجاد می کنیم - 14 ثانیه 15 فریم - 450، در 15 ثانیه در پایان - 0. سپس کلیک کنید F9- کلیدهای صاف


می توانید یک کلید را به روش دیگری اضافه کنید - روی الماس کنار کرونومتر کلیک کنید و سپس مقدار را تغییر دهید). با کلیدها می توانید در امتداد جدول زمانی حرکت کنید صفحه بالاو صفحه روشن. نشانگر را با دقت بیشتری حرکت دهید! خود لایه را جابه جا نکنید! اگر چیزی CTRL+Zبه شما کمک کند

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

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


فاش شدن پارامترها کوتاه کردن مسیرو مقدار آن را تنظیم کنید پایان. من 75 درصد گذاشتم. این نشانگر مسئول چند درصد است که خط در انیمیشن نمایش داده می شود: 100٪ - به طور کامل، 0٪ - بر این اساس، خط نمایش داده نمی شود. بهینه - از حدود 50 تا 95٪. نشانگر در ابتدای ترکیب قرار دارد. بعد، ما متحرک می شویم. گیره می کنیم ALTو روی پارامتر کرونومتر کلیک کنید انحراف(درست در زیر پایان) و عبارت را در خط ظاهر شده وارد کنید - زمان*n(که در آن n عددی است که تعداد دور یا سرعت انیمیشن را نشان می دهد).


آهنگ (صفر) را پخش کنید و ببینید چه اتفاقی می افتد. می توانید مقدار را تغییر دهید پایانو انیمیشن را مقایسه کنید، بیان نیازی به تغییر ندارد. بنابراین، جالب ترین و بهینه ترین نتیجه را بدست آورید. حالا بیایید خطوط را اضافه کنیم تا محو شوند و همچنین محو شوند. شما همچنین می توانید این کار را با شفافیت انجام دهید. کدورت. لایه را انتخاب کنید - کلید را فشار دهید تیو در 1 ثانیه مقدار را روی 100 و در ابتدای ترکیب صفر - 0 قرار دهید. سپس 14 ثانیه - 100 و در پایان ترکیب 0 را تنظیم می کنیم. F9- صاف. ضمناً برای انتخاب همزمان تمامی کلیدها می توانید با موس آنها را با دقت انتخاب کرده و کلیک کنید F9یا ساده ترین راه این است که خود پارامتر را انتخاب کنید کدورتو همه کلیدها به یکباره انتخاب می شوند.

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


حالا انتخاب کنید مطالب - افزودن - برش مسیرو در 1 ثانیه پایانکلید 100، در صفر 0، در 14 ثانیه 100 و در پایان 0. و کلیدها را انتخاب کنید و صاف کنید F9.

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

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


مقابل کلیک کنید ماژول خروجیدرست روی فلش و قالب را از من انتخاب کنید MOV+PNG+ALPHA(یا MOV+PNG). و فشار می دهیم ارائه دادن، صبر کنید تا رندر در حال انجام باشد. سپس به نتیجه نگاه می کنیم. ویدیو در همان پوشه پروژه شما ذخیره می شود.

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


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

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

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

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 ارائه می‌شوند را یاد خواهید گرفت.


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

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


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

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