
Explore tools for UI design with Adobe XD and Illustrator, learning prototyping in XD, shape builder, and basic graphic techniques.
Explore the Adobe XD interface, create shapes and text, adjust color and borders, manage layers and groups, and preview prototypes to simulate navigation between screens.
Master repeat grid in Adobe XD to quickly duplicate and arrange city thumbnails with images and titles for a scalable photo gallery, grouping and adjusting blur, opacity, borders, and spacing.
Learn to build a two-state toggle button in Adobe XD, with off orange and on green, then duplicate, rename, and add text like VPN on or off.
Explore creating a two-way auto-animated ball prototype in Adobe XD, linking artboards with prototype actions, using auto-animate, bounce, rebound, and wind-up easing to build interactive UI.
Design a reusable left navigation in Adobe XD for a furniture shop app, featuring a hamburger button, profile bar, category items (home, wooden, plastic, metallic, miscellaneous), and a prototype-ready overlay.
Prototype a left navigation overlay in XD by attaching actions between the home and navigation screens, using a transparent panel, background image, and dissolve transitions.
Design the onboarding screen by creating a top status bar and bottom navigation bar in Adobe XD, using simple shapes, proper nomenclature, and component grouping for scalable UI.
Master the shape builder tool in Adobe Illustrator to construct cloud shapes by combining circles and a rectangle, then refine with alt key removals, color, stroke, and layer organization.
Learn to build a mechanical wheel in Illustrator with the shape builder tool: form an octagon, add eight triangles, then reflect, rotate by 45 degrees, and trim excess parts.
Learn how to use image trace in Adobe Illustrator to convert a bitmap into vectors, using presets like six color trace, adjusting color count for detail.
Explore tracing options in Adobe XD and Illustrator, from default tracing and workspace presets to color presets ranging from six to 256 colors, including high fidelity and grayscale looks.
Explore advanced tracing in Illustrator to recolor artwork, turning a monkey family image into a poster-ready design. Create outlines, ungroup, and expand to simplify recoloring for a six-color vector artwork.
Learn to recolor artwork using the recolor option, change six color components from green to blue, adjust shades, and save changes that overwrite the original color.
Learn envelope distort by fitting text to a banana shape with a mesh, adjusting font, color, and depth. Distribute letters on the surface to distort the shape.
Use the area type tool to fill shapes with text along their boundary, and the knife tool to cut letters into varied segments for creative typography.
Create a photo mask in Adobe Illustrator by turning text into a mask over a wildlife image, using clipping mask techniques to reveal photo through the text for a poster.
learn to use the width tool in adobe illustrator to create variable-width strokes, sculpt shapes and logos, and design symmetric, calligraphic outlines across lines, squares, and circles.
Create isometric coin visuals in Illustrator using extrude and bevel, apply gradients for a metallic glow, and experiment with isometric top, left, and right to stack coins for assets.
Learn isometric drawing on a perspective grid by building a cube from triangles across three planes and shading with color. Use layers, transforms, and color to create isometric game assets.
Create a symmetric isometric cube background in Illustrator by duplicating and arranging cubes across a grid, using layers, color variations, and perspective to design wallpapers and web graphics.
In this course, you will learn about Designing User Interface with Adobe XD and Designing Vector Graphics with Adobe Illustrator. Here you will learn various tools and techniques used in the process of creating user interface and workflow for the Mobile app. User Experience Designing is a crucial step in overall application development cycle, being the early stage, it allows core team of designers, managers and developers to visualize the application with a prototype. It enables them to make sufficient changes in the UI before the code development and testing begins.
Working in the Adobe ecosystem allows its users to easily integrate with other Adobe CC software such as Photoshop and Illustrator.
What is Adobe XD?
Adobe XD is an industry recognized Designing software used for creating Design prototypes and wireframes for the Mobile applications and Websites. It is used for visualizing complete User Interface by designing individual components that lead to a overall improved User Experience.
This training would give you insight into how the interface works, all the main tools and features, and the most common shortcuts which will dramatically increase your productivity. Here you will learn how you can give life to your design and create a working prototype directly within Adobe XD, without the need of any third-party software.
In Adobe XD, you will learn to-
Create Photo gallery with thumbnails using Repeat Grid
Create toggle button using component states
Designing and Prototyping Left Navigation panel
Create a prototype and auto animate
Designing Status and Navigation bar
What is Adobe Illustrator?
Adobe Illustrator is a vector graphics editor and design program developed by Adobe Systems and used by Creative Artists, Graphics Designers, Vector Artists, Animators, Students and others. But it is also widely used by Hobbyists and Illustrator enthusiasts.
In Adobe Illustrator you will be learning some Graphics Design tools and techniques such as-
Joining and combining different shapes with Shape builder
Creating Cloud, Mechanical Tools
Various editing tools such as width, knife, Envelop Distort
Creating Photo Masks
Effects such as 3D Extrude and Bevel
Area type tool
Isometric and Perspective Illustration