Old Worn Effect in Photoshop

August 5, 2008

In this Old Worn Effect in Photoshop Tutorial I hope to explain how you can create the similar effect.

With the below image I wanted to create a dream like, in the past effect, and in this tutorial I will attempt to explain what I did and how you can also do it. This technique is very simple and can be used and manipulated for lots of other things.

Below you’ll see I used a motion blur - although this tutorial is on blurring, you can adapt it to change the background colour but keep the girl the same. All you have to do is think outside of the box and play.

Feel free to request something similar to this Old Worn Effect in Photoshop Tutorial.

Before

Image from LETTERS-TO-YOU.COM!!

After

Image from LETTERS-TO-YOU.COM!!

Old Worn Effect in Photoshop Tutorial - The Steps

  • Firstly open up the image you want to use for this tutorial (you can use the image above to try this out), if you don’t know how check this tutorial out.

  • Duplicate your layer -> Layer -> Duplicate Layer…
  • Now go -> Layer -> New Adjustment Layer -> Photo Filter - once you’re there click on this for my settings and change your settings to match mine. The colour in the box that I used was 663708 - You can have any colour but it’s important to keep it a dark orange/brown colour.
  • Now duplicate your photo filter layer -> Layer -> Duplicate Layer…
  • You should now have two image layers and two
    Photo Filter
    layers. Click on your first (e.g. bottom)
    Photo Filter
    layer and then go
    -> Layer -> Merge Down - Once that’s done you should now have two image layers and one
    Photo Filter
    layer!
    Set your second image layer to Overlay.
  • I hope the above makes sense… it’s a bit tricky to explain. Moving on, go to your remaining
    Photo Filter
    layer and change the Opacity to 70%
  • Now press M on your keyboard and you should be using the Rectangular Marquee Tool. Once you have that at the top of Photoshop you’ll see a toolbar and there you will find a little box that says ‘Feather’ next to it. If you’re not sure what I’m talking about, Take a look here. - Now inside that little box I want you to replace 0 with 5 (ignore the fact that mine has 55 in it, old screen shot).
  • Once you’ve selected your shape go -> Select -> Inverse - Once that’s done you’ll notice a change to your image.
  • Now go -> Layer -> New Fill Layer -> Solid Color… on this image I picked black, but you can do anything really, I feel black works best here.
    Select your colour and click OK!
  • Aaandddd you’re done. I hope this Old Worn 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. :blink:

High Pass Effect in Photoshop

August 5, 2008

In this High Pass Effect in Photoshop Tutorial I hope to explain how you can create the similar effect.

With the below image I wanted to create a dream like, in the past effect, and in this tutorial I will attempt to explain what I did and how you can also do it. This technique is very simple and can be used and manipulated for lots of other things.

Below you’ll see I used a motion blur - although this tutorial is on blurring, you can adapt it to change the background colour but keep the girl the same. All you have to do is think outside of the box and play.

Feel free to request something similar to this High Pass Effect in Photoshop Tutorial.

Before

Image from LETTERS-TO-YOU.COM!!

After

Image from LETTERS-TO-YOU.COM!!

High Pass Effect in Photoshop Tutorial - The Steps

  • Firstly open up the image you want to use for this tutorial (you can use the image above to try this out), if you don’t know how check this tutorial out.

  • Firstly you need to make sure you have your layers palette open. To do that go -> Window -> Layers - “Layers” should be ticked - Once you have done that, locate your layers… look at mine!
  • Now go to your layers palette If you look at it closely you’ll see three small tabs; Layers, Channels, Paths - Select Channels you’ll see four channel layers, just like mine here - now you can select one of the layers; I selected red but this was just because it suited the image best.
  • Once you select red you’ll notice a change in your image… so then go to your image and use these shortcuts: CTRL (win) / Command (mac) + A (selects the image) - CTRL (win) / Command (mac) + C (copies the image) - then click the RGB layer, and then click the layers tab (before you selected “channels”)…
  • When you see your normal layers and your image in colour, use this shortcut CTRL (win) / Command (mac) + V (this then pastes the red, grayscale layer onto your colour one).
    • Now, still in your layers palette, change the mode to screen
    • Now merge your layers together. Layer -> Flatten Image.
    • You should now only have one layer - now duplicate it. I always use the shortcut: CTRL (wind) / Command (mac) + J
    • Now go -> Filter -> Other -> High Pass - High pass is basically a sharpening tool - I changed my Radius to 4.0 but you can do more or less. Your image should now look very odd… now go to your layer and set it to Softlight - with high pass I sometimes set the layer to Overlay, Screen, Hard light or like I have done this time, Soft light… whatever works for you.
    • Aaandddd you’re done. It’s simple but useful, I find. I hope this High Pass 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. :blink:

    Dreamy Selective Colouring Effect

    August 5, 2008

    In this Dreamy Selective Colouring Effect in Photoshop Tutorial I hope to explain how you can create the similar effect.

    With the below image I wanted to create a dream like, in the past effect, and in this tutorial I will attempt to explain what I did and how you can also do it. This technique is very simple and can be used and manipulated for lots of other things.

    Below you’ll see I used a motion blur - although this tutorial is on blurring, you can adapt it to change the background colour but keep the girl the same. All you have to do is think outside of the box and play.

    Feel free to request something similar to this Dreamy Selective Colouring Effect in Photoshop Tutorial.

    Before

    Image from LETTERS-TO-YOU.COM!!

    After

    Image from LETTERS-TO-YOU.COM!!

    Additional Steps

    Image from LETTERS-TO-YOU.COM!!

    Dreamy Selective Colouring Effect in Photoshop Tutorial - The Steps

    • Firstly open up the image you want to use for this tutorial (you can use the image above to try this out), if you don’t know how check this tutorial out.

    • Now duplicate your layer. To do this, I use a shortcut: CTRL (win) / Command (mac) + J
    • Now desaturate the image. I use the shortcut: Shift + CTRL (win) / Command (mac) + U
    • Then go -> Image -> Adjustments -> Exposure… and once the little box appears change your settings to match my own here.
    • Once you’ve applied the settings press OK, then go to your layer palette, locate the layer mode and set it to Overlay. Once that’s done you need to
      duplicate
      your top layer (The overlay one). Leaving you with
      three layers
    • Then go to your middle layer (E.g. Select your middle layer.) Then go Filter, Blur, Gaussian Blur and set your settings to 3.0
    • Now go back to your top layer and change it from Overlay to Soft light & change the
      opacity
      to
      50%
    • Simple enough. That’s the main steps, anything after this will turn your image into the “Additional Steps” image that you can see above… so either save your image or carry on

    Dreamy Selective Colouring Effect Additional Steps:

    • Now press M on your keyboard and you should be using the Rectangular Marquee Tool. Once you have that at the top of Photoshop you’ll see a toolbar and there you will find a little
      box
      that says ‘Feather’ next to it. If you’re not sure what I’m talking about,
      Take a look here. - Now inside that little
      box
      I want you to replace 0 with
      30 (ignore the fact that mine has 55 in it).
    • Once you’ve selected your shape go to Select -> Inverse. Once that’s done you’ll notice a change to your image. Take a look at what I did.
    • Now go Layer -> New Fill Layer -> Solid Color… on this image I picked black, but you can do anything really, I feel black works best here.
      Once you have your first black layer,
      duplicate
      it! And then change the top black layer to Overlay… which will leave you with two black layers.
    • You need to merge all of your layers now. Layers -> Flatten Image.
      Once that’s done,
      duplicate
      your layer and then go
      Image -> Adjustments -> Desaturate.
    • This is the more tricky part… select your eraser tool, select a soft round default brush, the size should be 30/40 and
      opacity
      at 100%
    • Once you have your brush ready you need to go to your top layer and begin to ‘remove the grey’, by that I mean… just erase whatever you want and you’ll see that it turns to colour…
      While doing this, if you’re not used to erasing and doing things like this then I suggest you zoom in when it gets more tricky. I left the background black but I coloured her dress and the balloons.
      Because I felt her skin was too pale I made my brush a bit smaller 10/20 and changed the opacity to 50% - then I very carefully and slowly went over her arms and face… I also slightly skimmed the eraser over her hair but I lowered the
      opacity
      again… have a play it’s more personal taste.
    • Aaandddd you’re done. I hope this Dreamy Selective Colouring 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. :blink:

    Channel Mixer Colouring Effect

    August 5, 2008

    In this Channel Mixer Colouring Effect in Photoshop Tutorial I hope to explain how you can create the similar effect.

    With the below image I wanted to create a dream like, in the past effect, and in this tutorial I will attempt to explain what I did and how you can also do it. This technique is very simple and can be used and manipulated for lots of other things.

    Below you’ll see I used a motion blur - although this tutorial is on blurring, you can adapt it to change the background colour but keep the girl the same. All you have to do is think outside of the box and play.

    Feel free to request something similar to this Channel Mixer Colouring Effect in Photoshop Tutorial.

    Before

    Image from LETTERS-TO-YOU.COM!!

    After

    Image from LETTERS-TO-YOU.COM!!

    Channel Mixer Colouring Effect in Photoshop Tutorial - The Steps

    • Firstly open up the image you want to use for this tutorial (you can use the image above to try this out), if you don’t know how check this tutorial out.

    • Now duplicate your layer. To do this, I use a shortcut: CTRL (win) / Command (mac) + J
    • Then go -> Layer -> New Adjustment Layer -> Channel Mixer - in the tab at the very top, make sure you’ve selected “Red” and the change your settings to these:
      Red: +100
      Green: +172
      Blue: -66
      Constant: -70
    • Now select your middle layer (not the original and not the channel mixer layer - the other one)… then go to your layers pallet - if you look at it closely you’ll see three small tabs; Layers, Channels, Paths - Select Channels you’ll see four channel layers, just like mine here - now you can select one of the layers; I selected green but this was just because it suited the image best.
    • Once you select blue you’ll notice a change in your image… so then go to your image and use these shortcuts: CTRL/Command + A (selects the image) - CTRL/Command + C (copies the image) - then click the RGB layer, and then click the layers tab (before you selected “channels”)…
    • When you see your normal layers and your image in colour, use this shortcut CTRL/Command + V (this then pastes the blue, grayscale layer onto your colour one). You will now have three layers - 2 coloured ones and a grayscale one (your new one).
    • After all that, select your grayscale layer, then locate the mode and change it to Color Burn
    • You’ll see that the road sign isn’t readable - so I just got an eraser tool (E on your keyboard) and erased a bit of it.
    • Aaandddd you’re done. When you try this out on other images, I would suggest fiddling with the Channel Mixer - you may want to alter the sliders a bit to suit your image more as these settings are rather unique. I hope this Channel Mixer Colouring 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. :blink:

    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

    LTY Designs

    After

    LTY Designs

    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

    LTY Designs

    After

    LTY Designs

    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.

    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.

    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

    LTY Designs LTY Designs

    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 Elliptical Marquee M selecting Single Row Marquee Single Row Marquee - selecting
    Rectangular Marquee Rectangular Marquee M selecting Single Column Marquee Single Column Marquee selecting
    Lasso Lasso L selecting Move Move V transforming
    Polygonal Lasso Polygonal Lasso L selecting Magic Wand Magic Wand W selecting
    Magnetic Lasso Magnetic Lasso L selecting Crop Crop C transforming
    Slice Slice K web design Slice Select Slice Select K web design
    Healing Brush Healing Brush J retouching Patch Patch J retouching
    Brush

    Brush

    B painting Pencil Pencil B painting
    Clone Stamp Clone Stamp S painting Pattern Stamp Pattern Stamp S painting
    History Brush History Brush Y restores to selected history state Art History Brush Art History Brush Y painting
    Airbrush Airbrush J painting Eraser Eraser E erasing
    Background Eraser Background Eraser E erasing Magic Eraser Magic Eraser E erasing
    Paint Bucket Paint Bucket G painting Gradient Gradient G painting
    Blur Blur R unfocusing Sharpen Sharpen R focusing
    Smudge Smudge R painting Sponge Sponge O color adjustment
    Dodge Dodge O tonal adjustment Burn Burn O tonal adjustment
    Horizontal Type Horizontal Type T typing Vertical Type Vertical Type T typing
    Horizontal Type Mask Horizontal Type Mask T typing Vertical Type Mask Vertical Type Mask T typing
    Direct Selection Direct Selection A drawing Path Selection Path Selection A drawing
    Pen Pen P drawing Freeform Pen Freeform Pen P drawing
    Add Anchor Point Add Anchor Point - drawing Delete Anchor Point Delete Anchor Point - drawing
    Convert Point Convert Point - drawing Rectangle Rectangle U drawing
    Rounded Rectangle Rounded Rectangle U drawing Ellipse Ellipse U drawing
    Polygon Polygon U drawing Line Line U drawing
    Custom Shape Custom Shape U drawing Eyedropper Eyedropper I choosing color
    Color Sampler Color Sampler I color information Measure Measure I geometrical measurements
    Notes N non-printable data Audio Annotation Audio Annotation N non-printable data
    Hand Hand H navigating Zoom Zoom Z image viewing
    Color Selecting box Color Selecting box - displays current color Color Replacement Color Replacement J retouching
    Mode Selector Mode Selector Q selecting Jump to Image Ready Jump to Image Ready Shift+
    Ctrl+
    M
    web design

    Next Page »