Categories
graphics

Getting started with Adobe Illustrator’s 3D Effect

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

Categories
graphics

Making some stuff with the Illustrator Blend Tool

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

Categories
web

XD for designing interfaces: Part 6 – Flows, voice, recording preview

Viewport Height Flows Voice and keyboard triggers 3D transformations Screen record prototype

Categories
web

XD for designing interfaces: Part 5 – Digging deeper into actions

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

Categories
web

XD for designing interfaces: Part 4 – Prototypes, triggers and actions

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

Categories
web

XD for designing interfaces: Part 3 – Components, nesting, swapping and states

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

Categories
web

XD for designing interfaces: Part 2 – Repeat grids, padding, stacks and responsive layout

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

Categories
web

XD for designing interfaces: Part 1 – Artboards, text and shapes

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

Categories
graphics

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

Categories
motion

What is Rotoscoping and how could you incorporate it into your motion design workflow?

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