آموزش طراحی وب: GIF های بارگیری متحرک

Design the Web: Animated Loading GIFs

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.

نمونه ویدیوها: (صرفا برای مشاهده نمونه ویدیو، ممکن هست نیاز به شکن داشته باشید.)

توضیحات دوره: آیا تا به حال برای ایجاد ادویه در یک صفحه وب یا بارگیری داده های سیگنال به GIF متحرک احتیاج داشته اید؟ با استفاده از تکنیک های سریع و کاربردی Chris Converse ، ایجاد گرافیک متحرک سفارشی برای وب سایت ها ، برنامه های تلفن همراه و سایر پروژه های تعاملی خود در Adobe Photoshop بیاموزید. کریس نشان می دهد که چگونه می توان آثار هنری را به اشیا Smart هوشمند تبدیل کرد ، جلوه های لایه را با قابلیت Photoshop tween متحرک کرد و انیمیشن های موجود را جابجا و تغییر اندازه داد. بعلاوه ، کاربران CS6 می توانند با استفاده از پنل Timeline پیشرفته مبتنی بر ویدئو ، نحوه ساخت کلیدهای متحرک را بیابند.

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

مقدمه Introduction

خوش آمدی Welcome
با استفاده از پرونده های تمرینی Using the exercise files

1. ایجاد انیمیشن های مبتنی بر فریم 1. Creating Frame-Based Animations

کارهای هنری خود را برای ویرایش غیر مخرب تنظیم کنید Setting up your artwork for nondestructive editing
انیمیشن کردن جلوه شیب شیب Animating a gradient overlay effect
تغییر انیمیشن ها پس از ایجاد آنها Modifying animations after they are created
ایجاد انیمیشن مارک دار Creating a branded animation

2. ایجاد انیمیشن های مبتنی بر Keyframe 2. Creating Keyframe-Based Animations

تهیه آثار هنری برای انیمیشن های keyframe Preparing artwork for keyframe animations
تحولات متحرک شیء هوشمند Animating Smart Object transformations
انیمیشن های نهایی و انتشار Final animations and publishing settings