어플/Graphics2012. 2. 13. 13:18
Description:This tutorial demonstrates the use of Pen Tool, Elliptical Marquee Tool and you will also learn a technique to create Golf Ball with perforations and custom 3d shape.

 

Golf ball/Sports Logo photoshop tutorial.

 

Summary :

This Photoshop tutorial teaches you to create a Logo for a Sports Company. The dimensions used in this tutorial is : width 300px, height 300px and resolution 72px. This tutorial demonstrates the use of Pen Tool, Elliptical Marquee Tool.

You will also learn a technique to create Golf Ball with perforations and custom 3d shape.

image027

 



  1. Start by creating a new document of dimension 10x10px with transparent background. Select the Elliptical Marquee Tool (M) and draw a circle of dimension 7x7 px.


    image006

    Select the Gradient Tool (G) from the Tool bar. Click on the edit Gradient to open the Gradient Editor. Set the color from transparent to # 4d4c4e and click OK.

    image008

    Select the Radial Gradient from the gradient options. Drag the cursor as shown in the image below:

    image009

    Select Edit > Define Pattern... in the box give the name for your pattern and click OK. Close the document.

    image010




  2. Open a new Document of dimensions 300x300px with white background. Select the Elliptical Marquee Tool (M) and draw a circle of diameter 150px.

    image011

    Select the Gradient Tool (G) from the Tool bar. Click on the edit Gradient to open the Gradient Editor. Set the color from #ffffff to # 333334 to # 4d4c4e to #ffffff and click OK.

    image012

    Select the Radial Gradient from the gradient options. Drag the cursor as shown in the image below:

    image013

    Press Shift + F5, from the box select the pattern you have created and click OK.

    image014

    Select Filter > Distort > Spherize.. From the window select the Amount to 100% and the mode to normal. Click Ok.

     

    Press Ctrl + Shift + I to inverse the selection. Click Select > Modify > Expand. In the box type Expand by ‘2' px. Click OK and then Press Del. Name the layer as Ball.

    image016




  3. Set the foreground color to #0e9a3a and draw a Star using the Pen tool . Name the layer as Star.

    image017

    To create the 3D effect for Star, set the foreground color to #2b2d2f using pen tool create a shape as shown in the image below. Position this layer below the Star Layer.

    image018

    Similarly create shapes as shown in the images below and see to that these new layers are positioned below the Star layer.


    image019


    image020


    image021




  4. Set the foreground color to #7fbfdb. Using Pen tool draw an arc as shown in the image below. Name the layer as arc1. Position this layer below the Ball layer.

    image022

    Right click on the arc1 layer and select Duplicate Layer. Press Ctrl + T and rotate the new layer and position it as shown in the image below. Press enter twice. Set the foreground color to # 0078c9 and press Alt + Backspace to fill the color.

    image028


    image023

    Right click on the arc2 layer and select Duplicate Layer. Press Ctrl + T and rotate the new layer and position it as shown in the image below. Press enter twice. Set the foreground color to # 36acdf and press Alt + Backspace to fill the color.


    image028


    image024




  5. Now that we have created the logo, next we will type some name for the company. Select the Text Tool and in the text options select the font family as Sprint SF (You can use any font of your choice), set the font size as 48pt and the color as # 36ade0. Type the word ‘Star'.

    image025

    Change the font color in the text options bar to #248e04 and type the word ‘Club'.

    image026


 

The Final Logo should look like:

 

image027


[Source] www.photoshopzen.com

'어플 > Graphics' 카테고리의 다른 글

Create a golf ball using Photoshop  (4) 2012.02.13
[Photoshop] Golf ball 만들기  (0) 2012.02.13
[Photoshop] 잔디효과 만들기  (0) 2012.02.13
Posted by 프로처럼
어플/Graphics2012. 2. 13. 13:16

The final canvas:

Here is a video showing the steps required:

Here are the steps in more detail:

Create a new document 500×500

Create a new layer

Select the circular marque tool, draw a circle, fill it with black

Create a new layer, fill it with this pattern: Dimple.pat (Download it, open it, select the Paint Bucket tool, select Pattern in the Tool Options menu and choose the new pattern)

Resize the pattern so it is just big enough to cover the circle, rotate it so the gradients point diagonally.

Command+Click the circle layer thumbnail

Select the pattern layer.

Choose Filter>Liquify from the top menu

In the Liquify dialog box choose the Bloat tool, make your brush very large, larger than your circle, make brush pressure 100, brush density 50. Click Show Backdrop (bottom right). Click in the centre of the canvas and hold for a moment, long enough to bloat the pattern. Click OK

Option click on the line between your pattern layer and your circle layer so that the circle clips the pattern

Add a gradient overlay to your circle layer, select Radial, click reverse, scale 150%

With your circle layer selected choose Layer>Layer Style>Create Layer

Move your newly created Gradient Fill layer up and to the left so that the highlight is on the top left of your golf ball

Merge all layers (except the Background)

Duplicate your layer.

Filter>Render>Lighting Effects and add some light from the top left with these settings:

Next add a slight inner glow (white), and an inner shadow coming from the bottom right.

Create a new layer, draw a smaller circle with the marquee, feather it by 8 pixels and fill it with white. Position it top left of your golf ball and clip it with the circle beneath

Choose your lower circle layer, fill it with white, choose your higher circle layer turn the Fill down so the ball looks whiter

Choose two grassy type greens, one each for your foreground and background. Fill the bg with one of the greens, create a new layer above it and fill it with the other, then choose Filter>Noise>Add Noise, settings 160%, Gaussian, Monochromatic. Make the layer opacity 50% and the layer type Opacity.

Select the bottom circle layer and add a drop shadow, angle top left, long distance:

Choose Layer>Layer Style>Create Layers, make the newly created Drop Shadow layer 70% opacity, duplicate this layer and stretch it out to the right, turn its opacity down to 20

Create a new layer above your two background layers and fill it with green, add a gradient to it, make the layer 50%, Darker Color

Merge all your background layers into one layer and duplicate the newly merged layer

Choose Filter>Blur>Gaussian Blur: Radius 1.1

Choose Filter>Sharpen>Unsharp Mask: Amount 43, Radius 1.0, Threshold 0

Merge any ball layers into one layer, duplicate this layer and choose Filter>Artistic>Plastic Wrap: highlight strength 5, detail 6, strength 7. Turn the opacity of your plastic layer down to 70% and mask the top left corner.

Done!

Click to download PSD templates, web templates 

[Source] templatis

'어플 > Graphics' 카테고리의 다른 글

Create Golf ball or Sports Logo photoshop tutorial  (1) 2012.02.13
[Photoshop] Golf ball 만들기  (0) 2012.02.13
[Photoshop] 잔디효과 만들기  (0) 2012.02.13
Posted by 프로처럼
어플/Graphics2012. 2. 13. 13:14

1

1. Make a new canvas. Here, I used 800 x 800 pixels, 72 dpi, RGB, background white
2. Invert your background to make it black
2. Make a new layer
3. Use your circular marquee to draw a circle and fill it with white


2

4. Make a new document, 20 pixels x 20 pixels, RGB, background transparent
5. Use your circular marquee to draw a circle and fill it with black

3

6. Edit: Define pattern (call it Dimples)
7. Go back to your original document (Ctrl-Tab) and make a new layer
8. Ctrl-click Layer 1 (the white circle you created) and press Shift-Delete to bring up your Fill options dialogue
9. Select Pattern, and fill with your Dimples pattern


4

10. Press Ctrl-T to bring up Free Tansform and rotate this layer 45 degrees. Press Enter.
11. Filter:Blur:Gassian Blur 2.0 pixels
12. Now Ctrl-click Layer 1, and hit Ctrl-F to repeat the blur


5

13. Filter>Distort>Spherize 100%


6

14. Now we'll finish the map by creating the contour of the ball itself. Press D to reset your palette, press X to invert the colours, and select your gradient tool (G).
15. Select radial gradient, foreground to background and change the opacity to 50%. Make sure your original circle is still selected, and draw a gradient from the center of the circle to the outer edge


7

Now we have a successful map to apply lighting effects.
16. Create a new layer, hold down alt, and merge visible. This will be our rendering channel. Select all, copy, create a new channel, and paste.
17. Hit RGB composite, and go back to the merged layer
18. Press Shift-Delete and fill with 50% Grey
19. Now go into Filter:Render:Lighting effects
Now here's where the fun begins. you can create whatever lighting you like. For this one in particular, I used a spotlight and an omni light. Change your texture channel to Alpha 1 (the one we created) and set white is high and height 50.


8

20. Hit okay.


9

21. Now we'll delete the extra material. Ctrl-click the original circle layer, invert the selection, and hit Backspace. Good. It's just a little harsh. No sweat, we'll lighten it up a bit with levels.


10

22. Press Ctrl-L to go into levels, and drag the Black triangle on the gradient at the bottom of the dialogue up to 125. I also brought the grey point down to 1.30


11

22. Now we'll just finish it up with some layer effects. Hide the two source layers, and double click the final render to get into layer effects.
Here I used the following...
Inner Shadow
Hard Light with Black
Angle -159
Distance 49 px
Choke 0%
Size 62 px
Colour Overlay
Blending mode Color
Colour #929AA0
Opacity 100%
Gradient Overlay
Blending Mode Overlay
Style: Linear
Angle 24 degrees
Scale 70%
I also made the background white again.
Here is the final before touhups...


12

 

Thanks for visiting PhotoshopCAFE come back for more great tutorials

'어플 > Graphics' 카테고리의 다른 글

Create Golf ball or Sports Logo photoshop tutorial  (1) 2012.02.13
Create a golf ball using Photoshop  (4) 2012.02.13
[Photoshop] 잔디효과 만들기  (0) 2012.02.13
Posted by 프로처럼
어플/Graphics2012. 2. 13. 13:05

'어플 > Graphics' 카테고리의 다른 글

Create Golf ball or Sports Logo photoshop tutorial  (1) 2012.02.13
Create a golf ball using Photoshop  (4) 2012.02.13
[Photoshop] Golf ball 만들기  (0) 2012.02.13
Posted by 프로처럼