Adobe expert Paul Trani will show how to import vector graphics and how to manipulate them.
- [Instructor] Now, chances are what you're gonna do in…Adobe XD is create simple graphics like I've done here.…And then you're gonna import maybe more complex…graphics that you've created in Illustrator…or another program, or just assets you already have created.…And that's what I want to do now.…In fact, I'm gonna select this bar right here,…and I'm gonna change the fill color just to a dark grey.…And then I'm gonna select this envelope and move it down…here, because what I wanna do now is,…next to this envelope, I want to import some…social media icons that are already created.…So, go to File, Import.…
In my Assets folder I'm just gonna select these SVG files,…Scaleable Vector Graphics.…If you don't have access to the Assets folder and these…files, you can use any SVG, quite frankly,…but I'm gonna import them.…Here they are, moving them over here,…and now I can get to work.…And now I'm gonna zoom in just by hitting cmd + plus…a couple times, or ctrl + plus if you're on a PC.…And at this point I noticed I actually need to change these.…
This course shows everything you need to know to design your first website with Adobe's new prototyping app. Learn how to lay out a design, import graphics, and add headers and body copy. See how to create complex screen designs with repeating lists and grids that are as easy to change as they are to create. Then find out how to add new pages and use screen elements from the iOS, Android, and Windows UI kits that are built right into Adobe XD. Once the design is done, author Paul Trani shows how to add interactions and transitions to demonstrate how the website will "work" from one screen to the next. Plus, learn how to share a fully interactive prototype with other designers and clients, and export artboards and other assets to use in site development.
- Creating and importing graphics
- Adding text and effects
- Creating new pages
- Using Repeat Grid for easy prototyping of lists and recurring elements
- Adding interactions to elements
- Prototyping an entire website
- Sharing and exporting prototypes