Scroll to in XD
A scroll to in XD allows you click something then it scrolls down the page to a fixed position. Begin to create this by doubling the height. The scroll looks even better when you add a variation in the background to the bottom. Make sure the object ...
Creating Overlays in XD
Creating overlays in XD creates a stacking effect so one artboard is on top of the other. This simulates drop down menus and slide up keyboards. In prototype mode, select a source artboard, click the prototype wire and drag it to the overlay. You can ...
Adding parallax effects in XD
Adding parallax effects in XD creates unique motion and effects for viewers. If you aren't familiar, parallax is when background and foreground images move differently, creating an almost 3d effect. To begin, group all elements on one artboard. In thi ...
Adding Lottie files in XD
Adding Lottie files in XD can make interactions and other dynamic mockups. First, Lottie files are small animation files. (They may remind you of gifs.) Just like images, you import your Lottie file into XD by dragging it to the artboard or choose F ...
Using videos in XD
Using videos in XD is one way to get creative with your mockups. You can adjust basic settings, even trim your video and control how playback works. You can import your video through File > Import or dragging to the artboard. Videos work a lot like ...
Creating Scroll Groups in XD
Creating scroll groups in XD lets you set parts of the artboard that scroll independently either horizontally or vertically. This is a great design feature when adding image carousels and other interactive elements. In the Design mode, select the o ...
XD for presentation
Presentation tools have always frustrated me, they seem clunky and not at all free for creativity. I also dislike the feeling of hunting around for icons, images and just the inefficiency of it. Enter XD for presentation, which has a sense for design and ...
Illustrator variable width profiles
The Illustrator width tool and variable width profiles are excellent ways to quickly add interest to line art. To use the Width tool, click the Width tool or press Shift + W to select it. Drag an anchor point to expand or contract the stroke. To make ...
Using grids and guides in Illustrator
Using grids and guides in Illustrator can frustrate new users - especially those coming from InDesign. In InDesign, you may be used to quickly creating margins, columns and rows to help you accurately place and measure objects. Using a few simple tricks, ...
Illustrator blend tool
The Illustrator blend tool allows you to object color or to create repeated shapes. There is flexibility with this tool to blend two open paths to create a smooth transition between objects, or you can combine blends of colors and objects to create color ...