Tag Archives: Design

Creating your own Textures in Photoshop

8 Oct

CUSTOMISING TEXT IN PHOTOSHOP USING YOUR CUSTOM PATTERNS

Create patterned text using photoshop patterns Creating your own custom made Photoshop patterns is a great skill to have. Especially if you are having trouble finding something particular online or don’t feel like paying for it. In this tutorial I will not only be showing you how to create and save your very own custom Photoshop patterns but how to use them to create patterned text. Like that seen in the image above.

** THE STEP BY STEP **

Arrow

1. CREATE YOUR TEXTURE

The first thing you need to do is create your texture. I decided to create a simple lipstick mark collage using these free photoshop brushes. To get started I created a new document with the following dimensions: 1500px by 1500px. I intended on using my pattern for large text (seen above) so used a very large canvas and larger graphics. If however, you intend to use your pattern for a smaller font you will need to create/use smaller more condensed graphics but can use a smaller canvas. Next up I rendered my background a slightly off white ( EDIT + FILL -> Select your chosen colour). Then using my Lipstick Brush Tool stamped across my canvas, switching the sizes, colours and positions of the brushes until I had my desired effect. I then flattened my image into one layer (LAYER + FLATTEN). 

2. SAVE YOUR TEXTURE

Now that you have your desired image you will need to save it as a texture. To do this simply click on the EDIT tab and select DEFINE PATTERN. You will then be prompted to name your pattern. Do so, click OK and you’re done! Now you have your very on custom made Photoshop texture ready to use.

3. ADD YOUR TEXTURE TO TEXT

On a new canvas or layer add your text using the HORIZONTAL TYPE TOOL. Resize and position your text until you have your desired effect. Now right click onto the text layer in the LAYERS TAB and select BLENDING OPTIONS. Check the box that says PATTERN OVERLAY. You can now select your pattern from the drop down box to the right. You can keep the other pattern overlay options at default or play around with them until you get your desired effect. Click OK once done. If you didn’t create a new canvas, rather a new layer simply turn off your background layer by unselecting the LAYER VISIBILITY icon. Now your text should fully rendered using your own custom made pattern and you’re free to play around with it’s position as well as various other text effects.

Arrow

I used CS6 to put together this tutorial. If you happen to have an earlier version you should be able to follow along fairly easily. Your interface however, may be arranged a little different to mine, so the location of certain tools may be differ. If you have any concerns just leave me a message below I’ll do my best to help.

Please note that this is a very basic method of creating a Photoshop Pattern. If you are looking to create something more professional, that can be tiled or stretched there’s a bit more work involved within the first step. I am willing to create such a tutorial if requested. Just let me know!

I hope you have enjoyed this tutorial and if you have any questions of requests feel free to comment below!
Signnn

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: Simple Selective Colouring in Photoshop

3 Jul

SIMPLE SELECTIVE COLOURING IN PHOTOSHOP

Selective Colouring in Photoshop is a simple technique to learn. I have created a easy to follow step by step tutorial depicting how to do so on my Jux Blog. Click here to view it.

THE ORIGINAL IMAGE: 

THE FINAL IMAGE:

If you have any questions or tutorial requests feel free to ask. I am happy to oblige!

Signnn

Tutorial: Creating a “Light Glow” effect using Photoshop

2 Jul

CREATING A LIGHT GLOW EFFECT IN PHOTOSHOP

Creating a “Light Glow” effect in Photoshop is not only insanely simple but has the ability to greatly enhance any of your digital images. Once again my full tutorial has been posted to my Jux account. To view it Click Here.

THE FINAL IMAGE:

THE ORIGINAL IMAGE:

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

Signnn

Follow

Get every new post delivered to your Inbox.

Join 6,336 other followers