XD

An Introduction To Adobe XD CC 

• Introducing Adobe XD CC 
• A typical UX design workflow 
• Starting Adobe XD and opening a file 
• The Home screen 
• Exploring the Mac and Windows workspace 
• Working in Design mode 
• Getting to know the tools 
• Working with the Property Inspector 
• Working with panels 
• Prototype mode 
• Changing the view of the artwork 
• Using view commands 
• Editing combined shapes 
• Aligning content to the pixel grid 
• Bringing in content from Adobe Illustrator 
• Exporting artwork from Illustrator for Adobe XD 
• Drawing with the Pen tool 
• Drawing straight lines and curves 
• Changing path direction 
• Editing artwork with the Pen tool 
• Copying the cloud icon 
• Working with UI Kits 
• Downloading the UI kit 
• Opening and copying from the UI Kit 

Adding Images and Text 

• Assets and Adobe XD 
• Importing an image 
• Importing multiple assets 
• Importing assets via drag and drop 
• Replacing an image 
• Transforming images 
• Resizing an image in its frame 
• Bringing in content from Photoshop 
• Copying and pasting from Photoshop to XD 
• Opening a Photoshop file in Adobe XD 
• Masking content 
• Masking with a shape or path 
• Editing a mask 
• Masking with an image fill 
• Editing an image fill mask 
• Working with text 
• Adding text at a point 
• Creating a text area 
• Importing text 
• Styling and duplicating text

Organizing Content 

• Arranging objects 
• Working with the Layers panel 
• Reordering artboards and layer content 
• Selecting content using the Layers panel 
• Locking and hiding content 
• Searching and filtering in the Layers panel 
• Working with groups 
• Creating a group and editing content within a group 
• Aligning content 
• Setting up the icons for alignment 
• Aligning objects to each other 
• Distributing the icons 
• Positioning objects 
• Aligning with temporary guides 
• Setting gap distances 
• Viewing distances with temporary guides 
• Fixed positioning 
• Working with Assets and CC Libraries 
• Managing assets with the Assets panel 
• Saving and editing saved colours 
• Saving character and editing character styles 
• Creating and editing symbols 
• Link and unlink a symbol 
• Updating and overriding linked symbols 
• Fixing missing linked symbols 
• Replacing symbols 
• Making the footer a symbol 
• Working with Creative Cloud Libraries 
• Adding Photoshop and Illustrator assets to CC Libraries 
• Using CC Library character styles 
• Using graphics from a CC Library 
• Editing library items 

Using Effects, Repeat Grids, and Responsive Resize

• Applying and editing gradients
• Understanding effects
• Working with background and object blur
• Applying a drop shadow
• Using repeat grids
• Adding and editing content for a repeat grid
• Editing content appearance in a repeat grid
• Finishing the repeat grid
• Responsive resize
• Getting started with responsive resize
• Grouping content
• Setting manual constraints
• Finishing the design

Creating a Prototype 

• Starting with prototypes 
• Design mode vs. Prototype mode 
• Setting the home screen 
• Linking artboards 
• Previewing links locally 
• Editing links 
• Copying and pasting connections 
• Taking prototypes further 
• Auto-animating content 
• Adding a drag trigger 
• Setting up content for preserving scroll position 
• Preserving scroll position 
• Setting timed transitions 
• Setting up content for overlays 
• Creating overlays 
• Adding a voice trigger 
• Animating the record button 
• Adding speech playback 

Previewing a Prototype 

• Recording a prototype 
• Recording on Mac OS vs Windows 
• Previewing on a device 
• Setting up 
• Previewing via USB 
• Previewing cloud documents 

Sharing Documents, Prototypes, and Design Specs 

• Methods of sharing 
• Sharing a cloud document 
• Sharing a prototype for review 
• Updating a shared prototype 
• Commenting on a shared prototype 
• Working with and pinning comments 
• Sharing design specs 
• Inspecting design specs 
• Updating design specs 
• Managing shared links 

Using 3D Features

• Importing a background.
• Extruding text in After Effects.
• Creating 3D text.
• Using 3D views Adding 3D lights.
• Adding a camera.
• Animating 3D text.

Working with the 3D Camera Tracker

• About the 3D Camera Tracker effect.
• Adding an effect.
• Previewing the composition.
• Tracking the footage.
• Creating additional text elements.
• Adding a final object.
• Creating a ground plane, a camera, and the initial text.
• Locking an image to a plane with a solid layer.
• Tidying the composition.
• Creating realistic shadows.
• Adding ambient light.

Advanced Editing Techniques

• Stabilizing a shot.
• Using single-point motion tracking.
• Removing unwanted objects.
• Creating a particle simulation.
• Retiming playback using the Timewarp effect.

Exporting and Integration

• Exporting assets
• Exporting as PDF
• Exporting as SVG
• Exporting as PNG or JPG
• Installing and using plugins
• Installing a plugin
• Using a plugin