Kite Compositor Design - Prototype - Animate - Interaction

  • CategoryOther
  • TypeTutorials
  • LanguageEnglish
  • Total size1.5 GB
  • Uploaded Bycg3780
  • Downloads25
  • Last checkedAug. 25th '21
  • Date uploadedAug. 22nd '21
  • Seeders 0
  • Leechers2
Your ISP and Government can track your torrent activity! Hide your IP with a VPN!

Infohash : F313B5928E36BE5BBDC260826BD506394CDB6344


Kite Compositor Design - Prototype - Animate - Interaction
Genre: eLearning | MP4 | Video: h264, 1280x720 | Audio: aac, 44100 Hz
Language: English | VTT | Size: 1.50 GB | Duration: 3h 33m
What you'll learn


Students will learn to add animations to their prototyping skills for designing iOS applications
Learn about Apple Core Animation Framework without writing code
User Interface Animations
Interaction Designs
Requirements
Kite Compositor is a Mac-only application - Students will need to purchase and install Kite on Mac computer - You can install the companion iOS app for Kite too (optional), this lets you view the animations you create in Kite on a real iOS device, you will need to download and install the native Kite companion app (Kite Compositor) from the iOS App Store.
Description
"It's kind of like Sketch meets After Effects"
- A designer
Visually drag and drop layers to build complex interfaces on a WYSIWYG canvas. Add animations and tune them with the integrated timeline.
"It's kind of like PaintCode but for Core Animation"
- A developer
Use the built-in jаvascript scripting environment to enhance the detail of each interaction. Incorporate custom logic and behavior to achieve exactly what you need.
Features
Kite is full of amazing tools and features to help you bring user interfaces to life quickly.
Path Editing
With the pen tool, you can edit animation paths and shape layers right on the canvas.
Presentation View
Present your design in full screen in presentation playback mode. Or, choose your own presentation window size while iterating.
Customize the background color and transparency of the playback window for a custom look.
Generate Native Core Animation Code
Generate zero-dependency Swift or Objective-C code for your animation
Code compatible for both iOS and Mac
No more guessing how fast something should move, how large it should grow, or how to ease between keyframes
Adaptive Interface
A simple, powerful interface that scales and adapts to your needs and the task at hand.
Touchbar Support
Scrub through your animation, change tools, play and pause the timeline - all without reaching for the mouse.
Fits Right In - Light or Dark
You can take advantage of the light or dark appearance to seamlessly fit in with the rest of your tools.
Design with Multiple Pages
Factor your design into multiple pages of content - each with its own independent timeline.
Page-to-Page Transitions
Easily transition between the pages of your document in response to events.
Use the built-in page transitions or take full control and animate to the next page with your custom timeline animation.
Timeline
The integrated smart timeline allows you to drag and edit animation durations and keyframes.
Snap animation start and end times together for a precise, hand-tuned feel.
Inspector
A robust and powerful object inspector allows you to edit all of your layers' properties in just a few clicks.
Set colors, adjust animation curves, add Core Image filters - all at the click of a mouse.
Library
Drag and drop layers and animations from the library to build your interface visually.
Save reusable layer hierarchies into your library for easy component reuse.
e.g. "My Button"
Design on Mac → View on iOS
Are you ready to get a sense of how your designs feel on an actual iOS device? Download the native companion app, Kite Compositor for iOS.
Import from Sketch
Easily import your designs from Sketch with Kite's native import feature. Preserve editable bezier paths and text by importing your Sketch layers as native Kite layers.
Integrate with Adobe XD CC
Perfect your design in Adobe XD and then import it into Kite to polish the final animation details! Preserve animatable layer properties like bezier paths, colors, text attributes, shadows, and much more.
Export
Share your designs by exporting a movie or gif recording of your animation.
Scriptable
Add sophisticated logic to your animations and interactions via the built-in jаvascript scripting engine. Query and make live edits to your running animation from the built-in jаvascript console. Fire animations, add new layers, change properties and much more.
Built on Core Animation
Kite was built from the ground up for Mac using macOS's native Core Animation technology.
CoreAnimation is one of the key underpinning graphics technologies on Mac and iOS that produces stunning animations at high framerates.
Real-time Rendering
Unlike other video or animation applications, Kite renders graphics in real-time thanks to the Core Animation compositing engine.
That means there is no need to bake frames or script every interaction beforehand. Animations can fire impromptu - interactively.
Designed for Interoperability
A Kite document is just a simple folder wrapper. Since the data is stored as flat files, you can simply open them to change assets, canvas values, or document data.
Does your app or service need a UI builder? Kite's canvas data is an easily parseable JSON hierarchy of layers and their associated assets.
Embed Kite Documents in Your Own App
App developers can download the KiteKit framework to embed and play .kite documents right from within your own iOS or macOS apps. For examples and documentation, see the KiteKit GitHub repo.
Templates
Start working on an idea quickly with built-in templates and example documents.
Animation Curve Editor
Tune your animation's timing with the curve editor to achieve the exact pace and feel for your design.
Help Built-in
Get help right where you need it by looking up layer and animation properties right in the inspector.
Who this course is for:
This course is designed for those who like to prototype designs and animate them
Anyone with a desire to learn prototyping and animations
Busy developers who want to learn animation with Core Animation

Files:

[CoursesGhar.Com] - Kite Compositor Design - Prototype - Animate - Interaction
  • !!! More Courses !!!.txt (1.1 KB)
    • 1. Introduction
    • 1. Introduction from Amos and Steve - What is Kite - Links to buy.mp4 (25.9 MB)
    • 1. Introduction from Amos and Steve - What is Kite - Links to buy.srt (6.8 KB)
    • 2. Links to buy Kite and relevant software to assist in your prototyping and design.html (3.3 KB)
    10. Preview on Device
    • 1. Part 1 - Viewing Animations and Designs on Real iOS Devices (COMING SOON).html (0.1 KB)
    • 2. Part 2 - Using a custom device frame - DeviceKit (Facebook Design) (COMING SOON).html (0.1 KB)
    11. Code Generation
    • 1. Part 1 - How to Generate Swift, Obj C Code - Core Animation Archive (CAA) Files.mp4 (37.8 MB)
    • 1. Part 1 - How to Generate Swift, Obj C Code - Core Animation Archive (CAA) Files.srt (3.0 KB)
    • 2. Part 2 - Generating Drawing code for SwiftUI.mp4 (18.3 MB)
    • 2. Part 2 - Generating Drawing code for SwiftUI.srt (3.2 KB)
    2. The Kite Interface
    • 1. Part 1 - Layer - Inspector - Library - Timeline - Code Generation - Toolbar.mp4 (147.1 MB)
    • 1. Part 1 - Layer - Inspector - Library - Timeline - Code Generation - Toolbar.srt (32.8 KB)
    • 2. Part 2 - Objects.mp4 (49.7 MB)
    • 2. Part 2 - Objects.srt (17.5 KB)
    3. Getting Started
    • 1. Part 1 - Importing designs from Sketch.mp4 (56.1 MB)
    • 1. Part 1 - Importing designs from Sketch.srt (13.5 KB)
    • 1.1 Resources.zip (1.5 MB)
    • 2. Part 2 - Importing designs from Adobe XD.mp4 (22.4 MB)
    • 2. Part 2 - Importing designs from Adobe XD.srt (5.2 KB)
    • 2.1 kiteFiles.zip (67.0 MB)
    • 3. Part 3 - Bringing SF Symbols into Kite.mp4 (10.6 MB)
    • 3. Part 3 - Bringing SF Symbols into Kite.srt (2.9 KB)
    • 4. Part 4 - Working with Kite's Library.mp4 (16.8 MB)
    • 4. Part 4 - Working with Kite's Library.srt (3.4 KB)
    4. Working with Layers
    • 1. Part 1 - Using Layers (Layer, Text Layer and Shape Layer).mp4 (28.3 MB)
    • 1. Part 1 - Using Layers (Layer, Text Layer and Shape Layer).srt (5.9 KB)
    • 2. Part 2 - Working with Gradient.mp4 (24.3 MB)
    • 2. Part 2 - Working with Gradient.srt (4.5 KB)
    • 3. Part 3 - Working with SVG paths.mp4 (20.6 MB)
    • 3. Part 3 - Working with SVG paths.srt (3.4 KB)
    • 4. Part 4 - Using replicator layers.mp4 (30.2 MB)
    • 4. Part 4 - Using replicator layers.srt (5.9 KB)
    • 5. Part 5 - Using emitter layer.mp4 (81.9 MB)
    • 5. Part 5 - Using emitter layer.srt (5.9 KB)
    • 6. Part 6 - Using the Contents Parameter - How to replace an Emitter Cell.mp4 (20.8 MB)
    • 6. Part 6 - Using the Contents Parameter - How to replace an Emitter Cell.srt (2.0 KB)
    5. Animation Techniques
    • 1. Part 1 - Understanding the Timeline.mp4 (28.5 MB)
    • 1. Part 1 - Understanding the Timeline.srt (2.8 KB)
    • 10. Part 10 - How to Move Dashed Stroke Around Its Shape.mp4 (24.6 MB)
    • 10. Part 10 - How to Move Dashed Stroke Around Its Shape.srt (5.8 KB)
    • 2. Part 2 - Understanding Basic Animation - Creating backgorund position animation.mp4 (123.6 MB)
    • 2. Part 2 - Understanding Basic Animation - Creating backgorund position animation.srt (6.9 KB)
    • 3. Part 3 - What is Keyframe Animation.mp4 (29.9 MB)
    • 3. Part 3 - What is Keyframe Animation.srt (5.3 KB)
    • 4. Part 4 - Using Spring Animation.mp4 (40.4 MB)
    • 4. Part 4 - Using Spring Animation.srt (7.8 KB)
    • 5. Part 5 - Creating an Animation Group.mp4 (27.6 MB)
    • 5. Part 5 - Creating an Animation Group.srt (4.5 KB)
    • 6. Part 6 - Motion Path and Editing - How to orient objects to curved motion path.mp4 (14.7 MB)
    • 6. Part 6 - Motion Path and Editing - How to orient objects to curved motion path.srt (2.9 KB)
    • 7. Part 7 - How to Create Animated Marching Ants ffect.mp4 (24.8 MB)
    • 7. Part 7 - How to Create Animated Marching Ants ffect.srt (4.4 KB)
    • 8. Part 8 - Animating Hue Rotation.mp4 (22.1 MB)
    • 8. Part 8 - Animating Hue Rotation.srt (5.4 KB)
    • 8.1 hue_rotation.zip (369.2 KB)
    • 9. Part 9 - How to Animate an SVG Path - Animated Fire Effect.mp4 (49.5 MB)
    • 9. Part 9 - How to Animate an SVG Path - Animated Fire Effect.srt (8.1 KB)
    6. Animation and Interaction
    • 1. Part 1 - Creating Actions.mp4 (46.0 MB)
    • 1. Part 1 - Creating Actions.srt (3.8 KB)
    • 2. Part 2 - How to play Animations with Actions.mp4 (10.5 MB)
    • 2. Part 2 - How to play Animations with Actions.srt (2.1 KB)
    • 3. Part 3 - Creating a Scrolling Interaction.mp4 (19.8 MB)
    • 3. Part 3 - Creating a Scrolling Interaction.srt (3.5 KB)
    • 4. Part 4 - How to Create a Page-to-page Transition.mp4 (20.1 MB)
    • 4. Part 4 - How to Create a Page-to-page Transition.srt (5.2 KB)
    • 5. Part 5 - How to Create Layer-to-layer Transition.mp4 (17.0 MB)
    • 5. Part 5 - How to Create Layer-to-layer Transition.srt (4.8 KB)
    • 6. Part 6 - Prototyping for the Sense of Touch - How to Generate Haptic Feedback.mp4 (16.0 MB)
    • 6. Part 6 - Prototyping for the Sense of Touch - How to Generate Haptic Feedback.srt (3.2 KB)
    • 7. Part 7 - How to Get User Input (working with the iOS keyboard).mp4 (96.8 MB)
    • 7. Part 7 - How to Get User Input (working with the iOS keyboard).srt (7.0 KB)
    • 8. Part 8 - Binding or Interaction Mapping -A photo Effects App (Chroma Adjust).mp4 (34.5 MB)
    • 8. Part 8 - Binding or Interaction Mapping -A photo Effects App (Chroma Adjust).srt (7.7 KB)
    • 9. Part 9 - How to Delay Animations.mp4 (13.1 MB)
    • 9. Part 9 - How to Delay Animations.srt (2.1 KB)
    7. Sound and Video
    • 1. Part 1 - Working with Videos.mp4 (43.6 MB)
    • 1. Part 1 - Working with Videos.srt (4.7 KB)
    • 2. Part 2 - Creating Sound Experiences.mp4 (36.8 MB)
    • 2. Part 2 - Creating Sound Experiences.srt (3.2 KB)
    8. Working with content filters and effects
    • 1. Part 1 - Working with Tile Effects - Create and Animate a Kaleidoscopic Image.mp4 (34.9 MB)
    • 1. Part 1 - Working with Tile Effects - Create and Animate a Kaleidoscopic Image.srt (4.3 KB)
    • 2. Part 2 - Using Distortion Filters - How to Apply & Animate Distortion on Images.mp4 (36.3 MB)
    • 2. Part 2 - Using Distortion Filters - How to Apply & Animate Distortion on Images.srt (5.2 KB)
    • 3. Part 3 - Working with Stylize Effects.mp4 (24.4 MB)

Code:

  • udp://opentor.org:2710/announce
  • udp://tracker.torrent.eu.org:451/announce
  • udp://open.stealth.si:80/announce
  • udp://ipv4.tracker.harry.lu:80/announce
  • udp://tracker.uw0.xyz:6969/announce
  • udp://tracker.dler.org:6969/announce
  • udp://9.rarbg.com:2870/announce
  • udp://www.torrent.eu.org:451/announce
  • udp://tracker2.dler.com:80/announce