Adobe Illustrator is a powerful vector graphics software that is widely used by designers and artists for creating illustrations, logos, and other visual elements. One of its most popular features is the 3D effect, which allows users to create 3D shapes and objects from 2D artwork. In this blog post, we will explore the Adobe […]
Author: simon
Object blending is a technique in illustrator that allows you to create a series of intervals between two shapes. The tool that we use to achieve this is called the Blend Tool. The blend technique is dynamic, meaning that it is editable and non-destructive. The blend tool is one of the oldest tools integrated into […]
Viewport Height Flows Voice and keyboard triggers 3D transformations Screen record prototype
Time trigger, auto animate and Fix position when scrolling Time trigger allows designers to set up animations and interactions to occur at specific times during a user’s interaction with a digital product. This feature is particularly useful for creating dynamic transitions between screens or for adding subtle animations to elements within a design. Auto animate, […]
The fundamental use for apps like XD and Figma is to create interactive prototypes. Interactive prototypes can help designs see problems in a design and avoid costly mistakes in production. An interactive prototype is also a good tool for testing, and allows designers to get the product into the hand of users, and see if […]
Components are a powerful part of Adobe XD. They allow you to create systems for your design work. With components you can create reusable elements that help to organise your workflow. Components are hierarchical, you create main components and then reuse instances of the component. If you have design elements that you regularly use, you […]
Designing for screens often requires creating repetitive elements, like grids of product shots or price guides. Manually generating these kinds of assets can be very labor intensive. XD can speed up our workflow by simplifying these repetitive tasks that are in almost every project. Repeat grid The Repeat Grid allows you to quickly generate grids […]
The above demonstration explores the basic fundamentals of the XD design workflow as we step through a simple single screen design. Links to assets used in the demonstration are below. Notes on the aspects covered in the demonstration are further down the page. What is XD? XD is an application that designs the experience users […]
Image formatting for screen and web
It is important to know what images file to use when designing and building your web apps or sites. There are four file formats for us to use. .jpg – Joint Photographic Experts Group .gif – Graphics Interchange Format .png – Portable Network Graphics .svg – Scalable vector graphics Each of these formats has different […]
Rotoscoping is the process of tracing still frames from film or video to creatively retranslate that motion or action. Rotoscoping is an effective technique for producing fluid realistic movement in animation and motion design projects. The aesthetic combines the accuracy of photography with the qualities of handmade art. Rotoscoping allows the artist to use live […]