- Видео 42
- Просмотров 285 922
Halftone Digital
США
Добавлен 15 июн 2020
A digital agency specializing in user experience and interface design.
Visual Insight - A Four Day, 32 Hour Work Week
For the past year at Halftone Digital, we have been implementing a 32-hour workweek. Our employees receive 100% of their pay for 80% of the time, in exchange for a commitment to delivering 100% of the output.
Read all about it here:
Read all about it here:
Просмотров: 354
Видео
How to use Screen Recordings in Adobe XD Prototypes
Просмотров 1,3 тыс.Год назад
This tutorial explains how to take screen recordings from your iPhone or iPad and include them in Adobe XD prototypes. I'll also walk through the process of converting .mov files to .mp4 files using Adobe Media encoder, and do a bit of video editing in Adobe Premier Rush. Note: An alternative to airdropping files is to either email them to yourself or upload to Google Drive, then download on yo...
Adobe XD: How to Hide Prototype Hotspots, Download Prototype Assets, and More!
Просмотров 1,5 тыс.2 года назад
Today we're taking a look at how XD share links work and how we can use them to acquire feedback, share assets, and even find accidental prototype connections to artboards that weren't intended to be shared at all! 00:00 Introduction 00:55 Prototype breakdown 01:43 Creating sharable prototypes 03:20 Share tab and Presentation link 05:00 Design Review: Allowing for comments 06:09 Checking commen...
Faster Rendering Using the View Port - Basics of After Effects Episode 4
Просмотров 1,3 тыс.3 года назад
Working in effect-heavy compositions can bog down your GPU and make a three-second video take five minutes to preview. No more! After Effects has included several settings within the view port to make previewing a faster task. NOTE: Many of these preview settings decrease the resolution of your previews, but this does NOT affect your final export. Lower resolution previews can speed up renderin...
Always Running Out Of Space || Cleaning Your Hard Drive for Animators and Video Editors
Просмотров 1653 года назад
Today we find out what's taking up all of your system storage space! This can reduce the size of your "Other" category by half, if not more than half. The hidden library cache can be found on your user hard drive. If you're having trouble finding where all of your storage is going, we highly recommend Daisy Disk! daisydiskapp.com/ Check out the tutorial on our blog! www.halftone.digital/blog-po...
Adobe XD Animating Curved Paths, Wheels, and Arcs
Просмотров 1,4 тыс.3 года назад
We're back with another Adobe XD Prototyping tutorial! Sometimes we don't want our assets to prototype in straight lines, and here you can find a simple hack that involves grouping your assets with invisible shapes. Thanks for watching! Let us know what other features, hacks, and troubleshooting tactics you want us to try next. 00:00 - Introduction 00:57 - How it works 01:35 - Animation walkthr...
How to Change SVG Icon Colors in Webflow
Просмотров 23 тыс.3 года назад
Today we're back in Webflow changing the color of our SVG icons by making our SVGs one solid color, using HTML embeds, and adjusting the code so that the color becomes dependent on the typography swatches. Near the end, Paul tackles color-changing hover states just to show the control we can have over our SVG files. Check out the written tutorial over on our blog: www.halftone.digital/blog-post...
Prototyping Multi-Directional/Nonlinear Scrolling for Web Design
Просмотров 8323 года назад
Today we're looking at making our websites more interactive by mixing up the direction the page takes as we scroll. Most notably, we'll be utilizing Adobe XD scroll groups and nesting them from the ground up so that our prototypes can reflect our vision. Check out the written tutorial over on our blog: www.halftone.digital/blog-posts/prototyping-websites-with-both-horizontal-and-vertical-scroll...
How to Put Images in JSONs Using After Effects
Просмотров 21 тыс.3 года назад
Today we're taking a look at how Bodymovin embeds images and how we can use it to our advantage and get the smallest file sizes around town. We'll start by looking at what images look like in JSON code, how to optimize our files using ImageOptim if you haven't shrunk your files down yet, and lastly, we'll end on exporting from After Effects using Bodymovin. What you'll need: After Effects Bodym...
Common Adobe XD Prototyping Glitches
Просмотров 1,1 тыс.3 года назад
In this video, Sarah covers how to avoid common auto-animate glitches such as blinking, awkward fade transitions, and more. View the written tutorial over on our blog: www.halftone.digital/blog-posts/reviewing-common-adobe-xd-auto-animate-glitches 00:00 Introduction 01:15 Preview of a masked animation 01:30 Pieces of the animation 02:55 Naming layers 04:03 Component layers 05:01 Applying the ma...
Figma to Webflow | Part 4 -- Finishing The Landing Page
Просмотров 3273 года назад
For the final part of our Figma to Webflow series, we'll be finishing the newly designed landing page in Webflow. In this 4-part series, we're using the Hatch Utility Framework to build out the beginning pieces, such as Typography, Color, and Elements (Buttons & Form Fields). Now with the styles and buttons built, we will use them as a jumping point to build our landing page. Part 1 → ruclips.n...
Figma to Webflow | Part 3 -- Starting The Landing Page
Просмотров 4163 года назад
In our third instalment of this 4 part series, we'll be building the landing page designed in Figma and finish it in Webflow. In this series, we're using the newly released Hatch Utility Framework to build out the beginning pieces, such as Typography, Color, and Elements (Buttons & Form Fields). Now with the styles built, we will use them as a jumping point to build our landing page. Part 1 → r...
Figma to Webflow | Part 2 - Colors and Elements
Просмотров 4243 года назад
This tutorial is a reupload of part 2 in a 4 part series focused on taking a landing page designed in Figma and building it Webflow. In this series, we're using the newly released Hatch Utility Framework to build out the beginning pieces, such as Typography, Color, and Elements (Buttons & Form Fields). Once the styles are built, we will use them as a jumping point to build our landing page. Par...
Figma to Webflow | Part 1 - Typography
Просмотров 1,6 тыс.3 года назад
This tutorial is part 1 of a 3 part series focused on taking a landing page designed in Figma and building it Webflow. In this series, we're using the newly released Hatch Utility Framework to build out the beginning pieces, such as Typography, Color, and Elements (Buttons & Form Fields). Once the styles are built, we will use them as a jumping point to build our landing page. The Hatch Utility...
Keyframe Boomerang Glitch in After Effects 2020
Просмотров 2,9 тыс.3 года назад
Keyframe Boomerang Glitch in After Effects 2020
Exporting With Bodymovin - Android JSONs, Overlapping Masks, and Embedding Type
Просмотров 4,8 тыс.4 года назад
Exporting With Bodymovin - Android JSONs, Overlapping Masks, and Embedding Type
Keyframes In Under 10 Minutes - Basics of After Effects 2020
Просмотров 8514 года назад
Keyframes In Under 10 Minutes - Basics of After Effects 2020
Layers, Assets, and Shapes - Basics of After Effects Episode 2
Просмотров 4464 года назад
Layers, Assets, and Shapes - Basics of After Effects Episode 2
Starting A New File - Basics of After Effects Episode 1
Просмотров 5974 года назад
Starting A New File - Basics of After Effects Episode 1
Creating Custom Mobile Nav in Webflow
Просмотров 20 тыс.4 года назад
Creating Custom Mobile Nav in Webflow
How To Change Key Commands In After Effects
Просмотров 16 тыс.4 года назад
How To Change Key Commands In After Effects
Webflow, Wix, Squarespace, WordPress - What dev platform should you use?
Просмотров 834 года назад
Webflow, Wix, Squarespace, WordPress - What dev platform should you use?
I want to export my Adobe Animate file to JSONs, can this be done
How do I export a video with audio to svg correctly?
I’m sensing… after using uxpin that it is excellent for prototyping, but not for designing in initial phases. What I want to try is designing in Figma and importing to UXPin
Which I think is also why you have variables and conditions. It is more of a prototyping tool than it is a design tool
Love you, man
thank you very much!!!!
Can you, please, share tutorial, how you animated laptop at the beginning of the video 🙏
Any idea how to do it in code?
You could also just uncheck the "PNG Sequence" checkbox 😄
What's the hack here?
Great Vid, but your Voice... ruclips.net/video/WDfJn1kcQuU/видео.html
I didn't even think about optimizing my photos. Thank you for such an intensive overall explanation! You're a wizard!
You are the best.
Thank you so much!
why do we have to close after effects to start a new project? Is there anything like illustrator Photoshop where you can have multiple windows for different projects?
I'm trying to create a shortcut for the convert vertex tool in the pen options but only the pen and the feather option has a shortcut option. I go into the keyboard shortcut setting and convert vertex tool isn't even an option to set a keyboard. This is really annoying.
Thanks, super helpful, not sure why, but my animation doesn't move when exported to json 🤷♂
Thank you!
Can I use this Jason for unity games or only for web?
It really shouldnt be this complicated though. Kinda ridiculous
Hello, so I cannot see a preview without publishing it first?
omgggggg thank you! <3
Very nice breakdown. Saved me a lot of time by showing how to include rasterized images in the JSON. You are the hero of my day!
Perfect
Thank you, you freaking lifesaving angel
Now how do we use the custom set we create, cause for me it allways use the default one
Thank you very much!
it"s take too much time to render ??
So you are switched to 4 days work week, and then just quit all together? Where is new videos and blog updates?
Extremely helpful video! straight to the point. Thank you so much
How can I extract the format for IOS?
Helpful! 🎉 Thank you
Thank you! simple and quick i love this kind of tutorials :)
Thank you!!!! You’re a life saver
Great tutorial - Question can you have more than one tag per blog post? For example say I work in science industry and I want to tag a blog for sustainability and biotechnology. How would I achieve that in Webflow?
i have .png files, .json files, and .atlas files too, is that possible import to after effect and make a loop animation ?
You helped me. Thanks!
Thanks a lot. This tutorial was exactly what I was searching for. Embeding the rasterize files is the way to solve most of the Bodymovin output problems. Thanks again.
you saved me
Why don't you mention AE VERSION you have? My version 2015 doesn't have that for instance.
thank you so much!
thx you so much i love u
Brother if this is versioning, then I'm Michael Jackson.
Hi! Im trying to export my animation with some masks and effects and they dont work properly in the json file. Any idea? :( Thanks in advantage!
Hi! Super delayed reply--we have a video on masks in json files. Unfortunately, Effects aren't supported by Bodymovin, so they can't be exported. An alternative to using masks would be the Track Matte feature (where you animate/use an extra shape layer and track-matte the item you want to mask TO that layer). This feature IS supported by Bodymovin.
Disk Inventory X is also supergreat!
Thanks gor the information
Thanks for the video, feels bad that we don't have dedicated tools for SVG's. BTW I like your MF DOOM poster
Thank you 👍
Great way to visually see the change in w/l balance. Way to go Halftone!
Thanks!! I didn't know I can copy as svg from figma, you saved me so much time!
You are awesome. Thank you! 🙏