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

Creating a Mobile App Interface in After Effects

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
توضیحات دوره: اکثر برنامه ها از همان اصول طراحی رابط پیروی می کنند - اصولی که در مشخصات iOS ، Android و Windows Phone تعریف شده است. نمونه سازی اولیه رابط کاربری شما با ابزارهایی مانند Illustrator و After Effects می تواند اطمینان حاصل کند که برنامه شما از دستورالعمل های پلت فرم برخوردار است و به شما کمک می کند قبل از گذراندن یک چرخه توسعه طولانی ، مشکلات کاربردی را حل کنید.

در این دوره ، اندی نیدهم نحوه ایجاد یک رابط برنامه از ابتدا با استفاده از Adobe Illustrator را نشان می دهد و سپس طرح نهایی را برای انیمیشن به After Effects می برد. این یک پروژه از ابتدا تا انتها است که از طرح های مفهومی به محصول نهایی (GIF متحرک) می رود. نمونه اولیه جنبه های ناوبری و تعاملی رابط برنامه را به نمایش می گذارد و می تواند برای بازاریابی یا جمع آوری بازخورد مشتری و کاربر استفاده شود.
موضوعات شامل:
  • طرح ایده ها
  • برنامه ریزی پیش رو: دانستن نتیجه هدف خود
  • طراحی صفحات در Illustrator
  • آماده سازی آثار هنری برای افتر افکت
  • ایجاد م componentsلفه های قابل استفاده مجدد
  • ساخت و متحرک سازی صفحات
  • افزودن انتقال ها و انیمیشن های اشاره
  • صادر کردن سکانس نهایی به عنوان GIF متحرک

سرفصل ها و درس ها

مقدمه Introduction

  • خوش آمدی Welcome

  • آنچه باید قبل از تماشا بدانید What you should know before watching

  • نحوه استفاده از پرونده های تمرینی How to use the exercise files

1. برنامه برنامه و پیش تولید 1. App Plan and Pre-Production

  • ایجاد برنامه The app creation

  • برنامه ریزی و جمع آوری منابع Plan for and gather references

  • ایده ها را بکشید Sketch out ideas

  • سفر کاربر را انتخاب کنید Choose the user journey

2. صفحه های برنامه را کاوش کنید 2. Explore the App Screens

  • نقش Adobe Illustrator در روند Adobe Illustrator’s role in the process

  • قلم این پروژه را نصب کنید Install the font for this project

  • کارهای هنری را برای After Effects آماده کنید Prepare artwork for After Effects

3. دارایی برای انیمیشن را در بعد اثر آماده کنید 3. Prepare Assets for Animation in After Effects

  • آثار هنری را تنظیم و وارد کنید Set up and import artwork

  • اجزای قابل استفاده مجدد ایجاد کنید Create reusable components

  • کاشی داشبورد را بسازید Build the Dashboard tiles

  • لمس های نهایی را به کاشی داشبورد اضافه کنید Add final touches to the Dashboard tiles

  • صفحه های داشبورد را بسازید Build the Dashboard screens

  • لمس های نهایی را به صفحه های باقی مانده اضافه کنید Add final touches to the remaining screens

4. تحریک کردن در اثرات بعدی 4. Animate in After Effects

  • عناصر داشبورد را تحریک کنید Animate the Dashboard elements

  • لمس های نهایی را به بخش هدف اضافه کنید Add final touches to the Goal section

  • صفحه Steps را تحریک کنید Animate the Steps screen

  • صفحه دوستان را تحریک کنید Animate the Friends screen

  • انیمیشن های ضربه بزنید و بکشید Create tap and swipe animations

5- دنباله را بسازید و صادر کنید 5. Build and Export the Sequence

  • صفحه های داشبورد را بکشید Swiping the Dashboard screens

  • جزییات تمام شده ، ضربه تند وشدید زدن و شیرهای آب را اضافه کنید Add finishing details, swipes, and taps

  • انیمیشن پیمایش را اضافه کنید Add the scroll animation

  • هدر و پاورقی را برطرف کنید Fix the header and footer

  • صفحه دوستان را ببینید و به داشبورد برگردید See the Friends screen and back to the Dashboard

  • دنباله نهایی را صادر کنید Export the final sequence

6. با Sketch2AE کار کنید 6. Work with Sketch2AE

  • Sketch2AE چیست؟ What is Sketch2AE?

  • Sketch2AE را نصب کنید Install Sketch2AE

  • کارهای هنری را در Sketch آماده کنید Prepare artwork in Sketch

  • وارد کردن آثار هنری به After Effects Import artwork into After Effects

نتیجه Conclusion

  • مراحل بعدی Next steps

نمایش نظرات

نظری ارسال نشده است.

آموزش ایجاد یک رابط برنامه موبایل در افتر افکت
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
2h 34m
32
Linkedin (لینکدین) lynda-small
27 اردیبهشت 1397 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
86,221
- از 5
ندارد
دارد
دارد
Andy Needham

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Andy Needham Andy Needham

طراح حرکت ، ویراستار ، آهنگساز Andy Needham یک طراح ، ویراستار و آهنگساز حرکت مستقل است.

از سال 2004 در صنعت موشن گرافیک کار می کند. اندی از After Effects و دیگر برنامه های Adobe ، Final Cut Pro ، CINEMA 4D ، mocha و نوک از مشتریان او می توان به Google ، Sony Ericsson ، X Factor USA و گروه Coldplay اشاره کرد. برای اطلاعات بیشتر به وب سایت وی ، imcalledandy.com مراجعه کنید.

Linkedin (لینکدین)

لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی

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

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