Wednesday, 4 January 2017

How To Create A Heart Text Frame in Photoshop.


Hello and happy new year!
For this tutorial I will be showing you how to make a heart text frame in photoshop, this is a very easy tutorial to follow.

Step 1 - Open a new document in photoshop (I have selected an A4 document). Create a new layer and select the custom shape tool (right click on rectangle tool), then in the top options choose path rather than shape and select the heart shape.

New Document  >  New Layer [1]  >  Custom Shape Tool [2]  >  Path [3]  >  Select a Shape [4].




Step 2 - Shape, rotate and change the size of the heart using the free transform path.
Edit [1]  >  Free Transform Path [2] or Cmd/Ctrl T.

Step 3 - Now select the horizontal type tool (you do not need to create a new layer for this), click on the heart and your type box will appear. The heart will disappear but don't worry, keep typing and you will see the text taking shape. You will need to select your font, size and text colour (I have used font DartangnonITC, size 40pt and colour red). Open your character/paragraph tab, then select paragraph and click on justify centred.

Horizontal Type Tool [1]  >  Font [2]  >  Size [3]  >  Colour [4]  >  Charater/Paragraph [5]  >  Justify Centered [6].



Step 4 - As you type you will see the text take the shape of the heart, keep typing until you're done and check to see if you're satisfied, change the font, size and colour until you are happy with what you have.

Step 5 - Done, add a border or some little hearts around to finish your image.


My Final Image, hope you enjoyed and found this tutorial helpful.

Sam.




Thursday, 8 December 2016

How To Create A Cover Image For Your Blog



The first thing your readers are going to see when they click your blog post is your cover image. In my early days of blogging I never did one, actually I never even thought of the idea or knew how important they were to blogging. The cover image is also what people on social media will see first, this will be the deciding moment of whether they read your blog or not. I am going to show you how to make a simple cover image using photoshop.

Step 1 - Create a blank document in photoshop, I use the size 1000 pixels by 1000 pixels and 72 pixels/inches for the resolution. Decide on a background image (have chosen a one from Flickr by Rae Che, which can be found here). Create a new layer and copy the background image on to this layer.

Blank Document > New Layer > Copy Image.




Step 2 -  Create another new layer and fill this white (right click on the gradient tool to find paint bucket tool).

New Layer [1] > Paint Bucket Tool [2] > Fill Layer White.




Step 3 - Use your opacity slider to chose a percentage that your background image will be visible. The lower the percentage, the more your background image will show (I have set mine to 35).

Opacity Slider.




Step 4 - Next create a new layer, making sure it is on top of the fill layer. Select the rectangle tool (make sure the fill is set to a colour and the stroke is set to transparent). Then change the opacity (i have mine set to 70%). 

New Layer [1] > Rectangle Tool [2] > Opacity [3].


Step 5 -  Create a new layer on top of the rectangle layer. Select the horizontal type tool and start typing over the rectangle (for the font I used DK Running Hipster found here, size is 200pt and colour I used the eyedropper tool and selected the colour of the sky #8ab0c3).

New Layer [1] > Horizontal Type Tool [2]. 



Step 6 - Now to create the border around the text, create a new layer and select the rectangle tool. Set the fill of the rectangle to no colour and change the stroke to a colour of your choice (mine is the same as the text #8ab0c3). Draw a rectangle around the text but make sure it is still inside of the first rectangle you did. 

New Layer [1] > Rectangle Tool [2] > Fill [3] > Stroke [4].



Finished, this can be changed, instead of doing a rectangle try a different shape, play with the colours and text. If you post any of your designs to Instagram, Twitter, Pinterest or Google +, feel free to tag me @samweatheritt. 




Wednesday, 30 November 2016

How to Create Brushes on Photoshop.



Have you ever wondered how to make your own photoshop brushes?
For most of my tutorials on photoshop I download premade brushes, normally off brusheezy. Today I will show you how simple it is to make your own.

Step 1 - Find an image that you want to turn into a brush, I will be using the infinity symbol. Once you have found an image open it in photoshop.

Find Image > Open in Photoshop.



Step 2 - If the image is coloured you will need to make it black and white. Go to image, then mode and choose grayscale.

Image > Mode > Grayscale.



Step 3 - Change the brightness/contrast on the image until you are happy with the image, select image, then adjustments, then brightness/contrast.

Image > Adjustments > Brightness/Contrast.



Step 4 - Choose the quick select tool or lasso tool and select the part or whole image that you want to turn to a brush (I selected the whole shape). Then select edit and define brush preset. Name the new brush and click Ok.

Quick Select or Lasso Tool [1] > Edit [2] > Define Brush Preset [3] > Rename > Ok.



Step 5 - Test your new brush. Open a blank document in photoshop and choose the brush tool and have a look on brush presets and the brush you have made will be in there.

New Document > Brush Tool [1] > Brush Presets [2].




Hope this helps and feel free to share any links to you brushes in the comment box or I can post a blog post sharing all the brushes. Thanks for reading.

Sam.