How to add an image
- Topics:
- Image Editing
CREATED FOR:
- Beginner
- User
Learn all the different ways you can add an image and image effects to your creative projects. Replace template images with more suitable Adobe Stock graphics. Use the layer panel to rearrange layers, search for new images, and change the crop. The nondestructive nature of cropping allows you to change the shape of the crop at any point.
Transcript
We’re now going to look at how we can add images into our creative projects. Again, these practices will be applicable no matter what type of media you’re creating. We’re using a template I found on Adobe Express and we’re going to use Adobe Stock imagery to replace the photo from the templates with a photo that suits our purpose better. I’m able to do this just by dragging images on top of the image that’s within the template image under templates is cropped to a circle. So when I drag a new image, it will take on that same crop and we’ll look at cropping in a bit more detail in just a second.
But many of us will be starting with templates, so this is a nice way of just replacing media with new media that fits our purpose better.
We can even add on to the background like I do here. It’s got a filter on it. So the apples are now pink, but if we don’t want to replace any media, we can just drop it into this kind of gray space outside of the image and then we can manipulate its position just by dragging it across the canvas. Just showing you the layers panel on the right hand side as well. You can rearrange your layers there.
We can also search for images. So I’m just going to search for ice cream. Drag and drop. And we even get a quick preview before we even release the image into that cropped shape.
We can change the crop. So from this circle, we can change it to a free form, a love heart, a diamond as I’m showing on screen here, and just drag the little handles on the corners to manipulate the shape of the crop.
It’s nondestructive so we can just jump back into crop and change the shape of the crop.
We can also upload from device. So with that same folder I’ve been using for the last couple of demonstrations, I have this nice photo of our ice cream on the kitchen counter. Now it’s not going to take the shape of the crop automatically, but with our crop tool we can change the shape and the crop at any point.
That’s put it back to the original.
I’m just going to move some of these elements around and I’m going to flip them horizontally just using those mirror buttons on the left hand side so we can flip vertically or horizontally. And both of these, in my opinion, just need to be flipped horizontally to fit the image a bit better.
We can hop into adjustments done so once we have any image selected, we can change the contrast. Brightness, highlights, shadows or saturation. So make it a black and white warmth. So cooler or warmer. And with the detail we can add some sharpness and some blur as well.
We also have effects. So think of these as filters.
We can choose colors from a brand case or from the page theme or just recommended colors that express give to us so we can get really creative with some of these. What we do have some presets which reduce commonly up on the top. So a darker tint it darken it grayscale and these are kind of sepia as and we can edit these at any point as well.
We have a couple of basic blending modes within Express two, which can be useful when you want to change how colors blend with other colors on lower layers.
So I searched for a paper texture and I’m going to use my blend modes here to multiply one in fact. And now our image has a nice papery texture because of the blending modes that I’ve added.
If you’re a Photoshop user, you’ll be accustomed to having this sort of functionality within your creative tool. So it’s nice to see that same functionality appear in Express.
Just very lastly, you may have noticed me doing this in this demonstration, but we can also crop an image just by dragging the handlebars on the edge of the frame.
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:
- Elevate and Empower Teams with Agentic AI for Exceptional Experiences (attend online)
- Adobe + Webflow: How Marketers use AI to Build, Manage & Optimize Websites (attend online)
- How Adobe Uses GenStudio to Supercharge Its Global Marketing Organization
- How Delta Air Lines Optimized Its Content Supply Chain with Adobe GenStudio
- Revolutionize Your Brand: Harness AI for Unparalleled Digital Experiences
Connect with Experience League at Summit!
Get front-row access to top sessions, hands-on activities, and networking—wherever you are!
Learn more