With the drawing tools in Pixelmator, you can draw custom shapes. This is possible by taking existing shapes and combining them to create something new. How do you merge shapes together? In this movie, author Richard Harrington demonstrates how to create custom shapes from combining existing shapes together in Pixelmator.
- View Offline
- Exercise Files
- Let's explore creating some custom shapes: taking existing shapes and using them to make a whole new shape. In this case, I'm making an upload-type graphic, of putting something up to the cloud. And I've drawn an arrow and a cloud shape using these existing pieces. What I want to do is make a whole new vector shape. So, easy enough. Let's go ahead here and start by temporarily rasterizing these. So, I'll select that group and choose Duplicate so I have two copies.
And we'll turn this one off. Now, inside of that group, I'll right click and convert these into pixels temporarily. There we go, Convert into Pixels. Now, if I hold down the Command key and click on that thumbnail for the shape, you see the arrow loads. I can turn that off, select the background, and press Delete to punch a hole inside of the cloud. Now, what I'd like to do is select that and stroke it with black.
So, let's go ahead and choose Edit, Stroke, and I'll apply black and adjust the width so it's similar to the stroke on the cloud. There we go, that looks good. And click OK. Now, if we turn off the background layer, you'll see that that actually has transparency in it. And that's what I wanted. I wanted something to be notched out, so it cut a hole in the cloud. That looks pretty cool. What we can now do is turn that back into a custom shape.
I'll Command click to load that layer as a selection. Now, with that same Marquee tool selected, I can go in and say Convert Selection into Shape. And now we've got a new vector shape. That's pretty cool. And of course, you can click on the Styles button and start to play with the overall look. There we've got sort of a metallic feel. Or a gradient feel with a stroke. Let's turn that drop shadow off for a second. And that looks pretty good there with a small inner shadow.
I'll adjust the width there of the stroke on the outside. I like that, put the shadow back on. Blur that out a little bit. And that feels pretty good. There's that gradient that can be manipulated. So, nice, great flexibility. And remember, that is a vector object, so you can easily scale it up or down and dramatically change the quality or the size. Now, if you want to store that, that's pretty simple too. Just simply go here and choose View, Show Shapes, and click and choose Add Shape.
There it is, it's now added to my library. So, if I need to use that again, just click and draw, and there's that new shape that I've created, stored in my library as a new object that I can use in the future. Let's choose Undo. And remember, there's all sorts of options here. Now, you can mix in clouds and textures to stylize that shape, that's a lot of fun. But, we can continue to actually mix things together. Let's just go ahead and create a Clipping Mask there. Turn that on, and we'll blend that in.
There we go, just a little bit of displacement. And that adds a little bit of interest to that shape layer. I like how that's looking. Alright, that's great, but this is only the beginning. Let's explore turning an image into a shape.
- Working with files
- Creating new layers
- Making targeted adjustments with selections
- Cropping and masking
- Designing with layers
- Working with text, painting, and the shape tools
- Retouching an image
- Enhancing and stylizing images or objects
- Outputting specific files and graphics for other applications
Skill Level Beginner
Introducing Photoshop: Designwith Deke McClelland4h 35m Appropriate for all
Affinity Photo Essential Trainingwith Steve Caplin3h 31m Beginner
1. Work with Files
2. Pixelmator Controls
3. Work with Tools
4. Understand Selections
5. Work with Layers
6. Work with Text
7. Work with Painting Tools
8. Retouching Tools
9. Shape Tools
10. Make Adjustments and Add Effects
11. Work with Pixelmator for iOS
12. Output Files
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.