Stencil Text Effect on Photoshop

For a recent school project I had to design a magazine cover. For this cover I wanted to do a stencil graffiti like text, I had a look around for some tutorials but couldn’t find many. So. I’ve decided to make my own using a combination of this and this tutorial.

First create a new document in photoshop.

Image

Then create a new layer

Image

Next you want to select the Horizontal Text Mask Tool

Image

And write what you would like in this effect. The unselected area should be red.

Image

Now that you’ve got your text deselect the area by selecting the selection tool and selecting anywhere else on the screen. Now select Select/Modify/Feather

Image

And change it to between 3 and 5 pixels.

Image

Now select the brush tool.

Image

And change the blending mode to dissolve. This will create a spray paint like effect

Image

Now paint your selected area. It should look something like this:

Image

Once you’ve painted all of your text you can deselect this area and use the smudge tool to create some dripping like effects.

Image

Image

Now you can duplicate this layer by selecting Layer/Duplicate Layer…

Image

Now select Filter/Blur/Gaussian Blur

Image

Change the radius to about 5. Now change the opacity of this layer to about 70

Image

Now use the eraser tool to erase a some of the blur effect. After you’ve done this create a new layer.

Image

On this layer use the Horizontal Text Mask Tool to create another mask of the same text over your text, you could also make the same selection by using the magic wand tool. Select Select/Modify/Expand…

Image

And expand by about 20 pixels.

Image

Now inverse this selection by pressing Command+Shift+I. Select the brush tool, enable the airbrush setting, change blending mode to dissolve and opacity to about 35%.

Image

Now paint around desired areas of the texts. Your finished result should look something like this:

Image

Create Vector Spirographs in Illustrator

I came across this tutorial to make vector spirographs while looking through Illustrator tutorials one day. The spirographs looked very complicated, but after completing the tutorial I came to find out that they were actually really easy! I thought that the spirographs would be great to use in patterns or poster designs. So I thought I’d share this tutorial. I’ve done it using Ai CS6. Here’s what your finished product should look like:

Image

Firstly open a new document in Adobe Illustrator. You should then select the ellipse tool.

Image

Make sure there is a stroke colour but no fill. I decided to make the stroke pink.

Image

Next use make an elipse with the following settings:

Image

Now select Object/Transform/Transform Each

Image

In these setting change the angle to 30 degrees and select copy.

Image

Now select Object/Transform/Transform Again or simple just Command+D and repeat this four times.

Image

Select all of the ellipses and press command + G to group them.

Image

Now select the Star Tool

Image

And create a Star with the following settings:

Image

Next select the Direct Selection Tool

Image

And select half of the anchor points of the star.

Image

Now on the top control panel change the anchor points to smooth.

Image

Image

Now do this to the remaining anchor points

Image

Now select one of the anchor points with the direct selection tool

Image

And select the Rotate Tool

Image

Double click on the icon to bring the settings up and change the angle to 180 degrees.

Image

Repeat this with all of the outside anchor points.

Image

Select all the inner anchor points with the direct selection tool then select the Scale Tool.

Image

Double click on the Scale Tool to bring up the settings. Change the scale to 110%

Image

Next select one of the anchor points with the direct selection tool then change the scale to 150% with the scale tool. Repeat this with all anchor points.

Image

Select the whole object and select Object/Transform/Transform Each and select the following settings:

Image

Press copy and the on the keyboard press command + D twice to copy two more. You should now have four in total.

Image

Select all four shapes and group them.

Image

Now select all objects.

Image

And bring up the align window by selecting Window/Align

Image

First select Horizontal Align Center

Image

Then Vertical Align Center

Image

And you’re done!

Image

Using Photoshop Actions

Photoshop actions are an amazing invention! They make editing photos that much faster and easier. I find them perfect for editing a bunch of event photos I share on social networking sites such as Facebook. I have based my tutorial on this Lynda.com video. I’ll be using Photoshop CS6 for this tutorial. So here we go:

First you need to download the action, I like to use the website Deviant Art to search for actions.

Image

 

There’s plenty to choose from, you can choose based on what eer look you’re going for. I chose this one. You can download the action from the right hand side of the website.

Image

 

Double click on the action file to install it. This will open up Photoshop.

Image

 

Next you should open a photo you would like to apply the action to.

Image

 

Then select Window/Actions

Image

In the Actions window you will find the actions you have just downloaded select which one you want to use and press the play button down the bottom of the window.

Image

 

I used the 70s action, here’s my before: 

Image

 

And after:

Image

 

You can play around with which one you want to use, if you don’t like the action you’ve used you can bring up the history window

Image

 

In the window select the icon of your original picture.

Image

 

This will revert the photo back to its original state. Now all you have to do i save the image and you’re done =).

 

Retro Badge Tutorial

Recently I was asked by a friend to design a poster for his upcoming bachelor party. He wanted a retro themed design so I did a quick web search and came up with this one . I thought the badge could come in handy with a few different projects so I decided to give it a go.

Below I have recreated this tutorial for Illustrator beginners using Ai CS6 and Photoshop CS6.

Here’s what your finished product should look like:

First create a new AI document.

I decided to make mine 1000 x 1000 pixels.

Now select the star tool.

You will need to create a star then double click on it to change the settings. You will need to change the points to 14 and one of the radiuses. Make sure Radius 2 is slightly smaller than radius one.

You should have a star that looks a bit like this:

You will need to change your fill colour and have no stroke. I decided to use a redish colour. Now select Effect/Stylize/Rounded Corners

And select a radius of 15px

You now need to duplicate the star. Do this by holding down the option key while dragging the original star. Change the fill colour to cyan. You will need to center the new star the same as the original and rotate it like so the points are in the open spaces.Next select Window/Transparency to bring up the transparency window.

And select the Multiply as the mode. (make sure the second star is selected)

Your badge should look something like this:

The colour in the middle will vary depending on what colours you’ve used with the stars.

Next select the text tool and write what you like. I wrote “Fuji Rock” with a font i download from Dafont.com. I used the rectangle tool with grey fill to create the lines.

Now, for the rounded text you should select the eclipse tool with no fill or stroke and place it like so:

Select the “Type on Path” tool


 For the text on the bottom select where you would like to write it and type what you like. It will appear on the outside of the eclipse so you will need to double click on the type on path tools to bring the type on path options up. You need to select Effect: Rainbow, Align to Path: Baseline and check the box next to flip.

Now for the text on the top you will need to draw another eclipse the same as the last one and select where you want the text on the top. Bring up the Type on a Path Options again and uncheck flip.

Now select all objects and copy them. Open a new Photoshop document. I made my document 2500px x 2500px.

Past the Illustrator vectors to the new document.

Now you need a texture image.I just googled paper texture, there are plenty to choose from and you can play around with one you like. Once you’ve found one create a new layer.

And place the paper image onto this layer.

Make sure the paper texture layer is under the vector layer.

Change the blend mode to Multiply.

Select the Magic Wand tool and select an area of the paper texture. It should look something like this:
Although this paper had too much texture and i had to place a different paper image.

Now make sure the vector layer is selected and select Layer/Layer Mask/Reveal Selection

You can now delete the paper layer and your end product should look like this:

And you’re done =) Feel free to leave comments!

Photoshop CS6 Lomo Tutorial.

I have been a big fan of Lomography for a while now, owning a few of their cameras myself. For those of you who don’t know what Lomography is; it’s an increasingly popular trend in photography in which “Lomographers” shoot with analogue “toy” cameras (plastic cameras). Lomography users explore unique styles of photography by toying with many different films, cameras and modification techniques. Lomography photos are easily spotted as they tend to have striking contrasting colours and are more than often vignettes.

Here are some photos from Lomography.com’s website just to give you a better idea.

Image

Image

Although I mostly prefer the look of film, anyone who has owned a film camera knows how expensive and time consuming it can be. So for those who don’t have the time, money or patience for analogue photography, the following tutorial is probably the next best thing. I’ve often searched for Lomography tutorials, but found this one my favouri te. In the video tutorial an older version of Photoshop is used, I’ve written my own beginners tutorial using Photoshop CS6:

First of all open a photo you would like to edit. Try to chose a photo with bright colours.

Image

Select the crop tool (selected in the pictured below)

Image

Select a square shape with your crop tool, press enter to crop.

Image

Create a duplicate layer of the background layer by either right clicking on the layer and selecting duplicate layer or dragging the layer to the icon left from the trash can icon.

Image

Next from the task bar select Filter/Lens Correction.

Image

In the Lens Correction menu you’ll find a “Remove Distortion” option on the right hand side under the custom tab. Slide the bar to the left, I decided to go with -16 but you can go as far as you desire.

Image

This should create a fisheye like effect. Once you’ve achieved your desired effect select ok.

Image

You will be brought back to the Photoshop home window. From the task bar select Select/Edit in Quick Mask Mode.

Image

Next you’ll need to select the paintbrush tool.

Image

You’ll need to select a quite large feathered brush. You can change the paintbrush settings in the top left corner of your window.

Image

You’ll also need to change the flow to about 30.

Image

Make sure the colour of the paintbrush is black. Next with the paintbrush tool, make a round selection in the centre of your photo, trying to avoid the edges.

Image

After you’ve done this unselect the “Edit in Quick Mask Mode” option. Your selection should now look something like this:

Image

Next from the task bar select Select/Modify/Feather…

 

Feather to about 15 pixels.

Image

Now from the task bar select Filter/Blur/Lens Blur…

Image

From this menu you’ll need to change the radius, I chose to change it to 16, but have a play around with it. The radius will determine how blurred the edges are. Change the Blade Curvature to about 69, the other settings should be already set at 0 excluding threshold which should be at 225, leave them this way.

Image

Back in the home window select the whole image with the selection tool. Copy and paste ( command + C then command V). This should create a new layer.

Image

From here you need to select Edit in Quick Mask Mode and paintbrush steps again doing exactly what you did before. Except now you can change the feather to about 20 pixels.

Image

Now you need to add a curves a layer. You do this in the layers tab in the bottom right hand corner. You will need to click the arrow in the bottom right hand corner of the middle icon.

Image

Pull the curves line down, this will make the photo darker.

Image

Next change bring the RGB drop menu down and change it to Red.

Image

Now bring the red curves down slightly, the amount you pull the curves down depends on the colour you want.

Image

Next select the green option form the RGB menu and bring the curve slightly up, again depending on the colour you want.

Image

Next select the blue curve option. Bring the top of the blue curve towards the centre and then do the same for the bottom. Once you have done this select the two arrows in the top right hand side to have the curves menu.

Image

Use the selection tool to select the whole image and select Edit/Copy Merged. Then press command + V to paste. This will create a new layer. 

Image

Now you want you create another curves level and do the same steps you’ve just done, this time leaving out the first (RGB) curves change. Again playing with the curves to get a colour you like. Select the whole image with the selection tool select Edit/Copy Merged then press command + V to paste.  Your layers panel should now look like this:

Image

With this layer we want to edit in quick mask mode again with the same paintbrush setting we have been using. Again make a round selection in the center of the image. Then turn of quick  mask mode and select feather again, feather to about 15-20. Now create another curves adjustment layer. Again we want to do exactly what we did in the first curves adjustment layer (including bringing down the RGB curve). Once you’ve done this again select the whole image with the selection tool, select Edit/Copy Merged then press command + V twice to paste two layers. Your window should then look something like this :

Image

Layer 5 should be selected, at the top of the layers panel you will see a drop down menu like so:

Image

From this menu select difference

Image

 

Don’t worry about your image turning black, that’s mean to happen.

Image

Select the lasso tool. 

Image

And change the feather to about 120 pixels.

Image

Draw a circle around the center of the image with the lasso.Image

Now press delete on your keyboard. You can press delete as many times as you like to create your desired effect. This action creates a vignette effect. Image

Now you’re done editing! Select File/Save As

Image

And save as a JPEG.

Image

 

Now you’re done, hope you’ve enjoyed this tutorial.