By ryoh

I’m fairly new to photo editing and to Pixelmator, so I don’t know if this is the best way to do this or not. If works for me, so give it a go.

Here are the steps that I use:

1. Open the photo you want to vignette and do your basic editing.
2. Create new layer (Vignette Layer)
Picture 2.png
3. Use the fill tool on the Vignette layer and fill the entire layer with black.
Picture 4.png
4. Right click on the Vignette Layer and add a Layer Mask.
5. Make sure you have the Mask layer selected and uncheck this layer so that it hides the black and shows the original image below.
Picture 7.png
6. Use the ellipse tool to select the area you want to vignette (again, make sure you are editing the Layer Mask).
7. Once selected, go to Edit then select Refine Selection and slide the Feather bar to where you want it. I like between 70-100.
Picture 10.pngPicture 11.png
8. Once again, go to Edit and select Fill.
9. Choose White as your fill colour.
Picture 13.png
10. Re-check the Vignette Layer (so you can see) then adjust the Opacity of this layer to your liking.
Picture 14.pngPicture 15.png

Viola! I know it sounds like a lot of work and steps, but it only takes a couple of minutes.

In search of Pixelmator tutorials, which is few and far between, I’ve noticed that there are many similarities between Photoshop and Pixelmator. If you can’t find info on PIxelmator, I would also suggest doing the same search on Photoshop. You may get a few hints like I did. One thing to keep in mind is that the Mask Layer uses opposite colours for the transparency: Pixelmator uses white and Photoshop uses black for the transparent parts.

Hope this helps and let me know if this isn’t working for you or there are any questions.


3 Responses to “Pixelmator Vignette Tutorial”


  1. 1 Larry July 27, 2008 at 6:44 pm

    Thanks! I was searching the web for information to do this in Pixelmator as I have not used the app a lot.

    :)

  2. 2 ryoh July 28, 2008 at 5:55 pm

    No problem Larry. Thanks for visiting.

  1. 1 Tales of a Minnesota Geek » Blog Archive » links for 2008-06-30 Pingback on Jun 29th, 2008 at 9:32 pm

Leave a Reply