Create a simple logo photoshop

26
Presentation by www.bubblefruit.com – Website design & development Create a simple in Photoshop

Transcript of Create a simple logo photoshop

Page 1: Create a simple logo photoshop

Presentation by www.bubblefruit.com – Website design & development

Create a simple in

Photoshop

Page 2: Create a simple logo photoshop

Presentation by www.bubblefruit.com – Website design & development

Page 3: Create a simple logo photoshop

Presentation by www.bubblefruit.com – Website design & development

Page 4: Create a simple logo photoshop

Presentation by www.bubblefruit.com – Website design & development

Set your size here, in our example we are using 500x500 pixels at 300 dpi.

300 dpi (dots per inch) is a good starting point as the image will not look jagged.

We can always resize the image later

Page 5: Create a simple logo photoshop

Presentation by www.bubblefruit.com – Website design & development

We now have our workspace

Page 6: Create a simple logo photoshop

Presentation by www.bubblefruit.com – Website design & development

Now click on the Ellipse tool

Page 7: Create a simple logo photoshop

Presentation by www.bubblefruit.com – Website design & development

Drag the shape in to the work space and size accordingly

Page 8: Create a simple logo photoshop

Presentation by www.bubblefruit.com – Website design & development

1. Whilst the shape is active in the layer go to the upper shape tool bar and select the gradient tab

2. double click on gradient colour stop, this will load the colour pallet

Page 9: Create a simple logo photoshop

Presentation by www.bubblefruit.com – Website design & development

2. Now select the other colour stop and double click.

1. Choose your desired colour

Page 10: Create a simple logo photoshop

Presentation by www.bubblefruit.com – Website design & development

1. Choose your desired second colour

2. You will notice the gradient bar is showing yourchosen two colours as the fill for your ellipse shape.

Page 11: Create a simple logo photoshop

Presentation by www.bubblefruit.com – Website design & development

1. use the colour midpoint slider to find the desired gradient level, e.g. more red than black

2. now use the rotate the gradient tool to adjust where the gradient angle will be finalised.

Page 12: Create a simple logo photoshop

Presentation by www.bubblefruit.com – Website design & development

In our logo we adjust the gradient angle with the rotation tool to the bottom right as a shadow

Effect, with a light source coming from the top left.

Page 13: Create a simple logo photoshop

Presentation by www.bubblefruit.com – Website design & development

Now select the ellipse tool again and make a secondsmaller circle and position opposite the shaded area.

Page 14: Create a simple logo photoshop

Presentation by www.bubblefruit.com – Website design & development

With the new circle in place select the solid fill tab from the shape tool bar and select the colour white

Page 15: Create a simple logo photoshop

Presentation by www.bubblefruit.com – Website design & development

With the white ellipse selected click on filters, blur and lens blur.This will blur the ellipse to give a reflective light source effect.

Page 16: Create a simple logo photoshop

Presentation by www.bubblefruit.com – Website design & development

Click on OK again and accept default settings

Page 17: Create a simple logo photoshop

Presentation by www.bubblefruit.com – Website design & development

You should now have a nice pin point reflective shine.

Page 18: Create a simple logo photoshop

Presentation by www.bubblefruit.com – Website design & development

1. Select the Text tool

Presentation by www.bubblefruit.com – Website design & developmentPresentation by www.bubblefruit.com – Website design & development

2. Now select the font, size, colour etc...from the text tool bar options

Page 19: Create a simple logo photoshop

Presentation by www.bubblefruit.com – Website design & developmentPresentation by www.bubblefruit.com – Website design & developmentPresentation by www.bubblefruit.com – Website design & development

Type and position your text. This will look flat so we need to curve it now

Page 20: Create a simple logo photoshop

Presentation by www.bubblefruit.com – Website design & developmentPresentation by www.bubblefruit.com – Website design & developmentPresentation by www.bubblefruit.com – Website design & development

With the text layer active, click on the create warped text icon

Page 21: Create a simple logo photoshop

Presentation by www.bubblefruit.com – Website design & developmentPresentation by www.bubblefruit.com – Website design & developmentPresentation by www.bubblefruit.com – Website design & development

Select bulge, the use the below sliders To adjust the text so it looks like it's

bent round the ball

Page 22: Create a simple logo photoshop

Presentation by www.bubblefruit.com – Website design & developmentPresentation by www.bubblefruit.com – Website design & developmentPresentation by www.bubblefruit.com – Website design & development

The text on the logo will move real time toget that perfect look.

Page 23: Create a simple logo photoshop

Presentation by www.bubblefruit.com – Website design & developmentPresentation by www.bubblefruit.com – Website design & developmentPresentation by www.bubblefruit.com – Website design & development

To add some depth to the text we are goingto add a drop shadow. Select layer, layer style,

then drop shadow

Page 24: Create a simple logo photoshop

Presentation by www.bubblefruit.com – Website design & developmentPresentation by www.bubblefruit.com – Website design & developmentPresentation by www.bubblefruit.com – Website design & development

Using the layer style options you can adjust the shadowAngle and depth, also the light source direction

Page 25: Create a simple logo photoshop

Presentation by www.bubblefruit.com – Website design & developmentPresentation by www.bubblefruit.com – Website design & developmentPresentation by www.bubblefruit.com – Website design & development

Page 26: Create a simple logo photoshop

Presentation by www.bubblefruit.com – Website design & developmentPresentation by www.bubblefruit.com – Website design & developmentPresentation by www.bubblefruit.com – Website design & development

I really hope this helped you and inspired you in some some of the simple but

effective tools Photoshop has to offer.

If you need any help or advice please feel free to contact me either via email at

[email protected] or via our contact page.

http://www.bubblefruit.com/contactus.html