Playing with color using a Gradient Map Adjustment Layer
I’ve been fiddling around with halftones and grayscale posterized images lately – partly for a magazine project and partly for some things I am designing. Sometimes, however, I just play for the sake of it and today’s post is all about that playtime.
Posterized images have a flattened color look – the entire image is flattened to a few bands of color and I was interested to see what color variations I could get with a Gradient Map over an image. Gradient maps work by mapping a color onto a tone in the image and, with a regular image, the colors sort of blend across the image. However, posterized images are different – they have flat areas of color so the Gradient Map will not be seamless and instead it is going to recolor the posterized image in great big solid blocks of color.
Here is the image I started with:
To see this at work, first convert the image to black and white using Image > Adjustments > Black & White and create a nice contrasty black and white.
Then add the posterized effect by choosing Image > Adjustments > Posterize and set the Levels to 4 or 5 – this makes the image into one that has 4-5 tones only in it.
Now to recolor the image with the Gradient Map choose Layer > New Adjustment Layer > Gradient Map and click Ok.
From the dialog select a color scheme to use. The new photo filters which are included in Photoshop CS6 are a great choice but absolutely anything will give a great result. The colors are mapped on to the image according to the light and dark tones in the image. If you click Reverse you’ll get a negative effect. Find the color to use and close the dialog.
Because you’re using an Adjustment Layer you can change the colors anytime by just double clicking the adjustment layer and choose a different color combination.
I finished off by finding an image to use with this one. I flattened the camel to a single layer by pressing Control + Alt + Shift + E (Cmnd + Option + Shift +E on the Mac) and then dragged the flattened layer into a second image.
Then I used a mask on the camel layer to select and remove the background. I positioned the camel in an interesting place and cropped the image to square. I added a small vignette around the image too.
Learn to add a texture to an image in Illustrator using an Opacity mask – also often called a Transparency mask.
This method is fool proof and it works – it’s also pretty simple… which is good!
Transcript:
Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial I show you how to add a bitmap texture overlay over an image in Illustrator CS6. To see how we can use a transparency mask on an image to give it a sort of grunge or a slightly distressed look.
Let’s start off with a rectangle. So I’m going to create a rectangle the shape and size of my art board. And I already have it filled with a pattern here. This is the pattern that I’m using. It’s a pattern that we created earlier in another video. I’m going to choose Object and then Transform and then Scale because I want to scale the pattern down to around 75 percent of its original size. So I’ll just type 75 percent and in this case I’m transforming the patterns only. Actually that’s still a bit on the big side so let’s go back and scale this down to say 50 percent, again, just the pattern and click Ok.
So here is my pattern and I want to add a sort of grunge overlay effect to it so I’m going to choose Window and then Transparency because this is going to give me my transparency mask. And I’m going to double click here to create and edit my mask. So I have the mask selected here. This is my image selected. This is my mask selected and I’m going to add a file to it by choosing File Place and we’re going to select the sample that we created earlier and click Place. And here it is over the image. Now right now it’s fairly intense but I can invert it to reverse the colors from black and white to white and black so I get a different effect.
Now this particular mask is really quite a bit larger than the image so I’m thinking that if I scale it down to probably around 30 percent and fix the proportions of this it gets pretty near right here. So I’m just going to scale the original image to the size. Well maybe just a little bit smaller so that we can see that we’ve actually got this transparency mask effect on our image. This is the original look of our image and this is the mask version. Now again we can click Invert if we want to use the white areas of the image or here to use the black areas of the image as our mask. When I’m done with that I can just click back on my image to continue to work with it.
So here is my image or the original filled rectangle. As you can see the mask is applied to that filled rectangle and it’s going with it wherever it happens to go. So wherever I move my rectangle to three quarters or most of it is covered with this transparency mask. Just this bit is not covered. I wanted to show you that the transparency mask is only going to work on the areas of the image that we actually selected for it to work on. And it’s actually attached to this shape so it will travel with it.
So anytime you need to give an image a grunge or a distressed sort of look, head to Photoshop, grab a nice texture, turn it into as close to a black and white of an image as you can or even convert it to black and white. That’s fine too and then just bring it in onto a transparency layer as a transparency mask to give your underlying shape a more grunge look.
I’m Helen Bradley. Thank you for joining me for this video tutorial. Look out for more tutorials on my YouTube channel and visit projectwomam.com for more tips, tricks and tutorials on Photoshop, Photoshop Elements, Lightroom and Illustrator.
Do you hate the Start Screen in Word 2013? Many users find it cumbersome because it forces you to make a choice before continuing that many of us don’t want to have to make. Luckily it is easy to get rid of it.
If you just want to by pass it once, press Esc or Enter to open a new blank document.
However you might want to go further and axe it permanently. To do this, launch Word and choose File > Options. In the screen there, the last option is to Show the start screen – disable the checkbox and click Ok. The start screen will be gone and, if you miss it, you can always reinstate it!
Learn to use the new Pattern Maker in Illustrator CS6 to make repeating patterns.
This video covers the tools in the dialog and how to save the pattern. Make half drop repeats, brick and hexagonal patterns in a few seconds.
Transcript
Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial I’m going to show you how to make a repeating pattern in Illustrator CS6.
To make a repeating pattern in Illustrator we’re first going to need a shape to work with. So, I’m going to create just a little square shape to use, and I’m going to add a fill color to it. I’ll select a pink fill and then a blue border so we can see what we’re working with. And I’ll make it about a 5 point border. So that’s my shape that I’m going to work with. And I want it to be sort of like a flower shape so I’ll choose Effect, Distort and Transform, Pucker and Bloat. And I’m going to Bloat it to 200 percent and just click Ok. So, this is my shape that I’m going to be working with.
To make a repeating pattern all you need to do is choose Object and then Pattern and then Make. And we now have a pattern piece added to the Swatches panel so I’ll just click Ok. And that is as easy as it is to create a pattern in Illustrator. But of course now that we can see our pattern we may want to make some changes to it.
So firstly we can change the number of copies to say 3 by 3 but I have a 5 by 5 grid in place so I can see things clearly. Dim Copies allows you to dim the duplicate or the repeating pattern so that you can see which is your original piece and which is the repeating pattern I have that now set at 100 percent so the copies are not dimmed. Let’s go back to dimming them.
Now these settings here can be a little bit confusing when you first encounter them. What these Width and Height are is this blue box so that’s the box in which my pattern is created. So if I lock these together and if then I decrease them say to 150 these are going to be scaled proportionately because I have it locked. So I’m just going to press Tab. Now the box is squeezed up and you can see that my pattern is now going to overlap. And I can control how it overlaps by using these icons here. So I can show various pieces of my pattern. If I want it to be on top over here and underneath here for example I can adjust that. But if I take this up to larger than my pattern piece, and I know that this is going to be larger than my pattern piece, I’ve typed in 250 and pressed Tab.
Now you can see that we’ve built in extra space around our pattern piece so there is more room here for perhaps adding other elements. Here is the type of pattern. At the moment we have grid but we could do Brick By Row and then we can offset the brick by a certain amount, one third, three quarters and so on. There’s Brick By Column and the offset is in a different direction. There’s also Hex By Column and Hex By Row. And for this pattern piece I think Hex By Column looks pretty good so I’m going to settle on that. Now if I wanted to add a bit of extra horizontal spacing I could do so but I’ll need to size my tile to the art and then add it in because you can see that right now these are grayed out. But if I size the tile to the size of my art I can then add some extra spacing. At the moment this is unlocked so that’s 10 points of horizontal spacing and now 20 points of vertical spacing. But I prefer not to size my tile to the art so I’m just going to leave that as it is.
Now one of the other things that we can do in this pattern area is we can add extra bits to it. So this is actually looking a little bit small for me so let’s just take it up a little bit larger so I’ve got some extra room in here. And I’m going to select the Ellipse Tool and I’m just going to hold the Shift key as I draw in here a circle. And you can see that the circle has now become part of the pattern. So if I select on the circle here, hold the Alt key as I drag a duplicate away, I now have two circles. And they’re part of the repeating pattern. I’m going to hold my Shift key as I select over both, now hold Alt as I drag a duplicate away and here we have a total repeating pattern. But we’ve been able to add pieces to it because we were actually working in this Pattern Make feature in Illustrator when we did it. Now these can also be adjusted so we’ll see that in a minute. But for now let’s just click Done. And that has saved our pattern to the pattern Swatches in Illustrator.
So let’s just go and get our pattern piece and we’ll tuck it away here off the art board for a minute. I’m going to select a rectangle and draw a rectangle here and let’s turn off the Stroke and let’s fill it with our new pattern. And there it is. Now you might see a missing pixel through your pattern. Don’t worry. That won’t be there when you actually come to print it. It’s just a resolution issue. Now I have this shape here and I might say well that pattern is fine but it looks a bit big for the shape. So I’m going to choose Object, Transform and then Scale and I’m going to disable Transform Object so that will then scale the pattern down to 25 percent of its original size but not the object and then just click Ok. So there is my pattern filled shape.
Now this shape is, this pattern is in the Illustrator swatches. It is only going to exist for this document. So if you want to keep it go up here, select the dropdown list here and click Save Swatch Library as AI. So this means that you can get it back later on. I’m just going to call this flower55 and click Save. And so now that swatch will be available later on that I can come and get it if I want to reuse the swatch in another Illustrator document.
Now we’ve already seen how we can add shapes to our pattern. But what happens if we look at this and decide that the shapes are ok but the color is not? So what I’m going to do here is go to the Layers panel here and go and locate the actual pieces that are part of this pattern. So I’m going to select this piece here and with this piece selected I can now go and make changes to it. So I’m going to give it a green fill color and then I’ll go here and select the next piece. And this is now targeted and I’ll go and grab a different fill color for it. And let’s go and select this one. We’ll give it the same green fill color as we used previously. And then let’s target this one here and we’ll give it a yellow fill color.
So if you come back and look at your shape and say well yes the pattern looks really good but the colors are not right it’s very easy to open up the layers panel here and to make adjustments to it. So for example if we didn’t like the pink here I can grab the pink path here and you can see that the pink path here for the inside shape has been separated from the path that is the stroke. And then I can just select to apply a different fill color to this particular piece here. And it hasn’t adjusted the stroke. The stroke needs to be separately selected. Here is the blue stroke color here and we could perhaps make it a darker blue. So once I’ve got that looking the way I want it to I can just double check by filling it back in.
And if I say yes that’s fine, that’s exactly what I want, and now this has been created as a new pattern. But if it wasn’t, if I’d already created this as a pattern in the pink color and I wanted to also save a green version what I can do is click Save a Copy and I’m going to call this flower 45 and it will then be saved as a different pattern swatch so it won’t be created over the top of the original. And when I’m done I’ll just click Done.
So now I have two pattern swatches so I’m just going to click the shape here. You can see here now that we could fill it with this green pattern swatch or we can go back to the original pink one. If we go to green again we would probably want to scale this down. So we’ll go to Object, Transform, Scale, again transforming only the pattern, not the object itself. So there you have the ability to create repeating patterns very, very easily in Illustrator CS6.
The Watermarking feature in Lightroom was significantly overhauled in Lightroom 3. As a result you can now add sophisticated watermarks to your images on export either to disk or via the Print and other modules.
Not only can you add a text watermark to an image but you can also add an image watermark – and that’s what this post is all about – making and using images as watermarks in Lightroom 3 and Lightroom 4.
Create the image
To use an image watermark in Lightroom you will need an image and for that you’ll need an image editor. You can use anything that can create .png images – Photoshop and Photoshop Elements are obvious contenders but basically any photo editor or painting program will do.
Unlike text watermarks you can’t set the color of an image watermark in the Watermark dialog so you need to get it right before you begin. For that reason I create two – one black and one white – which cover most situations.
I do this in Photoshop working on a transparent layer – the reason is that I want this transparency to appear in the watermark when it is placed over the image. So, even if I use a fill layer behind the watermark so I can see the design as I work, I’ll hide this before saving the image.
When saving the image I’ll save it as a .png format file – this flattens the image to a single layer but retains transparency – something that the .jpg format does not.
To create the image as a watermark open a module that has Watermarking such as the Print module. Click it to enable it and then choose Edit Watermarks from the dropdown list.
Click Graphic in the top right corner to select that as the Watermark Style. When prompted select the image to use. This image is dark so I chose the white version of the copyright watermark image.
If you cannot see the image, scroll down to the Watermark Effects area and adjust the Size so you can see the image. Set the desired size and placement using the Size, Anchor and Inset settings. Typically you will use the bottom left anchor point (or the bottom right) and move the image a little in from the edge of the photo.
Once you have the position and size correct you can save this as a Watermark you can use anytime in future by clicking the Custom dropdown list and choose Save Current Settings as New Preset and type a name for the preset.
In future you can select and use this watermark in any of the panels in Lightroom that support Watermarking such as the slideshow module here:
