Entries by Punit Chawla

3D Product Animation in Adobe Xd

In today’s video we will experiment with some Photoshop elements to make a 3D animation in Adobe Xd. Firstly we will create a energy drink can, then rotate it and revolve it in 3D Space! ( almost ). Since Adobe Xd doesn’t have any 3D features like support for the z-axis, we will work our […]

Scrolling Animations in Adobe Xd

In today’s video we will create some good looking scrolling animations in Adobe Xd. Scroll actions are not yet supported by Xd but there is a easy workaround for it. All you do is, create an overlay on the screen and put a drag trigger on it. The first interaction is a horizontal scroll which […]

Text Effects in Adobe Xd Using Auto Animate

Today we will design some cool text effects in Adobe Xd using the Auto Animate feature. I have used masks and polygons to make these effects work. This tutorial also demonstrates how powerful Auto Animate can be if used wisely. The first effect involves using the repeat grid feature to create a triangular pattern. I […]

Adobe Xd + IBM Design System

Today we will put the IBM design system to the test with Adobe Xd. I first imported the sketch file into Adobe Xd ( yes, Xd supports sketch files ). After I uploaded this file to the cloud, it was a breeze to import the components. In addition, I’ve attempted to create a music app […]

Responsive Resize in Adobe Xd

Responsive design is a crucial aspect of Web and App design. Responsive design allows a website to adjust to various screen sizes and ensures that it looks good everywhere. Adobe Xd has a feature called Responsive Resize, which makes designing responsive designs much easier. The biggest advantage of this feature is, that designers can make […]

Website Warping Navigation in Adobe Xd

Today we will design a website navigation which is smooth and looks like a zipper. It’s crazy what one can do with some anchor points and some imagination. We will utilise the new polygon tool in Adobe Xd to make our work easier and faster. I have created a 3 sided polygon (triangle) and then […]