In our previous video, I demonstrated how to create a vertical scrolling effect. Let’s do the opposite and create a horizontal scrolling effect. Yes, you guessed correctly, you saw this one coming, didn’t you? Flipping a switch is all it takes to create horizontal scrolling, very similar to how vertical scrolling was created. Let’s Get […]
In our previous video, I showed you How to Create a Button Hover Effect in Adobe XD. Today, I’m going to show you How to Create a Vertical Scrolling Effect with your prototype. Using this method, you can simulate the realism of scrolling on a mobile device or a desktop website that has a single […]
The last video in this series showed you how to create a hover effect using an isolated heart shape in Adobe XD. As you will see in this video, I will show you how you can create a hover effect with a button. When creating a form or call to action, a button may be […]
In our last post, how to make a heart in Adobe XD using less than three elements to give us a perfect heart shape was shown. In this post, I’m going to show you how to create a hover effect. This can be used to create a simple heart button that can be toggled on […]
We are now able to create a heart shape easily in Adobe XD. Before, we were creating our mockups in Photoshop, possibly with glyphs or SVG heart icons. Creating hearts has never been easier in Adobe XD. Create your own in seconds! From the toolbar on the left, select the triangle. Drag a triangle on […]
In our previous video, we imported a Photoshop file into Adobe XD. And it should have opened with editable artboards, layers, and assets. As a result, when you choose the Select Tool (black arrow) and select the artboard as an artboard, its layers will appear on the left, just as they did in Photoshop before […]
With Adobe XD, you have learned how to create wireframes, and then by dragging and dropping image assets into those wireframes, you have created a mockup that quickly transitions into a prototype. Many businesses and agencies still use Photoshop to create mockups. There’s nothing wrong with that. I want to show you many different ways […]
Do you ever find yourself working in Photoshop and writing a note to yourself? Photoshop makes it easy for you to write notes right within Photoshop? An under-utilized tool, I think! https://youtu.be/NSwzyHzfrvU The note tool is located in the same list as the ruler and eyedropper tool, so selecting the note tool becomes very simple. […]
Hey everyone, welcome back to another tutorial on Adobe XD. In our last video, we created our first basic prototype. I will talk while I continue to build the prototype connections and then make the first transitions. If you like, You can speed up or look at the chapters to see when we begin our […]
After creating our wireframes and building our mockups in Adobe XD, we can now start to make it into a dynamic interactive prototype. What do I mean? Think of a mockup with moving actions. Creating interactive prototypes will help get design feedback and user experiences. It will also help with the final product to resemble […]