- 42
- 302 437
Halftone Digital
United States
เข้าร่วมเมื่อ 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:
มุมมอง: 377
วีดีโอ
How to use Screen Recordings in Adobe XD Prototypes
มุมมอง 1.4K2 ปีที่แล้ว
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.6K3 ปีที่แล้ว
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.4K3 ปีที่แล้ว
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
มุมมอง 1773 ปีที่แล้ว
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.5K3 ปีที่แล้ว
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
มุมมอง 24K3 ปีที่แล้ว
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
มุมมอง 8743 ปีที่แล้ว
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
มุมมอง 21K4 ปีที่แล้ว
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.2K4 ปีที่แล้ว
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
มุมมอง 3454 ปีที่แล้ว
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 → th-cam.co...
Figma to Webflow | Part 3 -- Starting The Landing Page
มุมมอง 4364 ปีที่แล้ว
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 → t...
Figma to Webflow | Part 2 - Colors and Elements
มุมมอง 4354 ปีที่แล้ว
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.6K4 ปีที่แล้ว
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
มุมมอง 3K4 ปีที่แล้ว
Keyframe Boomerang Glitch in After Effects 2020
Exporting With Bodymovin - Android JSONs, Overlapping Masks, and Embedding Type
มุมมอง 5K4 ปีที่แล้ว
Exporting With Bodymovin - Android JSONs, Overlapping Masks, and Embedding Type
Keyframes In Under 10 Minutes - Basics of After Effects 2020
มุมมอง 9314 ปีที่แล้ว
Keyframes In Under 10 Minutes - Basics of After Effects 2020
Layers, Assets, and Shapes - Basics of After Effects Episode 2
มุมมอง 4904 ปีที่แล้ว
Layers, Assets, and Shapes - Basics of After Effects Episode 2
Starting A New File - Basics of After Effects Episode 1
มุมมอง 7024 ปีที่แล้ว
Starting A New File - Basics of After Effects Episode 1
How To Change Key Commands In After Effects
มุมมอง 18K4 ปีที่แล้ว
How To Change Key Commands In After Effects
Webflow, Wix, Squarespace, WordPress - What dev platform should you use?
มุมมอง 844 ปีที่แล้ว
Webflow, Wix, Squarespace, WordPress - What dev platform should you use?
Just to update y'all, I highly suggest setting the Mobile Overlay's position to Fixed rather than Absolute, while keeping the z-index at the same high value. By doing so, the mobile overlay will still pop up even when you've scrolled down the page on a mobile device. When I tried this with the Absolute position, the overlay would just load at the very top of the page, rather than where I was on the screen. This would cause an error where the overlay wouldn't show up, but the page would still freeze due to the code. Other than that, everything else was perfect!
if you have multiple icons, would you do individual code embeds for each? thanks in advance!
Can we do for Step files ?
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... th-cam.com/video/WDfJn1kcQuU/w-d-xo.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 👍