Halftone Digital
Halftone Digital
  • Видео 42
  • Просмотров 285 922
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:
Просмотров: 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...
Masking Scroll Groups In Adobe XD
Просмотров 2,2 тыс.3 года назад
Masking Scroll Groups In Adobe XD
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
How to Add 3D Models in Webflow
Просмотров 33 тыс.4 года назад
How to Add 3D Models in Webflow
Visual Accessibility On The Web
Просмотров 1944 года назад
Visual Accessibility On The Web
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
Speed Graph After Effects
Просмотров 1,3 тыс.4 года назад
Speed Graph After Effects
Figma Favicon Browser Mockups
Просмотров 6994 года назад
Figma Favicon Browser Mockups
Exporting From After Effects
Просмотров 1864 года назад
Exporting From After Effects
JSON Exporting in After Effects
Просмотров 117 тыс.4 года назад
JSON Exporting in After Effects
Top 5 Figma Plugins
Просмотров 7764 года назад
Top 5 Figma Plugins
Webflow, Wix, Squarespace, WordPress - What dev platform should you use?
Просмотров 834 года назад
Webflow, Wix, Squarespace, WordPress - What dev platform should you use?

Комментарии

  • @scottdsyoung2650
    @scottdsyoung2650 28 дней назад

    I want to export my Adobe Animate file to JSONs, can this be done

  • @moamen-q4l
    @moamen-q4l Месяц назад

    How do I export a video with audio to svg correctly?

  • @cheyennestreeter
    @cheyennestreeter Месяц назад

    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

    • @cheyennestreeter
      @cheyennestreeter Месяц назад

      Which I think is also why you have variables and conditions. It is more of a prototyping tool than it is a design tool

  • @danielduarte5011
    @danielduarte5011 2 месяца назад

    Love you, man

  • @xprainet
    @xprainet 2 месяца назад

    thank you very much!!!!

  • @katekorbut6050
    @katekorbut6050 3 месяца назад

    Can you, please, share tutorial, how you animated laptop at the beginning of the video 🙏

  • @davidheredia2296
    @davidheredia2296 3 месяца назад

    Any idea how to do it in code?

  • @Gl3nno
    @Gl3nno 4 месяца назад

    You could also just uncheck the "PNG Sequence" checkbox 😄

  • @nikolar91
    @nikolar91 4 месяца назад

    What's the hack here?

  • @arrsuz
    @arrsuz 4 месяца назад

    Great Vid, but your Voice... ruclips.net/video/WDfJn1kcQuU/видео.html

  • @greateagle8799
    @greateagle8799 5 месяцев назад

    I didn't even think about optimizing my photos. Thank you for such an intensive overall explanation! You're a wizard!

  • @modeun-users
    @modeun-users 5 месяцев назад

    You are the best.

  • @suzanadenisova9765
    @suzanadenisova9765 5 месяцев назад

    Thank you so much!

  • @dannyblessinger7428
    @dannyblessinger7428 5 месяцев назад

    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?

  • @saskiafaull5036
    @saskiafaull5036 5 месяцев назад

    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.

  • @marcuscarter
    @marcuscarter 5 месяцев назад

    Thanks, super helpful, not sure why, but my animation doesn't move when exported to json 🤷‍♂

  • @glennthompson2144
    @glennthompson2144 6 месяцев назад

    Thank you!

  • @itallocardoso
    @itallocardoso 6 месяцев назад

    Can I use this Jason for unity games or only for web?

  • @chrismarano2135
    @chrismarano2135 7 месяцев назад

    It really shouldnt be this complicated though. Kinda ridiculous

  • @einc3437
    @einc3437 7 месяцев назад

    Hello, so I cannot see a preview without publishing it first?

  • @Iamtheemissv
    @Iamtheemissv 7 месяцев назад

    omgggggg thank you! <3

  • @robert-janzwart2593
    @robert-janzwart2593 7 месяцев назад

    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!

  • @marloneepw
    @marloneepw 8 месяцев назад

    Perfect

  • @EmanDeMoan
    @EmanDeMoan 8 месяцев назад

    Thank you, you freaking lifesaving angel

  • @lamediatech
    @lamediatech 8 месяцев назад

    Now how do we use the custom set we create, cause for me it allways use the default one

  • @aleksandrabelash4151
    @aleksandrabelash4151 9 месяцев назад

    Thank you very much!

  • @FlutterUniq
    @FlutterUniq 9 месяцев назад

    it"s take too much time to render ??

  • @YY-wp7tw
    @YY-wp7tw 9 месяцев назад

    So you are switched to 4 days work week, and then just quit all together? Where is new videos and blog updates?

  • @TheDrodder
    @TheDrodder 9 месяцев назад

    Extremely helpful video! straight to the point. Thank you so much

  • @VVE-t6x
    @VVE-t6x 9 месяцев назад

    How can I extract the format for IOS?

  • @wen-yuchen2590
    @wen-yuchen2590 10 месяцев назад

    Helpful! 🎉 Thank you

  • @Jebesniper
    @Jebesniper 10 месяцев назад

    Thank you! simple and quick i love this kind of tutorials :)

  • @LironYovel1
    @LironYovel1 10 месяцев назад

    Thank you!!!! You’re a life saver

  • @DrewNorman
    @DrewNorman 11 месяцев назад

    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?

  • @sydnt
    @sydnt Год назад

    i have .png files, .json files, and .atlas files too, is that possible import to after effect and make a loop animation ?

  • @glutentaco
    @glutentaco Год назад

    You helped me. Thanks!

  • @meherech7703
    @meherech7703 Год назад

    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.

  • @reshka_channel
    @reshka_channel Год назад

    you saved me

  • @digimaks
    @digimaks Год назад

    Why don't you mention AE VERSION you have? My version 2015 doesn't have that for instance.

  • @placidopossam2660
    @placidopossam2660 Год назад

    thank you so much!

  • @u.c.b_01
    @u.c.b_01 Год назад

    thx you so much i love u

  • @chrise202
    @chrise202 Год назад

    Brother if this is versioning, then I'm Michael Jackson.

  • @psicodeliana1966
    @psicodeliana1966 Год назад

    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!

    • @halftonedigital9819
      @halftonedigital9819 2 месяца назад

      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.

  • @RolandSeer
    @RolandSeer Год назад

    Disk Inventory X is also supergreat!

  • @wizart7249
    @wizart7249 Год назад

    Thanks gor the information

  • @OrlandoDelgadilloLuna
    @OrlandoDelgadilloLuna Год назад

    Thanks for the video, feels bad that we don't have dedicated tools for SVG's. BTW I like your MF DOOM poster

  • @eblist
    @eblist Год назад

    Thank you 👍

  • @KrazyVideosInc
    @KrazyVideosInc Год назад

    Great way to visually see the change in w/l balance. Way to go Halftone!

  • @AriaHarmony
    @AriaHarmony Год назад

    Thanks!! I didn't know I can copy as svg from figma, you saved me so much time!

  • @rezoc.
    @rezoc. Год назад

    You are awesome. Thank you! 🙏