Adobe

How to Create a Vertical Scrolling Effect

Posted on

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 […]

Adobe

How to a Create a Button Hover Effect in Adobe XD

Posted on

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 […]

Adobe

Creating a Hover Effects for a Heart

Posted on

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 […]

Adobe

Create a Heart in Adobe XD in Seconds

Posted 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 […]

Adobe

Editing Your Photoshop File in Adobe XD

Posted 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 […]

Adobe

Photoshop to XD

Posted on
Import Photoshop to Adobe XD

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 […]

Adobe

Creating Notes in Photoshop

Posted on
Taking Notes while Working on the Computer

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. […]

Adobe

How to Make Prototype Transitions in Adobe XD

Posted on
How to Make Prototype Transitions in Adobe XD

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 […]

Adobe

Making Prototypes in Adobe XD

Posted on
Making Prototypes in Adobe XD

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 […]

Adobe

How to Share Your Work in Adobe XD

Posted on
Sharing Adobe XD Files

In the past, if you want to show a client or a colleague, you would either have to bring your laptop over to them or get them to come over to your desk. Thank god for technology. In Adobe XD, at any stage of creating your wireframes, mockups and prototypes, you can share anytime for […]