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 […]
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. […]
Are you looking for Music to use in a YouTube video? Not everyone can afford to pay for music production companies, and individual composers create Music specifically for use in YouTube videos. Who doesn’t love free music resources? YouTube audio library is one of the main ones, where different composers showcase their talents that you […]
If you are creating your first design or website or a seasoned pro, do you look for fresh and new fonts? In today’s video, we will discuss a few websites that I share with my students, and I think it would great to share that with you. If you are creating anything, you need to […]
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 […]
In this tutorial, you will learn how to take your wireframes and create a static mockup in Adobe XD. Adobe XD is a fantastic tool for UI / UX design and will help you create wireframes, mockups, and prototypes to add motion, share it with a client or a team for review, and collaborate with […]