Working with layers & artboards
- Topics:
- Graphic Design
CREATED FOR:
- Beginner
- User
Learn how to work with artboards and layers in a design project. Add, delete, duplicate, reorder, and resize artboards for different social channels. You can also change the order of elements in the layer stack.
Transcript
In this next section, we’re going to look at how we work with art boards and layers.
With this button on the top, we can view all of art boards within our project. And with this plus icon, we can add more art boards. So this is very useful if you’re making a presentation, a multi-page PDF or a carousel for social media, and we can delete them here as well. We can also with the three dots and then select duplicate page to make duplications of our selected artboard. And with the directional buttons in the project workspace, we can slide between all of the boards within our project.
In this example, I’m creating a carousel for social media. I’ve duplicated my chocolate art board and as I can see, the text and the images of all duplicated. And now I’m just going to change the picture of chocolate ice cream for strawberry ice cream when I drag the image onto the canvas. You’ll notice that it is placed on top of the existing layers. And now we’re going to show a little bit on the project layer panel on the top right hand side. If you can’t see the layer panel in the top right hand corner, you may need to press this little layers icon to activate it. Now, if we want to change the order of any element in the layer stack, we can simply just drag it and move it upwards or downwards.
So for this case, we want the image to be at the bottom layer, so every other layer sits on top of it.
I’ve carried out the same process for the page featuring the vanilla ice cream. So using our boards I’m able to quickly spin up this sort of social media carousel with the button on top. I’m able to see all of the pages within the project.
In this view, I can also reorder the pages within my project just by dragging and dropping them. So I’ve made my three pages, but perhaps I want to resize the content so that it is fit for different digital channels. So I can just select the resize button on the top and then select from any number of suggested aspect ratios for Express to duplicate my original piece into different art boards of those sizes. So I’ve selected poster video and flier and then I’ll hit duplicate and resize an express or duplicate every element of my original post onto art boards of different sizes. We can of course use the custom aspect ratio to here to import a specific dimension for the art board. We want.
I can double click on any of the art boards and then adjust the contents so that it fits the new page exactly as I want it to.
I’ve carried out this process for strawberry and vanilla, and now I’m going to show you a slightly different way to do it for the chocolate flavor.
So I’ve selected my background and I’ve set it as the page background, and then once I select the different sized art boards, Express will attach that image as the background and stretch it and scale it to fill all of the available space.
I can then double click that image and manipulators within the cropped space.
Creative Cloud
- Overview
- Creative Cloud for enterprise
- Overview
- Tutorials
- Acrobat for Content Creators
- Improve CC workflows with CC Libraries
- Taming type anxiety
- Adobe Express: Content that stands out
- Collaboration: The future of creativity
- Creating Creative Cloud Libraries for teams
- Sharing branding assets with Creative Cloud Libraries for teams
- Create unique composites with Adobe Stock and Photoshop for iPad
- Creating cinemagraphs with Photoshop
- Decoding the alphabet soup of graphic formats
- Try your hand at Fresco on the iPad and iPhone
- Quick reference guides
- Adobe Express
- Overview
- How-to tutorials
- Overview
- What’s on the Home Page
- Introduction to Quick actions
- Introduction to templates
- Setting up a brand kit
- Starting a project
- UX of a project
- How to add text
- How to add an image
- How to add a Gen AI image
- How to use grids
- How to use elements
- Working with layers & artboards
- How to collaborate
- How to share & download
- How to use version history
- Undo and redo
- Get quick inspiration
- Intro to animations
- Different types of animation
- Tweaking the settings of your animations
- What is the animation timeline?
- How to stagger your animations
- Adding sections to your timeline
- Adding audio to your animations
- How to resize your animations
- Exporting your animations
- How to remove background from any image
- What are the new Gen AI features in Adobe Express?
- How to use the object eraser tool
- How to use Generative Fill
- Improving your text design with Gen AI
- How to use Text-to-template Gen AI
- How to bulk translate your content
- How to edit a PDF
- How to use the scheduler for posting
- Group objects
- Create multiple pages
- Use CC Libraries
- Google Drive integration
- Refine a cutout
- Create curved text
- How to start a video project
- How to add video clips
- What’s a video timeline?
- Working with multiple clips
- How to add audio
- How to export video
- How to and why lock layers
- Maximize efficiency: Create a reusable template
- Save & share templates
- How to use templates
- Use case tutorials
- Overview
- Create multi-channel HR content for events
- Creating a promo visual for an online learning course
- Creating an end-of-year video
- How to create a newsletter
- Create digital screen announcements for the office
- Creating backgrounds for presentations
- Update finance round-up image
- Create compelling merchandising content
- Empower marketing teams to create multi-channel content
- Empower distributed teams to localize content
- Jumpstart creative ideation
- Create flyer content for marketing campaign with Firefly
- Create recruiting and on-boarding content with Firefly
- Create social posters with Firefly
- Easily run social campaigns
- Create webinar posters with Firefly
- Adobe Firefly
- Overview
- Tutorials
- Overview of Adobe Firefly
- Discover Adobe Firefly
- Accelerate creative ideation
- Create reusable scenes for merchandise
- Create a Custom Model using a subject
- Create a Custom Model using styles
- Landing page
- Text to image
- Text effects
- Generative fill
- Generative recolor
- Examples of how to use Firefly
- Enable creative efficiency
- Banner ad variations in Photoshop
- Generative Fill in Photoshop
- Generative Recolor in Illustrator
- Webinars
- Adobe Stock
- Overview
- Tutorials
- Stunning digital assets
- Search Adobe Stock licensing history
- Add a hand-drawn aesthetic to Adobe Stock images
- Add flair to typography with masks and animation
- Animate an Adobe Stock vector illustration in Photoshop
- Begin Your Annual Report with a video created with Adobe Stock and Spark Video
- Bring creative to life with custom animations by Adobe Stock
- Change an Adobe Stock image’s colors to match your story
- Create a 3D collage for a poster using Adobe Stock images
- Create a bold label with Adobe Stock templates and Photoshop Smart Objects
- Create a company guidelines infographic with Adobe Stock
- Create a product feature comparison chart using Adobe Stock
- Create a semi-surreal composite with Adobe Stock
- Create a semi-surreal pattern with Adobe Stock
- Create an interactive product configurator with Adobe Stock
- Create an interactive tourism photo with Adobe Stock and XD
- Create animations for email with Adobe Stock and Photoshop
- Create cohesive brand imagery with beautiful gradients and Adobe Stock assets
- Create engaging web graphics by combining Adobe Stock images with CSS
- Create inspiring mood boards in no time with Adobe Stock
- Create realistic photo composites with Adobe Stock images
- Customize a loading screen animation with Adobe Stock and XD
- Customize an Adobe Stock presentation template to look professional
- Customize the colors in an Adobe Stock vector illustration
- Adobe 3D & VR
- Adobe Video
- Adobe XD
- Deploy & Manage
- Adobe MAX
Adobe Creative Cloud at Summit
Register for these user sessions:
- Adobe + Webflow: How Marketers use AI to Build, Manage & Optimize Websites (attend online)
- Elevate and Empower Teams with Agentic AI for Exceptional Experiences (attend online)
- PepsiCo Design and Doritos' Journey with Adobe Firefly and Generative AI
- Transforming D2C: How CASIO Delivers Immersive, Personalized Web Experiences
- A Million Creative Assets Later: What We’ve Learned About Content at Scale
Connect with Experience League at Summit!
Get front-row access to top sessions, hands-on activities, and networking—wherever you are!
Learn more