Tag Archives: tutorials

Photoshop Tutorials

6 Sep

CLIPPING IMAGES INTO SHAPES USING PHOTOSHOP

Cute Shape images

After I posted my tutorial depicting how to create circular images in Photoshop I recieved a few emails/Twitter Messages asking me how to do the same thing but with different shapes. So today I thought it would be fun to show you guys how to do so. Creating any shaped image in Photoshop is pretty simple and requires only your image and a shape stencil (png). You can find a whole bunch of free shape files online but I used this set. If you know of any others feel free to comment with your links. So lets get started:

** THE STEP BY STEP **

Arrow

1. OPEN YOUR IMAGE IN PHOTOSHOP

Firstly you will need to open up the image you wish to clip into Photoshop. Be sure any editing is complete prior to any clipping and that your image is flattened into one layer. Otherwise things get confusing!

2. PASTE YOUR SHAPE OVERLAY/STENCIL

Now you will need to paste your shape/stencil onto of your initial image. You do this by selecting “File” then “Place”. Use the Move Tool (V) to position your shape onto the part of your image you wish to clip.

3. SELECT THE INSIDE OF YOUR STENCIL USING THE MAGIC WAND TOOL (W)

Now using the Magic Wand Tool (W) select the inside of the image stencil. Once you do this the inside outline should highlighted in a dashed line.

4. TURN OFF THE LAYER IN WHICH YOUR SHAPE WAS PLACED

Once the inside line of shape has ben selected you will need to turn of the layer in which the shape was placed on. Do this simply but unselecting the layer visibility box in the layers tab.

5. DUPLICATE YOUR BACKGROUND LAYER

In the layers tab select the background layer (the one where you opened your first image, not the shape) and duplicate it. You can do this most simply but pressing Control + (C) then Control + (V) or right clicking on the layer and selecting “Duplicate layer”.

6. HIDE YOUR BACKGROUND/INITIAL IMAGE LAYER

To make your outline visible and “clip” your image you will need to turn off the background layer (the first layer). Do this by unselecting the layer visibility box in the layers tab.

7. CROP & SAVE AS PNG FILE

Now you have your clipped image it’s time to crop off any excess space. You can do this by selecting the Crop Tool (C) and adjusting the margins. To keep your background transparent save your image as a PNG file and you’re done!

Arrow

So there you have it a super easy method of clipping your images into various shapes and designs. If you have any questions feel free to comment below I am happy to help.

Signnn

Photoshop Tutorials

3 Aug

TUTORIAL: CREATING CIRCULAR IMAGES IN PHOTOSHOP

Pappi! round

Using circular shaped images or graphics in a design, on your blog or within various social media platforms has quiet an eye catching effect and because of this is a great way to draw attention to your content and a useful skill to have. Cropping any shaped image into a circle is really simple to do and can be done by following these 6 simple steps:

Circle images in photoshop

** THE STEP BY STEP **

Arrow

1. OPEN YOUR IMAGE IN PHOTOSHOP

First you will need to open your image in Photoshop. I edited the above image before cropping it. I find it a lot easy to do this before any cropping and recommend you do the same. Also be sure that any images are flattened before you begin any cropping/clipping.

2. SELECT THE ELLIPTICAL MARQUEE TOOL

Now you will need to select the Elliptical Marquee Tool from the toolbar. Ensure that the Feather Value in the top toolbar is set to 0px,  the Anti-Alias is checked and Style is set to Normal.

3. DRAW YOUR CIRCLE 

Holding down the Shift key drag your cursor to create a circle of your desired size. Use the Move tool (V) to position your circle perfectly.

4. REMOVE ANY EXCESS BORDERING

Whilst you circle is still selected click on Image then Crop. This will get rid of the any excess background area and create a square shape (providing your circle is completely round).

5. DELETE THE BACKGROUND

Double-click on the Background in your Layers Palette to turn your image into a free-floating layer. Leave the values at default and select OK. Now you will need to add a Vector Mask which will cause the area outside the circle to become transparent. Do this by Selecting the Add vector Mask Icon (it looks like  rectangle with a circle in the center) in your Layers Palette and you’re done!

6. SAVE YOUR CIRCULAR IMAGE

Be sure to save your image as a PNG if you wish to keep the background transparent. Other formats like JPEG will automatically fill such background white.

& you’re done!

Arrow

So there you have it a super easy method of creating circular shaped images in Photoshop. I hope you have enjoyed this tutorial and be sure to check out my others here. . Also, if you have any questions regarding this tutorial or any of the others free to comment or message me with them. I also take requests so if you’re curious how to do something let me know!

Signnn

Tutorial: Creating Text out of a Photograph using Photoshop

1 Jul

CREATING TEXT OUT OF AN IMAGE

Creating text out of an image or photograph has become a very popular Photoshop technique recently and believe it or not is really simple to do. I have decided to create a tutorial depicting you too can create an image like the one below by creating a  step by step tutorial on my Jux account. To view the full tutorial Click Here.

THE FINAL IMAGE:

THE ORIGINAL IMAGE: 

If you have any questions regarding this tutorial or any other of my tutorials or posts feel free to message me. I also take requests so don’t be shy!

Signnn

Tutorial: Create a Simple Lomo Effect using Photoshop

27 Jun

CREATE A SIMPLE LOMO EFFECT USING PHOTOSHOP

Creating vintage inspired photographs in Photoshop is not only huge at the moment but  has the ability to greatly enhance any of your digital images. Once again my full tutorial has been posted to my Jux account. I choose to post it on my Jux rather then here mainly because of the amazing Jux slideshow feature which allows screenshots to be seen alongside text, which I believe makes it a lot easy to follow and complete each step. To view the full tutorial Click Here.

The Final Result…

The Original Image…

If you have any questions regarding this tutorial or any other of my tutorials or posts feel free to message me. I am more than happy to be of assistance.

Signnn

Tutorial: Creating Sunbeams in Photoshop

26 Jun

TUTORIAL: ADDING SUNBEAMS TO AN IMAGE

Creating sunbeams Photoshop is a great way to enhance your digital photographs and add some much needed light to those that are slightly underexposed. To view the full tutorial on my Jux Blog  Click Here.

THE ORIGINAL IMAGE:

THE EDITED IMAGE:

Signnn

Follow

Get every new post delivered to your Inbox.

Join 6,353 other followers