If you are working in Photoshop and need to create a prototype, you might encounter difficulties directly opening or importing your Photoshop files into Figma. Unfortunately, Figma doesn’t support direct opening of Photoshop files. However, there is a solution to this problem. If you have access to Adobe XD or know someone who does, you […]
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. […]
Hey Everyone, Welcome back to another tutorial, and in today’s video, I will offer a few different ways of resizing artboards in Photoshop! A few months ago, I created a video on: ‘How to Use Artboards in Photoshop.’ I briefly showed one method for resizing the artboards, but I should have shown you other methods. […]
One of the features in Photoshop CC is the ability to create multiple artboards in Photoshop. An incredibly useful tool, especially in web design projects helpful. Why? Because it allows the ability to develop a website for various views. For example, you can have the design for a website for desktop, tablet and mobile all […]
Creating a mock-up for the first time can be hairy. For our class project, we are creating a movie database. Why we are creating a database? In 2 or three months from now, you will be creating a React movie database site. Chances are you won’t have time to create a new one unless you […]