کانال تلگرام پشتیبانی تلگرام شماره تماس پشتیبانی: 0930 395 3766
ورود ثبت نام

آموزش انیمیشن‌سازی با SwiftUI: iOS، watchOS و visionOS - آخرین آپدیت

دانلود Animate With SwiftUI: iOS, watchOS and visionOS

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

آموزش انیمیشن‌سازی با SwiftUI: تسلط بر ساخت انیمیشن‌های چشم‌نواز در iOS

با استفاده از SwiftUI و Xcode، مهارت‌های لازم برای متحرک‌سازی هر چیزی که تصور می‌کنید را کسب کنید.

مبانی زمان‌بندی انیمیشن در SwiftUI

چگونه انیمیشن‌های اپلیکیشن‌های iOS را زیباتر کنیم

درک انیمیشن پایه

طراحی انیمیشن‌های فنری (Spring Animations)

تأثیر نقاط محوری (Anchor Points) بر انیمیشن

درک انیمیشن و حرکت در SwiftUI

چگونه انیمیشن‌های مدیتیشن و آرامش‌بخش بسازیم

تکنیک‌های انیمیشن‌سازی در SwiftUI

چگونه انیمیشن برای اپلیکیشن‌های iOS بسازیم

انیمیشن‌سازی سه‌بعدی

حرکت در مسیر دایره‌ای

چگونه انیمیشن‌هایی در SwiftUI بسازیم که داستان بگویند

اصول انیمیشن در iOS

چگونه انیمیشن‌های ظریف و لطیف iOS بسازیم

چگونه انیمیشن‌های iOS را واقعی‌تر، آشناتر و جامع‌تر کنیم

پیش‌نیازها

  • نصب Xcode بر روی کامپیوتر مک.
  • نصب macOS Catalina یا Mojave بر روی کامپیوتر مک.

نکته: دارایی‌های این دوره با Sketch طراحی شده‌اند و بیشتر آیکون‌های مورد استفاده در پروژه‌ها، SF Symbol هستند. دانش‌آموزان همچنان می‌توانند بدون نصب Sketch یا برنامه SF Symbols، این دوره را فرا بگیرند.

معرفی مربی: من آموس گیامفی هستم. از زمان اولین انتشار SwiftUI در سال 2019، از آن برای ساخت انیمیشن‌ها و پروتوتایپ‌ها استفاده کرده‌ام. بسیار هیجان‌زده‌ام که به شما آموزش دهم چگونه شروع کنید و انیمیشن‌های بعدی اپلیکیشن‌های iOS، tvOS، iPadOS و watchOS خود را با SwiftUI بسازید.

به دوره انیمیشن‌سازی با SwiftUI: iOS، watchOS، و visionOS خوش آمدید. این دوره پایه‌های خوب و اصول اساسی انیمیشن‌سازی هر چیزی که تصور می‌کنید را با استفاده از SwiftUI به شما می‌دهد. ابتدا به چگونگی تغییرات در طول زمان می‌پردازیم تا بدانید چگونه اشیاء حرکت می‌کنند. سپس به ساخت انیمیشن‌های پایه و همچنین انیمیشن‌های فنری می‌پردازیم. شما یاد خواهید گرفت که چگونه انیمیشن‌های اپلیکیشن خود را زیباتر، دلنشین‌تر و باارزش‌تر کنید، تنها با استفاده از SwiftUI. پس بیایید با انیمیشن‌سازی با SwiftUI: iOS، watchOS، و visionOS شروع کنیم.

یادداشت مهم: از تاریخ 11/09/2022، ویدیوهای انیمیشن 2020 و 2021 را از این دوره حذف خواهم کرد. دلیل این امر به‌روزرسانی هفتگی با انیمیشن‌های جدید برای جایگزینی محتوای قدیمی است.

اهداف یادگیری دوره انیمیشن‌سازی با SwiftUI

  • درک انیمیشن و حرکت در SwiftUI
  • کار با نقاط محوری (مرکز جرم)
  • درک انیمیشن پایه
  • ساخت انیمیشن‌های فنری در iOS
  • زمان و نحوه استفاده از زمان‌بندی‌ها (Easings)
  • چگونه انیمیشن‌های اپلیکیشن iOS را زیباتر کنیم
  • مبانی زمان‌بندی انیمیشن
  • انیمیشن‌سازی سه‌بعدی
  • ساخت کپی انیمیشن‌های Dynamic Island
  • انیمیشن‌های قابل دسترس و کاهش حرکت (Reduce Motion) در iOS

بخش‌های اصلی دوره (به‌روزرسانی هفتگی)

ساخت انیمیشن پایه

  • ساخت اولین انیمیشن SwiftUI
  • چگونه انیمیشن چرخشی بسازیم: خورشید و باد در Yahoo Weather
  • چگونه تبدیل مقیاس (x, y, و xy) را متحرک‌سازی کنیم
  • چگونه حرکت را با استفاده از آفست (x و y) متحرک‌سازی کنیم
  • چگونه حرکت را با استفاده از هم‌ترازی (alignment) متحرک‌سازی کنیم
  • ساخت اولین انیمیشن اپل واچ
  • چگونه چرخش رنگ (Hue Rotation) را متحرک‌سازی کنیم

انیمیشن ضمنی و صریح (Implicit and Explicit Animation)

  • انیمیشن ضمنی چیست؟
  • انیمیشن صریح چیست؟

درک و متحرک‌سازی ماسک‌ها (Masks)

  • چگونه شعاع گوشه (Corner Radius) را متحرک‌سازی کنیم
  • متحرک‌سازی Touch ID با استفاده از آفست ماسک

متحرک‌سازی جلوه‌های بصری

  • چگونه رنگ را متحرک‌سازی کنیم
  • چگونه گرادیانت‌ها را متحرک‌سازی کنیم

تسلط بر زمان‌بندی و سرعت‌بخشی انیمیشن

  • زمان‌بندی انیمیشن چیست؟
  • سرعت‌بخشی انیمیشن چیست؟
  • چگونه زمان شروع انیمیشن را با تاخیر (delay) تغییر دهیم
  • تعداد تکرار (repeat count) چیست؟
  • چگونه انیمیشن را برای همیشه تکرار کنیم
  • چگونه سرعت انیمیشن را تنظیم کنیم

زمان‌بندی‌ها (Easing): درک نحوه حرکت اشیاء

  • پیش‌فرض (Default)
  • خطی (Linear)
  • ورود (EaseIn)
  • خروج (EaseOut)
  • ورود و خروج (EaseInOut)

استفاده از منحنی‌های زمان‌بندی سفارشی

  • سینوسی (Sinusoidal)
  • دایره‌ای (Circular)
  • نمایی (Exponential)
  • جلوه‌های ویژه (Special Effects)

یادگیری انیمیشن‌های فنری

  • درک پارامترهای انیمیشن فنری
  • سختی (Stiffness) چیست؟
  • میرایی (Damping) و کسر میرایی (Damping Fraction) چیست؟
  • جرم (Mass) چیست؟
  • پاسخ (Response) چیست؟
  • سرعت اولیه (Initial Velocity) چیست؟

کپی کردن انیمیشن‌های Dynamic Island با SwiftUI: اپلیکیشن‌های درجه یک اپل

  • Airdrop
  • Silent/ringing
  • ورود تماس (Call Coming In)
  • ورود پیام (Message Coming In)
  • تأیید FaceID (Approving FaceID)
  • حریم خصوصی (Privacy)
  • موسیقی: در حال پخش (Music: Now Playing)
  • حباب‌های FaceTime (FaceTime Bubbling)
  • پرتاب تایمر به جزیره (Throw Timer into the Island)
  • شارژ AirPods Pro
  • شارژ AirPods Max
  • شارژ باتری
  • مسیرهای Apple Maps

کپی کردن انیمیشن‌های Dynamic Island با SwiftUI: اپلیکیشن‌های شخص ثالث

  • رسیدن اوبر (Uber Arriving)
  • رسیدن Lyft (Lyft Arriving)
  • Flighty: فرود هواپیما (Airplane Landing)
  • StepsApp: شمارش قدم‌ها (Steps Counting)

ترسیم و متحرک‌سازی مسیر (Path) در SwiftUI

  • چگونه مسیر مرکب را از Sketch وارد کنیم
  • چگونه مورچه‌های متحرک هماهنگ بسازیم

چگونه انیمیشن به کنترل‌های استاندارد اضافه کنیم

  • چگونه کلید جابجایی (toggle switch) را متحرک‌سازی کنیم

انیمیشن‌سازی سه‌بعدی

  • چگونه انیمیشن تأیید FaceID را بازسازی کنیم
  • انیمیشن پارالاکس سه‌بعدی در Apple TV

ساخت کپی انیمیشن‌های اپلیکیشن iOS

  • اندازه‌گیری ضربان قلب در Apple Watch
  • انیمیشن تنفس در Apple Watch
  • انیمیشن تنفس در اپلیکیشن جزر و مد (Tide app)
  • انیمیشن شمارش قدم در StepsApp

استفاده از انتقال‌ها (Transitions)

  • ساخت انتقال‌های صفحه به صفحه
  • ساخت انتقال‌های نمای به نما (view-to-view transitions)

چگونه انیمیشن‌های SwiftUI را قابل دسترس و فراگیر کنیم

  • چگونه انیمیشن‌های فرزندان را در یک عنصر ترکیب کنیم
  • چگونه به VoiceOver بگوییم که یک عنصر متحرک، دکمه است
  • چگونه عناصر متحرک را برچسب‌گذاری کنیم

چگونه Reduce Motion را برای انیمیشن SwiftUI پیاده‌سازی کنیم

  • چگونه انیمیشن‌ها را هنگام فعال بودن Reduce Motion غیرفعال کنیم
  • چگونه انیمیشن‌های ظریف‌تر و کم‌خطرتری را هنگام فعال بودن Reduce Motion نمایش دهیم
سرفصل ها و درس ها

مفاهیم و تکنیک‌های انیمیشن SwiftUI SwiftUI Animation Concepts & Techniques

  • دریافت نمونه انیمیشن پیش‌فرض با استفاده از withAnimation Getting default animation instance using withAnimation

  • دریافت نمونه انیمیشن پیش‌فرض با .animation Getting default animation instance with .animation

  • نحوه پیش‌نمایش انیمیشن‌ها با اپلیکیشن SF Symbols How to preview animations with the SF Symbols app

  • شروع کار با Phase Animator در iOS 17 Get started with Phase Animator in iOS 17

  • ایجاد انیمیشن ضربان‌دار با استفاده از Phase Animator و Symbol Effect Create a pulsating animation using Phase Animator and Symbol Effect

  • نحوه انیمیت کردن چرخش Hue How to animate hue rotation

  • ایجاد انیمیشن چرخش سه‌بعدی در visionOS Create a 3D rotation animation in visionOS

  • نحوه سفارشی‌سازی انیمیشن فنری با مدت زمان و پرش اضافی How to customize a spring animation with duration and extra bounce

  • ایجاد انیمیشن سبک میکی‌موس با استفاده از Phase Animator Create the Mickey Mouse-style animation using Phase Animator

  • استفاده از Phase Animator، Dispatch Queue، فنرهای قدیمی و جدید Using Phase Animator, Dispatch Queue, Old and New Springs

  • معیار اتمام انیمیشن چیست؟ What is an animation completion criteria?

  • نحوه جلوگیری از انیمیشن تصادفی در SwiftUI How to prevent accidental animation in SwiftUI

  • استفاده از چرخش Hue و رنگ متغیر: ایجاد یک جلوه برجسته‌سازی یکپارچه Using hue rotation and variable color: Create a seamless highlighting effect

  • ایجاد جلوه‌های رنگی زیبا با Hue Rotation و Phase Animator Create beautiful color effects with Hue Rotation and Phase Animator

  • انیمیت کردن خط‌چین‌ها برای حرکت در طول/اطراف یک شکل Animate dashes to move along/around a shape

  • انیمیشن‌های خطی و تدریجی Linear and eased animations

  • Xcode Playground برای iPad: ایجاد انیمیشن دو مرحله‌ای Xcode Playground for iPad: Create a two-step animation

  • نحوه انیمیت کردن نقاط شروع و پایان مسیر خط‌کشی شده How to Animate the Start and End Points of a Stroked Path

  • استفاده از مقیاس و شفافیت: ایجاد جلوه قلب‌های ضربان‌دار Using Scale and opacity: Create pulsating hearts effect

  • انیمیشن درخت کریسمس SwiftUI SwiftUI Christmas Tree Animation

  • انیمیشن شب سال نوی SwiftUI SwiftUI New Year's Eve Animation

انیمیشن فنری SwiftUI SwiftUI Spring Animation

  • استفاده از تنظیمات پیش‌فرض فنر Using spring presets

انیمیشن‌های SwiftUI با کمک هوش مصنوعی AI-Assisted SwiftUI Animations

  • ساخت انیمیشن SwiftUI با 6 LLM پیشرفته Build a SwiftUI animation with 6 SOTA LLMs

  • یک انیمیشن بارگذاری ساده با مدل o3 OpenAI A simple loading animation with the OpenAI o3 model

  • ساخت انیمیشن‌های SwiftUI با مدل هوش مصنوعی Claude 3.5 Sonnet Building SwiftUI animations with the Claude 3.5 Sonnet AI model

  • آماده‌سازی نماهای شما برای انیمیشن بهتر با کمک هوش مصنوعی Prepare your views for a better AI-assisted animation

  • انیمیشن قلب با Grok 3 و Claude 3.5 Sonnet Heart animation with Grok 3 and Claude 3.5 Sonnet

  • ایجاد انیمیشن چرخش Hue با Grok 3 Create a hue rotation animation with Grok 3

انیمیشن‌های نماد Symbol Animations

  • تنظیمات پیش‌فرض جدید انیمیشن نماد: نفس کشیدن، چرخش و تکان خوردن New Symbol animation presets: Breathe, Rotate & Wiggle

انیمیشن‌های visionOS visionOS Animations

  • نمایش و انیمیت کردن مدل‌های سه‌بعدی از یک URL از راه دور Display and animate 3D models from a remote URL

  • visionOS: ایجاد انیمیشن چرخش سه‌بعدی AirPodsMax visionOS: Create the AirPodsMax 3D rotation animation

  • اضافه کردن جلوه‌های ذرات به پروژه‌های visionOS با Reality Composer Pro Add particle effects to visionOS projects with Reality Composer Pro

  • ایجاد انیمیشن حروفچینی Apple Hello Create the Apple Hello Lettering animation

  • ایجاد انیمیشن Siri با SwiftUI Create the Siri animation with SwiftUI

انیمیشن iOS/SwiftUI با ویرایشگر کد Cursor AI iOS/SwiftUI Animation With Cursor AI Code Editor

  • ایجاد انیمیشن حلقه‌های پیشرفت با استفاده از Cursor و Claude Create Progress Rings Animation Using Cursor and Claude

ایجاد انیمیشن‌های متنی Creating Text Animations

  • نحوه انیمیت کردن کاراکترهای متن برای ایجاد یک جلوه کشویی How to animate text characters to create a sliding effect

  • ایجاد انیمیشن متن با استفاده از Phase Animator در iOS 17 Create text animation using Phase Animator in iOS 17

  • نحوه انیمیت کردن متن عددی با Crossfade و انتقال محتوا How to animate a numeric text with crossfade and content transition

iOS 16، Xcode 14 و پایین‌تر iOS 16, Xcode 14 and below

  • خوش آمدید Welcome

  • SwiftUI چیست؟ What is SwiftUI?

  • گردشی بر انیمیشن‌های SwiftUI A tour of the SwiftUI animations

  • ایجاد یک پروژه خالی SwiftUI Create a blank SwiftUI project

  • درک نحوه انیمیت کردن Understanding how to animate

  • انیمیت کردن مقیاس، عرض، چرخش و فاصله Animate scale, width, rotation and spacing

  • انیمیت کردن شفافیت، مقیاس و چرخش Animate opacity, scale and rotation

  • ایجاد انیمیشن تجسم صدا Create an audio visualization animation

  • ایجاد یک تایمر شمارش معکوس Create a countdown timer

  • نحوه ایجاد یک تایمر شمارش افزایشی How to create a count up timer

  • ساخت شبیه‌ساز انیمیشن Like توییتر Build Twitter Like animation clone

iOS 16، Xcode 14 و پایین‌تر iOS 16, Xcode 14 and below

  • تأثیر محل قرارگیری اصلاح‌کننده delay بر انیمیشن چیست؟ How does the placement of the delay modifier affect animation?

  • روش‌های مختلفی که می‌توانید انیمیشن را تأخیر دهید Different ways you can delay an animation

  • نحوه انیمیت کردن تراز استک‌ها How to animate stacks alignment

  • نحوه ایجاد انیمیشن چرخش حاشیه خط‌چین روان شبیه به 'مورچه‌های در حال رژه' How to make a smooth dashed border rotation animation like 'marching ants'

  • ایجاد انیمیشن خورشید و ماه Creating sun and moon animation

iOS 16، Xcode 14 و پایین‌تر iOS 16, Xcode 14 and below

  • نحوه بازنشانی انیمیشن به حالت اولیه آن با Dispatch Queue How to reset an animation to its original state with Dispatch Queue

  • مقدمه‌ای بر بخش انیمیشن Core Animation Introduction to the Core Animation Section

  • نحوه ایجاد انیمیشن/جلوه شیمر iOS (اسلاید برای خاموش کردن) How to create the iOS shimmer animation/effect (Slide to power off)

  • نحوه انیمیت کردن چرخش شی در SwiftUI How to animate object's rotation in SwiftUI

  • نحوه انیمیت کردن اندازه شی (مقیاس) در SwiftUI How to animate object's size (scale) in SwiftUI

  • نحوه انیمیت کردن اشیاء از یک موقعیت به موقعیت دیگر در SwiftUI How to animate objects from one position to another in SwiftUI

  • نحوه انیمیت کردن رنگ یک شی در SwiftUI How to animate the color of an object in SwiftUI

  • ایجاد انیمیشن ضربان‌دار با استفاده از مقیاس و شفافیت Create a pulsating animation using scale and opacity

  • انیمیت کردن خصوصیات قابل انیمیشن: نحوه انیمیت کردن شفافیت Animating animatable properties: How to animate transparency

  • انیمیت کردن خصوصیات قابل انیمیشن: شعاع گوشه Animating animatable properties: Corner Radius

  • نحوه انیمیت کردن Stroke Start How to animate Stroke Start

  • انیمیت کردن پارامترهای فریم: عرض Animating frame parameters: Width

  • نحوه انیمیت کردن نقطه شروع و نقطه پایان یک شیب How to animate the start-point and the end-point of a gradient

  • ایجاد انیمیشن‌های ترسیم مسیر Create path drawing animations

  • انیمیت کردن عرض خط ضخامت و حاشیه خط Animating the line width of stroke and stroke border

  • حالت چرخش چیست؟ What is Rotation Mode?

iOS 16، Xcode 14 و پایین‌تر iOS 16, Xcode 14 and below

  • انیمیشن‌های پایه، کی‌فریم و گروهی: مقدمه Basic, keyframe and group animations: Introduction

  • ایجاد انیمیشن پایه: کایت و SwiftUI Creating Basic Animation: Kite and SwiftUI

  • ایجاد انیمیشن کی‌فریم موقعیت Creating Position Keyframe Animation

  • ایجاد انیمیشن کی‌فریم رنگ پس‌زمینه Create Background Color Keyframe Animation

  • انیمیشن گروهی چیست؟ What is Group Animation?

iOS 16، Xcode 14 و پایین‌تر iOS 16, Xcode 14 and below

  • ایجاد انیمیشن فنری پخش/توقف در Apple Music iOS Create the play/pause spring animation in Apple Music iOS

  • ایجاد انیمیشن چرخش محوری AirPods Max Create the AirPods Max y-rotation animation

  • نحوه شبیه‌سازی انیمیشن Siri How to clone the Siri Animation

  • ساخت انیمیشن کاراکتر شروع Duolingo Build Duolingo's Get Started Character animation

iOS 16، Xcode 14 و پایین‌تر iOS 16, Xcode 14 and below

  • ساخت انیمیشن‌های SwiftUI با توابع易化 Penner Crafting SwiftUI animations with Penner Easing Functions

iOS 16، Xcode 14 و پایین‌تر. ChatGPT برای انیمیشن‌های SwiftUI iOS 16, Xcode 14 and below. ChatGPT for SwiftUI Animations

  • استفاده از ChatGPT: شبیه‌سازی انیمیشن تماس ورودی برای SwiftUI Using ChatGPT: Clone an incoming call animation for SwiftUI

  • استفاده از ChatGPT: ایجاد یک انیمیشن رنگین‌کمان چرخان SwiftUI Using ChatGPT: Create a Spinning Rainbow SwiftUI Animation

  • ایجاد انیمیشن بارگذاری با ChatGPT و SwiftUI Create a loading animation with ChatGPT and SwiftUI

  • نحوه استفاده از ChatGPT و SwiftUI برای بازسازی انیمیشن Like توییتر How to Use ChatGPT and SwiftUI to Recreate the Twitter Like Animation

  • ایجاد انتقال زوم عکس با ChatGPT و SwiftUI Create a photo-zoom transition with ChatGPT and SwiftUI

iOS 16، Xcode 14 و پایین‌تر iOS 16, Xcode 14 and below

  • ساخت یک انیمیشن زیبای درخت کریسمس Build a beautiful Christmas tree animation

  • تبدیل مقیاس: ایجاد انیمیشن تا شدن/باز شدن Scale Transform: Create a fold/unfold animation

  • انیمیت کردن دایره‌های هم‌مرکز به یک سیم‌پیچ دایره‌ای Animate concentric circles into a circular coil spring

  • ایجاد انیمیشن/جلوه تکان خوردن iOS Create the iOS wiggle animation/effect

  • ساخت یک انیمیشن حلقوی یکپارچه SwiftUI Build a seamless looping SwiftUI animation

  • ایجاد انیمیشن Siri در HomePod Create the Siri animation on HomePod

  • ایجاد انیمیشن "Slide to answer" iOS Create the iOS "Slide to answer" animation

  • ایجاد انیمیشن اندازه‌گیری صدا Create an audio metering animation

iOS 16، Xcode 14 و پایین‌تر iOS 16, Xcode 14 and below

  • ایجاد انیمیشن دکمه آپلود Create a upload button animation

  • لودر/اسپینر مداد SwiftUI SwiftUI Pencil Loader/Spinner

  • ایجاد محتوای جایگزین انیمیشنی Create an animated placeholder content

iOS 16، Xcode 14 و پایین‌تر. انیمیشن نفس شگفت‌انگیز iOS 16, Xcode 14 and below. Stunning Breathe Animation

  • طراحی انیمیشن نفس ظریف، آرامش‌بخش و شگفت‌انگیز: مقدمه Designing Fine-grained, Relaxing and Stunning Breathe Animation: Introduction

  • ایجاد انیمیشن‌های متنی دم و بازدم Create breath in and breath out text animations

  • ایجاد انیمیشن نفس ظریف Creating the fine-grained breath animation

طراحی انیمیشن‌های اعلان آب‌وهوا Design Weather Notification Animations

  • طراحی انیمیشن‌های اعلان آب‌وهوا: مقدمه Design Weather Notification Animations: Introduction

  • نحوه انیمیت کردن پس‌زمینه دستگاه برای تغییر رنگ How to animate the device background to change color

  • ایجاد انیمیشن‌های اعلان زنگ با استفاده از چرخش و افست Create the bell notification animations using rotation and offset

  • ایجاد حرکت دایره‌ای متوالی آیکون خورشید Creating the sequential circular motion of the sun icon

  • ایجاد انیمیشن‌های متنی با استفاده از مقیاس و شفافیت Creating text animations using scale and opacity

انیمیشن تماس ورودی Incoming Call Animation

  • انیمیشن تماس ورودی: مقدمه Incoming call animation: Introduction

  • ایجاد یک انیمیشن تماس ورودی Creating an incoming call animation

انیمیشن تصاویر و ایجاد انیمیشن‌های شبیه Lottie Animating Illustrations and Creating Lottie-like Animations

  • انیمیشن تصاویر: مقدمه Animating Illustrations: Introduction

  • ساخت تصویر دوچرخه در SwiftUI Building a bike illustration in SwiftUI

طراحی انتقال‌های روان بین دو نما با استفاده از Matched Geometry Effect Designing Smooth Transitions Between Two Views Using Matched Geometry Effect

  • ایجاد جلوه زوم عکس روان با استفاده از Matched Geometry Effect Create a smooth photo zoom effect using Matched Geometry Effect

طراحی انیمیشن‌های آب‌وهوای خورشید و باد Designing Sun & Wind Weather Animations

  • طراحی انیمیشن‌های آب‌وهوای خورشید و باد: مقدمه Designing Sun & Wind Weather Animations: Introduction

  • استفاده از SF Symbols چند رنگی Using Multicolor SF Symbols

  • ایجاد انیمیشن چرخش حلقوی Create a looping rotational animation

  • ایجاد حرکت پرتابه‌ای دوبعدی: نحوه حرکت اشیاء در مسیر حرکت دایره‌ای Create a 2D projectile motion: How to move objects on a circular motion path

  • ایجاد انیمیشن ترسیم مسیر Create a path drawing animation

ایجاد و طراحی انیمیشن‌های "Proceed with TouchID" در SwiftUI Creating & Designing "Proceed with TouchID" Animations in SwiftUI

  • مقدمه انیمیشن Proceed with TouchID Proceed with TouchID animation introduction

  • نحوه ایجاد انیمیشن نوشتن برای آیکون انگشت شست How to create a write-on animation for the thumb icon

  • نحوه انیمیت کردن بخش مسیر یک شکل: ایجاد انیمیشن حلقه پیشرفت How to animate the path segment of a shape: Create a progress ring animation

  • نحوه انیمیت کردن اندازه یک دایره How to animate the size of a circle

  • نحوه انیمیت کردن یک آیکون تیک How to animate a checkmark icon

ایجاد و طراحی انیمیشن‌های ورود با FaceID Creating and Designing Login with FaceID Animations

  • انیمیشن‌های ورود با FaceID: مقدمه Login with FaceID Animations: Introduction

  • تبدیل SF Symbol به طرح کلی شکل برای انیمیت کردن بخش‌های مختلف Converting SF Symbol into shape outline in order to animate parts differently

  • انیمیت کردن آیکون FaceID: انیمیشن‌های مقیاس، شفافیت و فلیپ Animating the FaceID icon: Scale, opacity and flip animations

  • حذف یک نما با انیمیشن شفافیت Removing a view with opacity animation

  • انیمیت و چرخش دایره‌ها در سه‌بعدی Animate and rotate circles in 3D

  • نحوه انیمیت کردن یک مسیر برای ترسیم خود How to animate a path to draw itself

ساخت انیمیشن مشابه توییتر در SwiftUI Building Twitter Like Animation in SwiftUI

  • ساخت انیمیشن مشابه توییتر در SwiftUI: مقدمه Building Twitter Like Animation in SwiftUI: Introduction

  • انیمیشن مشابه توییتر: نحوه افزایش تعداد لایک‌ها Twitter Like Animation: How to increase the number of likes

  • انیمیشن مشابه توییتر: انیمیشن حاشیه خط یک دایره Twitter Like Animation: Animation Stroke Border of a circle

  • انیمیشن مشابه توییتر: انیمیت کردن آیکون قلب Twitter Like Animation: Animating the Heart Icon

  • انیمیشن مشابه توییتر: ایجاد انیمیشن اسپلش Twitter Like Animation: Creating the Splash Animation

ایجاد انیمیشن قهوه‌سازی Creating Coffee-Making Animation

  • ایجاد انیمیشن قهوه‌سازی: مقدمه Creating Coffee-Making Animation: Introduction

  • ساخت انیمیشن قهوه‌سازی در SwiftUI Building coffee-making animation in SwiftUI

ایجاد انیمیشن شارژ باتری Creating Battery Charging Animation

  • انیمیشن شارژ باتری: مقدمه Battery charging animation: Introduction

  • ساخت انیمیشن شارژ باتری Building battery charging animation

ایجاد انیمیشن گریلینگ در SwiftUI Creating Grilling Animation in SwiftUI

  • ایجاد انیمیشن گریلینگ: مقدمه Creating Grilling Animation: Introduction

  • مقدمه: ساخت انیمیشن قایق‌رانی Introduction: Building Kayak Animation

  • ایجاد جلوه زوم پس‌زمینه Creating background zoom effect

  • نحوه ایجاد انیمیشن پرواز پرندگان How to create birds flying animation

  • ایجاد انیمیشن حباب‌ها Create the bubbles animation

  • انیمیت کردن کاسه قایق‌رانی برای حرکت جلو و عقب Animate the kayak bowl to move back and forth

  • انیمیت کردن سر برای حرکت بالا و پایین Animate the head to move up and down

  • ایجاد انیمیشن‌های چرخش Create rotation animations

ساخت انیمیشن‌های شمارش مراحل در SwiftUI Building Steps Counting Animations in SwiftUI

  • ساخت انیمیشن‌های شمارش مراحل در SwiftUI: مقدمه Building Steps Counting Animations in SwiftUI: Introduction

  • ایجاد یک تایمر شمارش افزایشی برای کل زمان Create a count-up timer for total time

  • ایجاد انیمیشن حلقه پیشرفت Create progress ring animation

  • ساخت انیمیشن اندازه‌گیری ضربان قلب Building heartrate measuring animation

  • ایجاد انیمیشن چرخه پیاده‌روی سه‌بعدی Create a 3D walk cycle animation

  • نحوه ایجاد جلوه سوختگی How to create a burning effect

ایجاد انیمیشن‌های صفحه قفل آیفون Creating iPhone Lock Screen Animations

  • انیمیشن‌های صفحه قفل آیفون: مقدمه iPhone lock screen animations: Introduction

  • انیمیت کردن آیکون قفل برای باز و بسته شدن Animate lock icon to open and close

  • انیمیت کردن پس‌زمینه با استفاده از Hue Rotation Animate background using Hue Rotation

  • ایجاد انیمیشن موقعیت رفت و برگشتی: نشانگر خانه (Home Indicator) Create back-and-forth position animation: Home Indicator

  • ایجاد انیمیشن موقعیت متن عمودی: انیمیت کردن آفست Y Creating vertical text position animation: Animating Y offset

حرکت دایره‌ای: ایجاد انیمیشن دکمه اقدام شناور، تعامل و حرکت Circular Motion: Create Floating Action Button animation, interaction and motion

  • ایجاد انیمیشن منوی قوس‌دار: مقدمه Create an Arc Menu Animation: Introduction

  • نحوه ایجاد انیمیشن چرخش با استفاده از منحنی易化 سفارشی How to create rotation animation using a custom easing curve

  • ساخت انیمیشن منوی قوس‌دار در SwiftUI Building the arc menu animation in SwiftUI

  • حرکت دایره‌ای: نمایش و بستن موارد منو از دو جهت Circular Motion: Display and dismiss menu items from two directions

ایجاد انیمیشن‌های پایه SwiftUI Creating Basic SwiftUI Animation

  • ایجاد انیمیشن نفس آرامش‌بخش برای اپل واچ Create a Calming Breath Animation for Apple Watch

  • نحوه تأخیر انیمیشن SwiftUI: ایجاد انیمیشن دم، نگه داشتن و بازدم How to delay SwiftUI animation: Create breath in, hold and breath out animation

  • انیمیت و جابجایی یک متن با متن دیگر: انیمیشن متن (دم، بازدم) Animate and swap one text with another: (Breath In, Breath Out) Text Animation

  • ایجاد یک انیمیشن حلقوی: یک لودر حلقوی درخشان Create a looping animation: A glowing ring loader

  • نحوه انیمیت کردن چرخش Hue How to animate Hue Rotation

  • نحوه جهت‌دهی و انیمیت کردن اشیاء در مسیر حرکت دایره‌ای How to orient and animate objects on a circular motion path

ایجاد و انیمیت کردن خصوصیات شکل Creating and Animating Shape properties

  • آوردن یک مسیر ترکیبی (شکل ترکیبی) از Sketch Bringing a compound path (combined shape) from Sketch

  • نحوه ایجاد یک جلوه مورچه‌های در حال رژه انیمیشنی How to create an animated Matching Ants Effect

  • نحوه انیمیت کردن یک حلقه پیشرفت با استفاده از اصلاح‌کننده Trim() How to animate a progress ring using the Trim() modifier

  • استفاده از Stroke Start: ایجاد انیمیشن شمارش معکوس قلب Using Stroke Start: Create a heart count-down animation

  • استفاده از Stroke End: انیمیت کردن یک حلقه فعالیت Using Stroke End: Animate an activity ring

طراحی انیمیشن‌های روان با استفاده از فنرها Designing Fluid Animations Using Springs

  • استفاده از انیمیشن فنر پیش‌فرض Using default Spring Animation

  • فیزیک انیمیشن فنر: پارامترها The Physics of Spring Animation: Parameters

  • نحوه تأثیر جرم یک شی متصل به فنر بر انیمیشن فنر How the Mass of an object attached to a spring affects Spring Animation

  • نحوه تأثیر سختی بر انیمیشن فنر How Stiffness affects Spring Animation

  • دمپینگ چیست؟ نحوه تأثیر اصطکاک بر حرکت یک شی در انیمیشن فنر What is Damping?: How Friction affects motion of an object in Spring Animation

  • درک سرعت اولیه انیمیشن فنر Understanding the Initial Velocity of Spring Animation

  • انیمیت کردن حرکت با پارامترهای فنر: پاسخ، نسبت دمپینگ و مدت زمان ترکیب Animate motion with Spring Parameters: Response, DampingFraction & BlendDuration

  • ایجاد انیمیشن پرتابی که گرانش را تکرار می‌کند Crate a Bouncing Animation that Replicates Gravity

  • نحوه ایجاد انیمیشن چرخش با پرش با استفاده از انیمیشن فنر How to create rotation animation with bounce using Spring Animation

  • نحوه انیمیت کردن یک آیکون منوی همبرگری به صورت فنری به یک آیکون بسته How to animate a hamburger menu icon springily into a close icon

  • استفاده از فنر درون‌یابی: ایجاد انیمیشن اندازه‌گیری ضربان قلب Using an Interpolating Spring: Create heartrate measuring animation

  • انیمیت کردن یک آیکون زنگ: ایجاد انیمیشن اعلان با استفاده از انیمیشن فنر Animate a bell icon: Create notification animation using Spring Animation

  • ایجاد جلوه کش لاستیکی با استفاده از انیمیشن فنر Create a rubber band effect using spring animation

انیمیشن‌های فنر SwiftUI: فراتر از مبانی SwiftUI Spring Animations: Beyond the Basics

  • انیمیشن‌های فنر فراتر از مبانی: مقدمه Spring Animations beyond the basics: Introduction

  • ایجاد تعامل زوم فنری Create a spring-zoom interaction

اعمال و انیمیت کردن ماسک‌ها Applying and Animating Masks

  • ایجاد انیمیشن پیشرفت: نحوه انیمیت کردن آفست X اصلاح‌کننده ClipShape Create progress animation: How to animate the X-offset of the ClipShape modifier

  • انیمیت کردن آفست ماسک: ایجاد انیمیشن اتصال Wi-Fi Animating a mask offset: Creating a Wi-Fi connecting animation

  • نحوه انیمیت کردن تجسم پخش صدا با استفاده از clipShape() How to animate audio playing visualization using clipShape()

ایجاد تعاملات ژستی: انیمیشن‌ها و تعاملات آغاز شده توسط انسان Creating Gestural Interactions: Human Initiated Animations & Interactions

  • ژست دو بار ضربه: طراحی جلوه زوم عکس Double Tap Gesture: Design a photo-zoom effect

  • استفاده از ژست فشار طولانی برای انیمیت کردن TouchID Using Long Press Gesture to animate TouchID

  • استفاده از ژست ضربه: ایجاد انیمیشن ضبط صدا Using a tap gesture: Create an audio recording animation

  • نحوه جابجایی/تغییر متن با ژست ضربه How to toggle/swap text with a tap gesture

  • تکنیک‌های تعامل: ضربه زدن برای افزایش و کاهش Interaction Techniques: Tap to increase and decrease

  • نگاشت تعامل: استفاده از اسلایدر برای تنظیم خصوصیات عکس Interaction Mapping: Using a slider to adjust photo properties

  • ایجاد انیمیشن نفس: مقدمه Create Breath Animation: Introduction

  • گردشی بر انیمیشن‌های نفس A tour of the breath animations

  • ایجاد دارایی انیمیشن در Sketch Creating Animation Asset in Sketch

  • چیدمان نماها Layout of Views

  • نحوه برش دادن نماهای شکل در SwiftUI How to trim shape views in SwiftUI

  • نحوه ترکیب شکل گل How to compose the flower shape

  • استفاده از رنگ به عنوان یک نما Using color as a view

  • ایجاد ارتفاع با سایه‌ها Create an elevation with shadows

  • درک وضعیت‌های انیمیشن Understanding animation states

  • نحوه انیمیت کردن متن با شفافیت How to animate text with opacity

  • درک易化 انیمیشن Undestanding Animation easing

  • نحوه راه‌اندازی خودکار انیمیشن How to trigger animation automatically

  • نحوه انیمیت کردن مسیر بریده شده How to animate trimmed path

  • نحوه انیمیت کردن چرخش How to animate rotation

  • نحوه انیمیت کردن مقیاس How to animate Scale

  • نحوه انیمیت کردن سایه How to animate shadow

  • نحوه چرخش و انیمیت کردن رنگ (چرخش Hue) How to rotate and animate color (Hue rotation)

  • مقدمه‌ای بر انیمیشن و حرکت نظرات زنده فیسبوک Introduction to Facebook Live Comments Animation and Motion

  • گردش پروژه Tour of the project

  • جدا کردن عناصر رابط کاربری به فایل‌ها Separating User Interface Elements into Files

  • ایجاد ترکیب UI با استفاده از استک‌ها Creating UI Composition Using Stacks

  • کار با تاریخ و زمان در SwiftUI Working with Date and Time in SwiftUI

  • نحوه ایجاد یک فیلد متن در SwiftUI How to Create a Text Field in SwiftUI

  • طراحی پروفایل و فیلد متن پیام Designing Profile and Message Text Field

  • ایجاد چیدمان نماها Creating Views Layout

  • درک Overlay، Label، Spacer و Padding Understanding Overlay, Label, Spacer, and Padding

  • انیمیت کردن پس‌زمینه با استفاده از Hue Rotation Animating Background Using Hue Rotation

  • نحوه ایجاد انیمیشن تاب خوردن How to Create Swing Animation

  • نحوه انیمیت کردن نظرات برای حرکت عمودی How to animate the comments to move vertically

  • انیمیت کردن آیکون لایک با استفاده از انیمیشن فنر Animate a thumbs up icon using Spring Animation

  • ایجاد ضربان قلب انیمیشنی Create an animated heartbeat

  • ایجاد یک انفجار/پاشش دایره‌ای انیمیشنی Create an animated circular splash/burst

  • افست-چرخش: نحوه انیمیت کردن چندین آیکون برای انتشار مانند ذرات Offset-Rotate: How to animate several icons to emit like particles

دسترسی و کاهش حرکت Accessibility and Reduce Motion

  • نحوه پیاده‌سازی Reduce Motion برای انیمیشن SwiftUI How to implement Reduce Motion for SwiftUI animation

آموزش پتانسیل خلاقیت خود را آزاد کنید

آموزش پتانسیل خلاقیت خود را آزاد کنید

Unleash Your Creative Potential

آموزش قانون 107 FAA ساده شده | دوره گواهینامه پهپاد دانشگاه UAV

آموزش قانون 107 FAA ساده شده | دوره گواهینامه پهپاد دانشگاه UAV

دانلود FAA Part 107 Simplified | UAV Campus Drone License Course

آموزش تحلیل داده و مصورسازی: پایتون | اکسل | هوش تجاری (BI) | تبلت

آموزش تحلیل داده و مصورسازی: پایتون | اکسل | هوش تجاری (BI) | تبلت

دانلود Data Analysis & Visualization: Python | Excel | BI | Tableau

نمایش نظرات

آموزش انیمیشن‌سازی با SwiftUI: iOS، watchOS و visionOS
جزییات دوره
18 hours
226
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
633
4.4 از 5
دارد
دارد
دارد
Amos Gyamfi

https://donyad.com/d/1581a7

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

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Amos Gyamfi Amos Gyamfi

توسعه‌دهنده و مدافع هوش مصنوعی iOS