Blue, Pink Colouring Tutorial
July 21, 2008
This Blue, Pink Colouring Tutorial will explain how to alter your images and the colours you currently have.
This effect brightens your current exposure and also alters the image colours to a more blue and pink feel. Depending on the colours of the photograph/image you end up using, it can vary as to what the effect ends up looking like.
Once you know how to do this you’ll end up tweaking it to suit your image, and discover new things in Photoshop.
Feel free to request something similar to this Dramatic Effect in Photoshop Tutorial.
Before
After
Dramatic Effect Tutorial - The Steps
- Firstly open up the image you want to use for this tutorial, if you don’t know how check this tutorial out.
- Now download this selective colouring file and then go -> Layer -> New Adjustment Layer -> Selective Color -> Load -> Locate your newly downloaded file -> press Load -> OK again.
- Download this selective colouring file and then go -> Layer -> New Adjustment Layer -> Selective Color when the first box appears change the “Normal” drop down menu to “Soft light” - then press OK, another box will appear, then select Load -> Locate your newly downloaded file -> press Load -> OK again.
- Go into the toolbar, select LAYER -> NEW FILL LAYER -> SOLID COLOR… when the first box appears change the “Normal” drop down menu to “Pin light” - then press OK, another box will appear, the colour box - at the bottom you’ll see 6 digits, change them to 4763b3- then press OK
- Now you need to duplicate your layer, to do that, click on the base layer in your Layers Palette, then go -> Layer -> Duplicate Layer. You’ll see that in your layers palette another layer has appeared, left click on it and drag it to the top so it’s above all of your other lays. Then find the ‘Normal’ drop down menu, and select ‘Screen’.
- OK, now you need to download this selective colouring file and then go -> Layer -> New Adjustment Layer -> Selective Color -> Load -> Locate your newly downloaded file -> press Load -> OK again.
- As you may have noticed, a lot of steps in this tutorial are pretty similar, but don’t worry. Download this selective colouring file and then go -> Layer -> New Adjustment Layer -> Selective Color…. when the first box appears change the “Normal” drop down menu to “Soft light” - then press OK, another box will appear, then select Load -> Locate the Selective Coloring file you downloaded on this step -> press Load -> OK again.
- Aaandddd you’re done. I hope this Dramatic Effect in Photoshop Tutorial was helpful - however if you have any questions regarding this tutorial then please leave a comment below and I’ll happily reply.
Selective Colouring: How to use it
July 16, 2008
This Selective Colouring Tutorial will explain how to enhance a select, specific colour(s) on each individual photograph.
You can alter the colours in your image by deepening them, altering the actual colour to something else, dulling them etc. You can do pretty much anything with them. In Photoshop it’s very easy to use Selective Colouring on any image, it’s just knowing how!
Below I have attempted to explain what tool to use and the easiest way of using it. If however you struggle and would like some help, please do leave a comment below or contact us.
Feel free to request something similar to this Selective Colouring Tutorial.
Before
After
Selective Colouring Tutorial - The Steps
- Firstly open up the image you want to use for this tutorial, if you don’t know how check this tutorial out.
- Once that’s done, go into -> Layer -> New Adjustment Layer -> Selective Color…
- So, at the moment you should have the Selective Coloring window open, click here, you’ll see that I’ve highlighted certain settings in Red, make sure your settings are exactly the same
- Once that’s done, you’ll see at the top of the window there’s a ‘Colors’ drop down menu, if you click on it, you’ll see a this.
- If you’ve got a lot of Green in your photograph, and you want to change the type of green it is, then you hit the ‘Colors’ drop down menu I was showing you before and select Green. Then below you’ll see four scroll bars, all you need to do is move them to the left or right, play around with the settings.
- The same goes for all the other colours in the drop down menu.
- The same goes for all the other colours in the drop down menu. The White, Grey & Black pretty much change the effect on every image, so it’s always good to have a play with those. Yellow also changes Green, and Red changes not only red, but orange/yellow. The only way to be sure is to try it out yourself and see what happens.
- Anddd….. you’re done! I hope this tutorial was helpful, however if it was a little confusing and you’d like some help then feel free to leave a comment below regarding this Selective Colouring Tutorial.
Cropping images in Photoshop
July 13, 2008
This Cropping images in Photoshop tutorial will explain how to eliminate something from an image in Photoshop.
In this tutorial I hope to explain clearly how to crop photographs in photoshop. It’s simple but when you’re new to Photoshop it can be slightly confusing.
If my steps are not clear enough, please do leave a comment below and I’ll try to help out more.
Feel free to request something similar this Cropping images in Photoshop tutorial.
Before
After
Cropping images in Photoshop Tutorial - The Steps
- Firstly open Photoshop, then go into -> File -> Open, then locate the file you want to resize, left click on it, then click Open.
- Grab the Crop tool, or simply hit the button C on your keyboard. Now to crop, all you need to do is click and drag.
- How do I click and drag? Left click in one of the corners, I normally start with the top left corner of the photograph. Hold the mouse down and drag your mouse across the image, making an inside square and an outside square, The outside square is the stuff you’re cutting out, the inside of the square is what you’re keeping. Once you’ve done that, your photograph should look like this.
- This last part is pretty simple, find the File, Edit, Image, Layer…. toolbar and just below that, you’ll see something like this. Click the little tick button that’s highlighted in Red.
- Anddd….. you’re done! I hope this tutorial was helpful, however if it was a little confusing and you’d like some help then feel free to leave a comment below regarding this Cropping images in Photoshop Tutorial.
1-to-1 Assistance
July 9, 2008
If you’re new to design programs and would like to know which to buy or despite reading our tutorials would still like to talk to one of us for more in depth assistance. We can help you!
Programs we can help you with:-
- Jasc Paint Shop Pro
- Adobe Photoshop
- Adobe Lightroom
If you have any of the above and need a different kind of assistance you can contact us free, for a 20 minute consultation.
To arrange a time we can talk when near a computer and design program you wish to use, please fill in the form below and we will reply with a time and telephone number.
LTY Tutorials Contact Form
Layer Blend Modes
July 6, 2008
This Layer Blend Modes Tutorial will help to explain what all the blend modes mean.
They’re all very important when using Photoshop and the more you understand what they do the easier you can work your way around Photoshop. It’s not complicated and a fair bit of it is trying them out as I explain what they all do.
Below I have outlined the different modes in a nice colourful image; further on you’ll see my simple explanations - if you get stuck, leave a comment below and I’ll be sure to reply and help you further.
Feel free to request something similar to this layer blend modes tutorial.
Layer Blend Modes - The Steps
- Pink:
The pink section contains four modes in this group; darken, multiply, color burn, linear burn. They all darken your colours in slightly different ways. The best way to see what the four modes do is to grab an image and change the layer mode in your layers palette. Note that they make no difference to white.
- Purple:
The purple section contains four modes; lighten, screen, color dodge, linear dodge. They are the opposite to the pink section, instead of darkening like the pink section does, they lighten everything; again, the best thing to do is try them out. Note that like the darken modes, these lighten modes make no difference to pure black.
- Blue:
This blue section is what some call “Light Modes”, they darken the darkest colors and lighten the lightest colors… allowing the mid-tone to intermix, so that foreground and background remain independently identifiable.
Overlay, Soft Light and Hard Light alternatively multiplies the blacks and screens the whites, but in different degrees… it’s tricky to explain and we’ve found the best way is to try it on a few images. You’ll see what they do and how the different modes can help you.
- Green:
This green section is what some call the “invert section” - these two options invert color of underlying layer depend on brightness of active layer. Sometimes they’re fantastic but they don’t always help - depends what you’re doing. Again, try it out!
- Yellow:
The last section; mode colours. This group of blending mode plays with colours, brightness and saturation.
- Aaannddd you’re done. I hope this tutorial was helpful and made sense - if you do have any questions regarding this Layer Blend Modes Tutorial then feel free to leave a comment below and we’ll do our best to help you.
Resizing images in Photoshop
July 6, 2008
This Opening & Saving images in Photoshop tutorial will explain how to simply open & save images in Photoshop.
In this tutorial I hope to explain clearly how to open and save in photoshop. It’s simple but when you’re new to Photoshop it can be slightly confusing.
If my steps are not clear enough, please do leave a comment below and I’ll try to help out more.
Feel free to request something similar this Opening & Resizing images in Photoshop tutorial.
Resizing images in Photoshop - The Steps
- Firstly open Photoshop, then go into -> File -> Open, then locate the file you want to resize, left click on it, then click Open.
- Now before I teach you now to resize images, you need to know that it’s not possible to make images bigger, without making the quality of them extremely low and making them look tacky. Resizing is basically making them smaller if they’re too big.
- Now that that’s settled and you’ve got the image open that you want to resize, go into -> Image -> Image Size… A resizing window will come up, it’ll look like this, but without the red & blue lines. You’ll see that there’s three bits that have red or blue square lines around them. The first box, highlighted in red, is the main bit. Make sure that your drop down menu’s in the first box is set to pixels. You’ll notice that all the numbers in the picture that I showed you are different to the numbers in yours, that’s just because they image that you’re resizing is a different size. the next thing you need to change is the pixel dimensions of your image, if for example the image you’re resizing is 1000×800, you need to resize it to something smaller. Like I said above, you can’t make images bigger, only smaller. So what I suggest doing is changing the width in the red box to 500, the height will change automatically.
- Next, you’ll see there’s a box highlighted in blue, this means it doesn’t need to be touched. Leave the settings as they are, it doesn’t matter that they’re not the same as mine were in the picture I showed you.
- Moving onto the green box, this one is very simple. Just change your settings so they look exactly like mine did in that screen shot. After that’s done, click OK.
- Sometimes, when you resize your image, Photoshop automatically zooms the image out, so it looks smaller than it actually is. To find out if this is the case, you need to find your Navigator box, click HERE to see what it looks like. If you can’t find it on the right side with all your other editing boxes, go into -> Window -> Navigator, it should have now come up on the right side, if not, go back into Window, then find Navigator, but don’t click it just yet. Beside it, check to see if there’s a tick, if not, click it. That should solve your problem.
- Now that you can see the Navigator box, check to see if the little white box says 100%… if not, change it to 100%.
- OK, so technically we’re done resizing your image, but if you’re not happy with the size and want to make it a little less smaller than it is now but still smaller than it was before, so something in between, or even if you want it smaller than it is now, then hit CTRL/Command + ALT + Z, you may need to do it a few times until your image goes back to the original size. Now just repeat the steps that I’ve taught you above, but change the size that you resize it to, if after that you’re still not happy with it, repeat it again and maybe again until you’re happy with it.
Exposing Tutorial
July 6, 2008
This Exposing Tutorial will explain how to overexpose and underexposed an image.
Often images aren’t quite exposed correctly - in this images below, you can see an underexposed image, along with an overexposed one. In Photoshop it’s very easy to alter the exposure on any image, it’s just knowing how!
Below I have attempted to explain what tool to use and the easiest way of using it. If however you struggle and would like some help, please do leave a comment below or contact us.
Feel free to request something similar to this Exposing Tutorial.
Example
Exposing Tutorial - The Steps
- Firstly open up the image you want to use for this tutorial, if you don’t know how check this tutorial out.
- Once that’s done, go into -> Layer -> New Adjustment Layer -> Brightness/Contrast…
- The best way to find out what settings to use with these Brightness/Contrast settings, is to move the two scroll bars to the left and to the right, but to start off with I’ll give you a bit of an idea of what to do. But before we start, make sure the Preview box is ticked.
- If your photograph is too dark and you want to brighten it, changing the brightness will probably help, you can go from 0 to +150, it’s likely you’ll end up with something in between that, but you can also go up to +150 if need be.
- If it’s too light, then do the opposite with the brightness, go from 0 to -150. So to make it brighter, you move the brightness scroll bar to the right, to make it darker, move it to the left.
- As for the Contrast scroll bar… unlike the brightness scroll bar, it only goes to either -50 or up to +50. The constract scroll bar basically adds I suppose depth, or I guess you could call it a type of glow. If you move it to the far left (-50), it would take away all the glow/depth to your image, it you move it to the far right (+50), it’ll add a lot of depth/glow to it, or you could move it to somewhere in between. But basically with this, you just need to fiddle with it until you come up with something you like.
- Anddd….. you’re done! I hope this tutorial was helpful, however if it was a little confusing and you’d like some help then feel free to leave a comment below regarding this Exposing Tutorial.
Opening & Saving images in Photoshop
July 6, 2008
This Opening & Saving images in Photoshop tutorial will explain how to simply open & save images in Photoshop.
In this tutorial I hope to explain clearly how to open and save in photoshop. It’s simple but when you’re new to Photoshop it can be slightly confusing.
If my steps are not clear enough, please do leave a comment below and I’ll try to help out more.
Feel free to request something similar this Opening & Saving images in Photoshop tutorial.
Opening & Saving images in Photoshop - The Steps
- Firstly open Photoshop, then go into -> File -> Open, then locate the file you want to open, left click on it, then click Open.
- Now once you’ve done what you want to do with your image in Photoshop, to save it, go into -> File -> Save As… A box will come up and in the save as box, type in what you want to call the file. Before we save it we need to choose a format for it, select the drop down menu at the bottom of the box, when you click it a bunch of names will come up, I recommend saving it as a .jpg/jpeg.
- Sometimes the quality on certain images can come out dodgy with them, if you end up saving it as a .jpg/jpeg and the quality is low, then you’ll need to go back into photoshop, open up the image and resave it as a .PNG. The reason I recommended saving it as a .jpg/jpeg in the first place is because they’re much smaller files than .PNGs.
- Continuing on with the saving process, now that you’ve given the file a name and you’ve also chosen the format of it, you need to choose where you’re going to save the file, you can either save it on your desktop or just save it in one of your folders. Once that’s done, click save.
Photoshop Tool Reference
July 6, 2008
We have attempted to give every tool a name - when we mention a tool, if you don’t know what it is - this is the perfect reference.
| Icon | Tool | Key | Purpose | Icon | Tool | Key | Purpose | |
|---|---|---|---|---|---|---|---|---|
 |
Elliptical Marquee | M | selecting |  |
Single Row Marquee | - | selecting | |
 |
Rectangular Marquee | M | selecting |  |
Single Column Marquee | selecting | ||
 |
Lasso | L | selecting |  |
Move | V | transforming | |
 |
Polygonal Lasso | L | selecting |  |
Magic Wand | W | selecting | |
 |
Magnetic Lasso | L | selecting |  |
Crop | C | transforming | |
 |
Slice | K | web design |  |
Slice Select | K | web design | |
 |
Healing Brush | J | retouching |  |
Patch | J | retouching | |
 |
Brush |
B | painting |  |
Pencil | B | painting | |
 |
Clone Stamp | S | painting |  |
Pattern Stamp | S | painting | |
 |
History Brush | Y | restores to selected history state |  |
Art History Brush | Y | painting | |
 |
Airbrush | J | painting |  |
Eraser | E | erasing | |
 |
Background Eraser | E | erasing |  |
Magic Eraser | E | erasing | |
 |
Paint Bucket | G | painting |  |
Gradient | G | painting | |
 |
Blur | R | unfocusing |  |
Sharpen | R | focusing | |
 |
Smudge | R | painting |  |
Sponge | O | color adjustment | |
 |
Dodge | O | tonal adjustment |  |
Burn | O | tonal adjustment | |
 |
Horizontal Type | T | typing |  |
Vertical Type | T | typing | |
 |
Horizontal Type Mask | T | typing |  |
Vertical Type Mask | T | typing | |
 |
Direct Selection | A | drawing |  |
Path Selection | A | drawing | |
 |
Pen | P | drawing |  |
Freeform Pen | P | drawing | |
 |
Add Anchor Point | - | drawing |  |
Delete Anchor Point | - | drawing | |
 |
Convert Point | - | drawing |  |
Rectangle | U | drawing | |
 |
Rounded Rectangle | U | drawing |  |
Ellipse | U | drawing | |
 |
Polygon | U | drawing |  |
Line | U | drawing | |
 |
Custom Shape | U | drawing |  |
Eyedropper | I | choosing color | |
 |
Color Sampler | I | color information |  |
Measure | I | geometrical measurements | |
 |
Notes | N | non-printable data |  |
Audio Annotation | N | non-printable data | |
 |
Hand | H | navigating |  |
Zoom | Z | image viewing | |
 |
Color Selecting box | - | displays current color |  |
Color Replacement | J | retouching | |
 |
Mode Selector | Q | selecting |  |
Jump to Image Ready | Shift+ Ctrl+ M |
web design |
Creating Text in Photoshop
July 6, 2008
This how to create text tutorial will explain how to alter your images and add more interest to it.
This tutorial helps in many ways. Improving your knowledge of Photoshop, learning new things and how to use all types of textures to improve your designs - textures are extremely useful when you have boring images that need sprucing up.
Once you know how to do this you’ll end up tweaking it to suit your image, using different textures and discover more in Photoshop.
Feel free to request something similar this how to create text tutorial.
Before (first image) & After (second image)
How to Create Text Tutorial - The Steps
- Firstly open Photoshop, then make a new canvas: -> File -> New, then match your settings to mine, click here. Once that’s done, click OK.
- Then find the Text Tool, or simply hit the T button on your keyboard. Then left click on your white canvas, and start typing.
- Now if you want to make the text bigger or smaller, highlight the text CTRL/Command +A, then above almost at the top of your screen, you’ll see a bunch of settings you can change, see here. So basically, you’ve got your text highlighted, if you want to change the size click on the numbered drop down menu, if you change the numbers you’ll notice the size of your text changes.
- If you want to change the style of your font, click on the first drop down menu, the one that says ‘Arial’ in my screen shot, change it and again, you’ll notice that the font changes, continue changing it until you find something you like.
- Lastly, if you want to make your text bold, or maybe make it underlined, then click on the button on the right, where all your text settings are. The button that you need to click is highlighted in Red, see here. One that’s done, you’ll notice a little box should turn up on the right, the box will look like this.
- Now highlight the text again, and then once your text is highlighted, click the little bold button in the box that just popped up, click here. You’ll see that I’ve highlighted four buttons in red, the first two on the left are bold and italic and underlined and strikeout. If you want to make your text bold, click the first, if you don’t like it in bold, click it again and it’ll go back to normal. same goes for the other three buttons.
- Aaannddd you’re done. I hope this tutorial was helpful and made sense - if you do have any questions regarding this “How to Create Text” Tutorial then feel free to leave a comment below and we’ll do our best to help you.
Recent Comments