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

دانلود Design the Web: Animated Loading GIFs

در حال بارگزاری نمونه ویدیو، لطفا صبر کنید...

Video Player is loading.

Current Time 0:00

Duration 0:00

Loaded: 0%

Stream Type LIVE

Remaining Time 0:00

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

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

در حال بارگزاری، لطفا صبر کنید...

توضیحات دوره: آیا تا به حال به یک GIF انیمیشن نیاز دارید تا یک صفحه وب را ادویه کنید یا داده های سیگنال بارگیری می شود؟ بیاموزید که با این تکنیک های سریع و عملی از کریس Converse ، گرافیک های متحرک سفارشی را برای وب سایت های خود ، برنامه های تلفن همراه و سایر پروژه های تعاملی در Adobe Photoshop ایجاد کنید. کریس نشان می دهد که چگونه می توان آثار هنری را به اشیاء هوشمند تبدیل کرد ، جلوه های لایه ای را با قابلیت های Tween Photoshop تحریک کرد و انیمیشن های موجود را حرکت و تغییر اندازه داد. به علاوه ، کاربران CS6 می توانند نحوه انیمیشن های KeyFrame را با پانل Advanced Video مبتنی بر ویدیویی پیدا کنند.

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

مقدمه 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