هنگام انتشار این محصول ، به من اطلاع رسانی شود به محظ انتشار محصول به شما اطلاع رسانی می گردد ، ایمیل صحیح خودتان را در فیلد زیر درج کنید.
Email نشانی ایمیل شما نزد آریاگستر محفوظ می ماند
آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول - آریاگستر - آریاگستر
آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

آموزش After Effects : طراحی دیوار سه بعدی قسمت اول

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

با ” آموزش After Effects : طراحی دیوار سه بعدی ” با ما همراه باشید…

  • سطح سختی: پیشرفته
  • مدت آموزش: ۶۰ تا ۸۰ دقیقه
  • نرم افزار استفاده شده: Adobe After Effects

” آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول “

” آموزش After Effects : طراحی دیوار سه بعدی – قسمت دوم “

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

گام اول

با دنبال کردن مسیر Composition > New Composition، یک کامپوزیشن جدید درست می کنیم و اسمش رو میزاریم Line. بعد هم عدد ۶۰۰ رو برای Width و ۳۰ رو برای Height در نظر می گیریم. Pixel Aspect Ration رو روی Square Pixels و Frame Rate رو روی ۲۵ قرار میدیم و Duration یا طولش رو هم ۱۵ ثانیه در نظر می گیریم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام دوم

توی این مرحله، یک شکل مقدماتی درست می کنیم که دیوار سه بعدی مون هم از همین شکل تشکیل میشه. هر شکلی که بخوایم رو می تونیم انتخاب کنیم. کاملا به خودمون بستگی داره. من می خوام دیوارم از مستطیل تشکیل بشه. برای این کار، مسیر Layer > New > Solid رو دنبال می کنیم و یک Solid جدید ایجاد می کنیم. اسمش رو میزاریم Field و Width رو روی ۶۰ و Height رو روی ۳۰ تنظیم می کنیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام سوم

با دابل کلیک روی ابزار Rectangular Mask، یک Ractangular Mask درست می کنیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام چهارم

لایه Field رو انتخاب می کنیم. M رو فشار میدیم و Mask Expansion رو روی -۴px قرار میدیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام پنجم

با دنبال کردن مسیر Effect > Perspective > Bevel Alpha، یک افکت Bevel Alpha رو اعمال می کنیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام ششم

Light Angle رو روی -۳۵  و Light Intensity رو روی ۰٫۵۵ قرار میدیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام هفتم

حالا باید کل کامپوزیشن رو با شکل هامون پر کنیم. مسلما می تونیم ۱۰ تا کپی تهیه کنیم و موقعیت اون ها رو به صورت دستی تغییر بدیم. اما تصور کنین اگه بخوایم ۱۰۰ تا کپی درست کنیم چقدر این کار کسل کننده میشه. برای اینکه این کار رو راحت تر کنیم، موقعیت Filed رو تغییر میدیم. یعنی لایه رو انتخاب می کنیم و حرف P رو فشار میدیم تا سمت چپ کامپوزیشن قرار بگیره. حالا Alt رو نگه می داریم و روی ساعت کنار Position کلیک می کنیم تا یک Expression اضافه کنیم. بعد هم مقادیر زیر رو تایپ می کنیم:

X=transform.position[0]+(index-1)*60

Y=transform.position[1]

[x,y]

حالا این Expression چی کار می کنه؟ برای محاسبه موقعیت تمام لایه های Field، باید موقعیت کنونی اون ها و تعداد لایه های موجود رو بدونیم و این دقیقا همون کاری هست که index انجام میده و ازش میشه برای Offset کردن موقعیت لایه به تعداد مشخصی پیکسل، استفاده کرد. اما از اونجایی که نیازی نیست اولین لایه Offset بشه، باید مقدار index رو کاهش بدیم (index-1). حالا فقط مونده که این مقدار رو ضربدر Offset یعنی ۶۰ پیکسل کنیم و اون رو به X Position اضافه کنیم.
چون فقط برای یک خط فضا داریم، Y Position به همون شکل باقی می مونه.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام هشتم

بهتره کاری کنیم که لایه Fade بشه. اما یادتون نره که ۹ تا کپی هم باید درست کنیم. بنابراین متحرک سازی Opacity کافی نیست. چون این طوری تمام لایه ها با هم دیگه Faade میشن که این خوب نیست. بنابراین از یک Expression استفاده می کنیم تا لایه ها به صورت تصادفی Fade بشن. روی لایه Field کلیک می کنیم. برای دسترسی به امکاناتOpacity ، دکمه T رو فشار میدیم و اون رو روی ۰ تنظیم می کنیم. Alt رو نگه می داریم و روی ساعت کنار Opacity کلیک می کنیم و Expression زیر رو تایپ می کنیم:

tm= timeToFrames()

rnd= wiggle(0,50)+20

(tm-rnd)*10

اینکه TimeToFrames چی هست، مشخصه. wiggle(0,50)+20 هم توی بازه زمانی بین ۰ تا ۵۰، یک عدد ایجاد می کنه.
با این تنظیمات کاری می کنیم که لایه ها به آرامی Fade بشن و یک مقدار هم Offset میشین. بنابراین شروعش سریع انجام نمیشه. اما دلم نمی خواد ۱۰۰ فریم صبر کنم تا لایه Fade بشه. برای همین، همه چیز رو ضربدر ۱۰ می کنیم. این طوری سرعت انیمیشن ۱۰ برابر میشه.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام نهم

لایه Field رو انتخاب می کنیم و Ctrl+D رو نه بار فشار میدیم تا لایه مون ۹ بار Duplicate بشه. به خاطر Expression که توی گام هفتم اعمال کردیم، تمام لایه ها باید کاملا توی یک خط باشن.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام دهم

با دنبال کردن مسیر Composition > New Composition، یک کامپوزیشن جدید درست می کنینم و اسمش رو میزاریم Fields. بعد هم عدد ۶۰۰ رو برای Width و ۳۰۰ رو برای Height در نظر می گیریم و Pixel Aspect Ratio رو روی Square Pixels و Frame Rate رو روی ۲۵ میزاریم و طولش رو هم ۱۵ ثانیه در نظر می گیریم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام یازدهم

کامپوزیشن Line رو داخل کامپوزیشن Fileds قرار میدیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام دوازدهم

باز هم گام هفتم رو تکرار می کنیم فقط اینکه Expression رو روی Y Position اعمال می کنیم. دوباره همون چیزها رو توضیح نمیدم. برای اینکه مطمئن بشیم تمام لایه ها توی یک خط قرار گرفتن، موقعیت اون ها رو روی لایه Line تغییر میدیم. برای این کار، لایه رو انتخاب می کنیم و حرف P رو فشاری میدیم. حالا Alt رو نگه می داریم و روی ساعت کنار Position کلیک می کنیم تا یک Expression اضافه بشه. بعد هم Expression زیر رو تایپ می کنیم:

X=transform/position[0]

Y=transform.position[1]+(index-1)*30

[x,y]

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام سیزدهم

لایه Line رو ۹ بار کپی می کنیم. برای این کار، این لایه رو انتخاب می کنیم و Ctrl+D رو نه بار فشار میدیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام چهاردهم

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

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام پانزدهم

با دنبال کردن مسیر Composition > New Composition، یک کامپوزیشن جدید درست می کنیم و اسمش رو میزاریم Fields Big. عدد ۱۹۲۰ رو برای Width و ۱۰۸۰ رو برای Height در نظر می گیریم. Pixel Aspect Ratio رو روی Square Pixels و Frame Rate رو روی ۲۵ قرار میدیم و طولش رو هم ۲۵ ثانیه در نظر می گیریم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام شانزدهم

کامپوزیشن Fields رو توی کامپوزیشن Fields Big قرار میدیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام هفدهم

لایه رو انتخاب می کنیم و با دنبال کردن مسیر Effect > Stylize > CC Repe Tile، یک افکت CC RepeTile رو اعمال می کنیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام هجدهم

Expand Right رو روی ۶۶۰، Expand Left رو هم روی ۶۶۰، Expand Down رو روی ۴۰۰، Expand Up رو هم روی ۴۰۰ و Tiling رو روی Checker 180° قرار میدیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام نوزدهم

با دنبال کردن مسیر Composition > New Composition، یک کامپوزیشن جدید درست می کنیم و اسمش رو میزاریم Element. عدد ۱۹۲۰ رو برای Width و ۱۰۸۰ رو برای Height در نظر می گیریم. Pixel Aspect Ratio رو روی Square Pixels و Frame Rate رو روی ۲۵ قرار میدیم و طولش رو هم ۱۵ ثانیه در نظر می گیریم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام بیستم

توی این گام، چیزی که می خوایم ظاهر بشه رو ایجاد می کنیم. مطمئن میشیم که هیچ پس زمینه ای وجود نداشته باشه و عنصری که درست می کنیم هم سفید باشه. چرا که از این کامپوزیشن به عنوان Track Matte استفاده میشه. مسلما راه های زیادی برای درست کردن همچین عنصری هست و روشی که شما استفاده می کنین، به خودتون بستگی داره. اما من از ابزار Horizontal Type استفاده می کنیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام بیست و یکم

یک Text Layer جدید درست می کنیم و عبارت مورد نظر رو تایپ می کنیم.  من از فونت Verdana استفاده کردم و Size رو روی ۳۱۰ قرار دادم و Bold کردم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام بیست و دوم

برای اینکه متن مون به آرومی ظاهر بشه، یک ترانزیشن رو ایجاد می کنیم. برای این کار، با دنبال کردن مسیر Composition > New Composition، یک کامپوزیشن جدید درست می کنیم و اسمش رو میزاریم Transition. عدد ۱۹۲۰ رو برای Width و ۱۰۸۰ رو برای Height در نظر می گیریم. Pixel Aspect Ratio رو روی Square Pixels و Frame Rate رو روی ۲۵ قرار میدیم و طولش رو هم ۱۵ ثانیه در نظر می گیریم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام بیست و سوم

با دنبال کردن مسیر Layer > New > Solid، یک Solid جدید درست می کنیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام بیست و چهارم

مطمئن میشیم که رنگش سفید و به اندازه کامپوزیشن باشه.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام بیست و پنجم

با دنبال کردن مسیر Effect > Transition > Linear Wipe، یک افکت Lineaar Wipe رو اعمال می کنیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام بیست و ششم

Wipe Angle رو روی ۹۰ درجه و Feather رو روی ۳۰۰ قرار میدیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام بیست و هفتم

حالا بیاین Transition Completion رو متحرک می کنیم. توی زمان ۰۰:۰۰ یک کی فریم درست می کنیم و اون رو روی ۰ درصد قرار میدیم. میریم روی زمان ۰۴:۰۰ و یک کی فریم دیگه ایجاد می کنیم و روی ۱۰۰ درصد قرار میدیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام بیست و هشتم

همچنان که لایه انتخاب شده، وارد مسیر Effect > Color Correction > Colorama میشیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام بیست و نهم

توی بخش Input Phase، بخش Get Phase From رو روی Alpha قرار میدیم و Modify Alpha و Change Emty Pixels رو تیک می زنیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام سی ام

توی بخش Output Phase، گزینه Ramp Grey رو انتخاب می کنیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام سی و یکم

روی دایره کلیک می کنیم و یک Black Point دیگه اضافه می کنیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام سی و دوم

اسلایدر رو طوری تنظیم می کنیم که به شکل تصویر در بیاد.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام سی و سوم

با دنبال کردن مسیر Layer > New > Solid، یک Solid جدید درست می کنین.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام سی و چهارم

اون رو به اندازه کامپوزیشن در میاریم و اسمش رو میزاریم Fractal.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام سی و پنجم

همچنان که لایه Fractal انتخاب شه، مسیر Effect > Noise & Grain > Fractal Noise رو دنبال می کنیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام سی و ششم

Fractal Type رو روی Swirly و Noise Type رو وروی Soft Linear و Contrast رو روی ۱۵۰ و Brightness رو روی -۴۰ قرار میدیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام سی و هفتم

لایه Fractal رو انتخاب می کنیم. کلیک راست می زنیم و Blending Mode رو روی Color Dodge قرار میدیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام سی و هشتم

یک Adjustment Layer جدید درست می کنیم. برای این کار مسیر Layer > New > Adjustment Layer رو دنبال می کنیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام سی و نهم

همچنان که Adjustment Layer انتخاب شده، وارد مسیر Effect > Color Correction > Colorama میشیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام چهل ام

توی بخش Output Phase، گزینه Ramp Grey رو انتخاب می کنیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام چهل و یکم

روی دایره کلیک می کنیم و یک Back Point و یک White Point اضافه می کنیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام چهل و دوم

این دایره رو طوری تنظیم می کنیم که شکل زیر حاصل بیاد.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام چهل و سوم

کامپوزیشن Transition رو داخل کامپوزیشن Element قرار میدیم و Start رو روی ۰۳:۰۰ تنظیم می کنیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام چهل و چهارم

Track Matte مربوط به text Layer رو روی Luma Inverted Matte تنظیم می کنیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام چهل و پنجم

با دنبال کردن مسیر Composition > New Composition، یک کامپوزیشن جدید درست می کنیم و اسمش رو میزاریم Wall. عدد ۱۹۲۰ رو برای Width و ۱۰۸۰ رو برای Height در نظر می گیریم. Pixel Aspect Ratio رو روی Square Pixels و Frame Rate رو روی ۲۵ قرار میدیم و طولش رو هم ۱۵ ثانیه در نظر می گیریم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام چهل و ششم

کامپوزیشن های Element و Fields Big رو داخل کامپوزیشن Wall قرار میدیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام چهل و هفتم

لایه Element رو انتخاب می کنیم. میریم سراغ زمان ۰۳:۰۰ و Ctrl+Shift+D رو فشار میدیم تا لایه از هم تفکیک بشه. بعد هم لایه میانی رو انتخاب (لایه Element که از ۰۰:۰۰ تا ۰۳:۰۰ فعال هست) و حذف می کنیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام چهل و هشتم

Track Matte مربوط به لایه Fields Big رو روی Luma Inverted Matte قرار میدیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام چهل و نهم

لایه Fields Big رو انتخاب می کنیم و وارد مسیر Effect > Noise & Grain > Fractal Noise میشیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام پنجاه ام

Fractal Noise رو روی Turbulent Smooth و Noise Type رو روی Soft Linear  و Contrast رو روی ۱۲۰ و Brightness رو روی -۲۰ قرار میدیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام پنجاه و یکم

روی ساعت Evolution کلیک می کنیم و عبارت time*200 رو توی بخش Expression تایپ می کنیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام پنجاه و دوم

لایه Fields Big رو انتخاب می کنیم و وارد مسیر Effect > Stylize > Glow میشیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام پنجاه و سوم

Glow Based On رو روی Alpha Channel و Glow Threshold رو روی ۷۰ درصد و Glow Radius رو روی ۳ قرار میدیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام پنجاه و چهارم

لایه Fields Big رو انتخاب می کنیم و وارد مسیر Effect > Color Correction > Curves میشیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام پنجاه و پنجم

برای ایجاد کنتراست، منحنی S شکل درست می کنیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام پنجاه و ششم

لایه Fields Big رو انتخاب می کنیم و وارد مسیر Effect > Stylize > Roughen Edges میشیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام پنجاه و هفتم

Edge Type رو روی Roughen و Border رو روی ۴ قرار میدیم. Alt رو نگه می داریم و روی ساعت کنار Evolution کلیک می کنیم. بعد هم عبارت time*200 رو توی بخش Expression تایپ می کنیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام پنجاه و هشتم

با دنبال کردن مسیر Layer > New > Adjustmetn Layer، یک لایه Adjustment جدید درست می کنیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام پنجاه و نهم

لایه Fields Big رو انتخاب می کنیم و وارد مسیر Effect > Color Correction > Hue/Saturation میشیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام شصت ام

لایه Fields Big رو انتخاب می کنیم و وارد مسیر Effect > Color Correction > Tint میشیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام شصت و یکم

توی بخش Hue/Saturation، گزینه Colorize  رو فعال می کنیم. بعد هم Colorize Hue رو روی ۲۱۲° تنظیم می کنیم. میریم سراغ زمان ۰۳:۰۰ و یک کی فریم برای Colorize Saturation در نظر می گیریم و اون رو روی ۵۰ قرار میدیم. یک کی فریم هم برای Colorize Lightness ایجاد می کنیم و اون رو روی ۰ تنظیم می کنیم. بعد میریم سراغ بخش Tint و یک کی فریم برای برای Tintدرست می کنیم و روی ۰ درصدقرار میدیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام شصت و دوم

وارد زمان ۰۶:۰۰ میشیم. توی بخش Hue/Saturation، گزینه Colorize Saturation رو روی ۲۵ و Colorize Lightness رو روی -۴۰ قرار میدی. توی بخش Tint، مقدار Amount Tint رو روی ۲۰ درصد قرار میدیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام شصت و سوم

لایه Adjustment رو انتخاب می کنیم و با دنبال کردن مسیر Effect > Color Correction > Curves، یک منحنی روی اون اعمال می کنیم.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

گام شصت و چهارم

منحنی رو طوری تنظیم می کنیم که دیوار تیره بشه.

آموزش After Effects : طراحی دیوار سه بعدی – قسمت اول

” آموزش After Effects : طراحی دیوار سه بعدی – قسمت دوم “

مطالب مرتبط

0نظرات
دیدگاه خود را بنویسید

پاسخ دهید

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

ارسال رایگان تمام سفارشات به سراسر ایران - تا 35 درصد تخفیف ویژه در خرید همزمان چند محصول - کلیک کنید! رد کردن