ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

Design Golden Handmade Club Key Holder in Photoshop

Updated on January 12, 2016

In this tutorial I am going to show you how to design awesome golden glowing Club Key Holder. If you are not a good artist, no bother. You won't need to draw and paint in order to achieve the final result. This Keyholder is created with a few custom shapes, lots of Blending Options and gradients, as well as with Pen Tool paths to add glow.

I have designed the Club Key Holder in Photoshop CS6 but all other versions are applicable.

This is what you are going to create:

STEP 1

Firstly create a new Adobe Photoshop document (File, New) and insert Key Holder for Name. Set the Width and Height to 900px both and insert 72 or 96 Pixels/Inch for Resolution then select RGB Color from Color Mode drop down menu. I have selected Transparent from Background Contents drop down menu because this will create automatically transparent and editable Layer 1 in Layers panel.

Rename Layer 1 to Radial Gradient.

Prepare the Background for your Design Using Radial Gradient

The following step is very short and easy. You need firstly to change your Foreground Color to yellow-green and Background Color to black. Then you should grab Gradient tool, choose Foreground to Background Gradient from the Gradient Picker and select Radial type of Gradient to colorize your canvas.

STEP 2

Change the Foreground color to #40360e and Background color to #000000. Now press G or select Gradient Tool. In the Options bar choose Foreground to Background Gradient in the Gradient Picker. Click also on the Radial type of Gradient icon.

When ready with the Gradient settings, drag with the tool from the middle to any corner of the canvas to colorize it.

Draw the Club Using Custom Shape Tool then Add 3D Effect, Golden Gradient and Texture

In Steps 3-7 we are going to draw the main part of our Handmade Keyholder using Club Card Custom Shape. In order to give it unique embossed look, we are going to add 3D Effect and golden shaded Gradient which consists of three Color Stops. We are also going to apply Oil Pastel Light Texture (default) to make the surface rough.

STEP 3

Create a New Layer on top of Layers panel and name it Club Card Custom Shape. While this new layer is highlighted, press Ctrl+G to put it in a Group. Rename the new Group 1 to Club.

Set Foreground color to #e7dd6a.

Keep Club Card Custom Shape layer selected. Now grab Custom Shape Tool, in the Options bar set its Mode to Pixels, then click on the Gear icon to check Fixed Size proportions and insert 350px for both Width and Height. When ready with the settings of the instrument, find Club Card shape from the Custom Shape Picker and draw it as you see on the following screenshot. Place it at the bottom of the canvas.

STEP 4

Now go to Edit, Transform, Flip Vertical to reverse the Club shape. Press Enter key to apply the Transformation.

STEP 5

In this step we are going to make a hole for the chain in the Club shape. Take Elliptical Marquee Tool and draw a tiny ellipse at the upper part of the Club. Press Delete key to make the hole then press Ctrl+D (Select, Deselect) to get rid of the elliptical selection.

STEP 6

Double click on Club Card Custom Shape layer's thumbnail and when Layer Style dialog box appears on your screen, check Gradient Overlay and change its settings as follows:

Blend Mode: Normal

Dither: unchecked

Opacity: 100%

First Color Stop (Location 0%): #f9e600

Second Color Stop (Location 50%): #f9f890

Third Color Stop (Location 100%): #c3ba31

Reverse: not checked

Style: Reflected

Align with Layer: checked

Angle: 90 degrees

Scale: 100%.

Keep Layer Style box active as we are going to add 3D effect and Texture in the next steps.

STEP 7

Now check Bevel and Emboss Layer Style and insert the following settings:

Style: Inner Bevel

Technique: Smooth

Depth: 358%

Direction: Up

Size: 9px

Soften: 0px

Angle: 120 degrees

Use Global Light: checked

Altitude: 30 degrees

Gloss Contour: Linear

Anti-aliased: not checked

Highlight Mode: Screen

Color for Highlight: #f9ff48

Opacity: 75%

Shadow Mode: Multiply

Color of Shadow: #bea242

Opacity: 75%.

This time check Texture Layer Style and modify the settings like this:

Pattern: Oil Pastel Light (200 by 200 pixels, Grayscale mode)

Scale: 85%

Depth: +3%

Invert: not checked

Link with Layer: checked.

This is how the Club will look after applying Gradient, Bevel and Emboss and Texture:

Add More Details to the Club Card Custom Shape Using Pen Tool, Elliptical Marquee and Layer Styles

Despite the added Texture and 3D Effect, our Club Shape still looks flat and far from attractive. In Steps 8-26 we'll have to do lots of work with Pen Tool and Elliptical Marquee Tool as well as with Layer Styles. We need to draw three segments and one circle and then apply Blending Options to make them look golden and textured. You will see the benefits of using Satin Layer Style combined with Gradients and Bevel and Emboss. You will add relief to the golden circle in the middle with the help of default Gray Granite Texture.

STEP 8

Now firstly set the Foreground color to #e7c93b.

Create a New Layer on top of Club Group and rename it to Right Segment. Take Pen Tool then in the Options bar check if its Mode is set to Path. After that draw a water drop shaped Path at the right hand side of the Club. When you are ready with the Path, right click on it and select Fill Path. In Fill Path box select Foreground Color from Use drop down menu and press OK. If you are happy with the filled Path result, press Delete key to remove the Path.

STEP 9

Double click on Right segment layer's thumbnail to call Layer Style dialog box, tick Satin and change its settings as follows:

Blend Mode: Multiply

Color of Effect: #828125

Opacity: 22%

Angle: 19 degrees

Distance: 11px

Size: 92px

Contour: Ring-Double

Anti-aliased: unchecked

Invert: checked.

Keep Layer Style box opened as three more Blending Options have to be added.

STEP 10

Now tick Inner Glow and change its settings like this:

Blend Mode: Screen

Opacity: 100%

Noise: 0%

Color of Glow: #faf851

Technique: Softer

Source: Center

Choke: 32%

Size: 68px

Contour: Linear

Anti-aliased: unchecked

Range: 50%.

Jitter: 0%.

STEP 11

It is time to give dark shades to our Right Segment so apply this Inner Shadow:

Blend Mode: Multiply

Color of Shadow: #878433

Opacity: 75%

Angle: 120 degrees

Use Global Light: ticked

Distance: 0px

Choke: 0%

Size: 21px

Contour: Linear

Anti-aliased: unchecked

Noise: 0%.

STEP 12

Let us add some volume to the Right Segment. Apply Bevel and Emboss Layer Style with these settings:

Style: Inner Bevel

Technique: Smooth

Depth: 100%

Direction: Up

Size: 35px

Soften: 0px

Angle: 120 degrees

Use Global Light: checked

Altitude: 30 degrees

Gloss Contour: Linear

Anti-aliased: not checked

Highlight Mode: Screen

Color for Highlight: #ecff4f

Opacity: 100%

Shadow Mode: Multiply

Color of Shadow: #97932a

Opacity: 60%.

Now press OK button to apply all four Blending Options and to close the dialog box.

This is how the Right Segment will look after applying the layer styles.

STEP 13

Create a New Layer on top of Club Group and call it Left Segment. Repeat Step 8 to draw the segment using Pen Tool Path filled with the same #e7c93b Foreground color.

Instead drawing the Left Segment, you can Copy and Paste the Right Segment, then Flip Horizontally the duplicated shape, but I prefer to draw separately any Segment and to modify the settings of its Blending Options because my purpose is to achieve hand-made look.

STEP 14

We have to copy and paste the Blending Options from the Right to the Left Segment. So right click on Right Segment layer and select Copy Layer Style then highlight Left Segment layer, right click on it and choose Paste Layer Style. After you have copied the Blending Options, you should slightly modify the settings of Satin Layer Style only:

Blend Mode: Multiply

Color of Effect: #828125

Opacity: 31%

Angle: 19 degrees

Distance: 11px

Size: 70px

Contour: Sawtooth 2

Anti-aliased: unchecked

Invert: checked.

This is how our hand-made Club Key Holder will look after adding the Blending Options to Left Segment layer:

STEP 15

Now Create again a New Layer on top of Club Group and call it Bottom Segment.

Repeat Step 8 to draw this New Segment using Pen Tool Path and Foreground Color fill.

STEP 16

Copy the Layer Styles applied on Left or Right Segment layer then Paste them on the new Bottom Segment. When ready, click only on Satin Layer Style and change its settings as follows:

Blend Mode: Multiply

Color of Effect: #828125

Opacity: 56%

Angle: 19 degrees

Distance: 77px

Size: 73px

Contour: Gaussian

Anti-aliased: unchecked

Invert: checked.

STEP 17

We are ready with the three segments. Compare your result with my screenshot.

Now you should select all three segments layers. Just hold down Shift and click on them one after the other. When they are highlighted, right click on them and select Duplicate Layers. Keep the duplicated layers selected.

STEP 18

Now right click on the three duplicated segments layers and select Merge Layers.

STEP 19

You should get one layer on top of Club Group after merging the copied segments. Rename this new layer to Segments Merged.

STEP 20

Move Segments Merged layer between Club Card Custom Shape and Right Segment layer in Club Group.

STEP 21

Now we'll add Pillow Emboss to the Segments Merged layer to make the three segments look as they are engraved in the base- the Club Card Custom Shape. So double click on Segments Merged layer's thumbnail, tick Bevel and Emboss in Layer Style box and apply the following settings:

Style: Pillow Emboss

Technique: Smooth

Depth: 1000%

Direction: Up

Size: 5px

Soften: 6px

Angle: 120 degrees

Use Global Light: checked

Altitude: 30 degrees

Gloss Contour: Linear

Anti-aliased: not checked

Highlight Mode: Screen

Color for Highlight: #fdff47

Opacity: 100%

Shadow Mode: Multiply

Color of Shadow: #615f20

Opacity: 75%.

This is how the Club Key Holder will look with the engraved segments:

STEP 22

After we have achieved the engraved effect of the three segments, Create a New Layer on top of Club Group and call it Middle Circle.

Set Foreground color to #e3c432 then grab Elliptical Marquee Tool and while holding down Shift key, draw a perfect circle which covers the edges of the three segments. Use Paint Bucket Tool or Edit, Fill, Foreground Color to colorize the circle.

STEP 23

In this and the next three steps we are going to add layer styles to Middle Circle layer so double click on its layer's thumbnail to call Layer Style box and firstly tick Drop Shadow. Change its settings like this:

Blend Mode: Multiply

Color of Shadow: #000000 (black by default)

Opacity: 75%

Angle: 120 degrees

Use Global Light: checked

Distance: 0px

Spread: 0%

Size: 5px

Contour: Linear

Anti-aliased: unchecked

Noise: 0%

Layer Knocks Out Drop Shadow: checked.

STEP 24

Now add Inner Shadow Layer Style with these settings:

Blend Mode: Multiply

Color of Shadow: #878433

Opacity: 75%

Angle: 120 degrees

Use Global Light: ticked

Distance: 0px

Choke: 0%

Size: 21px

Contour: Linear

Anti-aliased: unchecked

Noise: 0%.

STEP 25

The next Layer Style to be added to the Middle Circle layer is Bevel and Emboss:

Style: Inner Bevel

Technique: Smooth

Depth: 1000%

Direction: Up

Size: 9px

Soften: 2px

Angle: 120 degrees

Use Global Light: checked

Altitude: 30 degrees

Gloss Contour: Linear

Anti-aliased: not checked

Highlight Mode: Screen

Color for Highlight: #ecff4f

Opacity: 100%

Shadow Mode: Multiply

Color of Shadow: #97932a

Opacity: 60%.

STEP 26

In this step we'll finish our work in Middle Circle layer. Apply this Texture Layer Style:

Pattern: Gray Granite (128 by 128 pixels, Grayscale mode)

Scale: 100%

Depth: -22%

Invert: not checked

Link with Layer: checked.

Use Pen Tool and Soft Round Brush to Create Glowing Effects

In Steps 27-32 we are going to draw crescent shaped paths with Pen Tool (in Paths Mode) then stroke them with Soft Round Brush to add more glow to our Keyholder. To enhance the effect we'll apply Outer Glow Layer Style and will change the Blend Mode of Glow layer to Overlay then reduce its Opacity.

STEP 27

Now Set Foreground color to #fffcb5 and Create a New Layer again on top of Club Group. Call it Glow.

Navigate to the Tools bar and take Brush Tool. From the Brush Preset Picker select Hard Round Brush and set its Size to 7px.

STEP 28

Now grab Pen Tool in path Mode and draw eight paths as you see on the screenshot below. In order to avoid connecting the paths when drawing them, press Ctrl and click anywhere on the canvas (not on the Path) before creating a new Path.

STEP 29

Right click on any of the eight paths and select Stroke Path from the fly-out menu. When the tiny Stroke Path dialog box appears on your screen, check if Brush is selected for Tool by default and tick Simultate Pressure.

STEP 30

After you have stroked the paths, press Delete key to remove them and you'll get the following result:

STEP 31

Change Blend Mode of Glow layer to Overlay and reduce its Opacity to 60%.

STEP 32

Double click on Glow layer's thumbnail and check Outer Glow Layer Style. Insert these settings:

Blend Mode: Screen

Opacity: 75%

Noise: 0%

Color of Glow: #fffdba

Technique: Softer

Spread: 0%

Size: 8px

Contour: Linear

Anti-aliased: unchecked

Range: 50%.

Jitter: 0%.

We finished our work on the Club itself. This is the result after drawing the Pen Tool paths and applying Outer Glow:

Create the Golden Chain with Rounded Rectangle Tool, Gradients and 3D Effect

In Steps 33-48 our work includes creating the chain segments with Rounded Rectangle tool in Pixels Mode then applying golden shaded Gradient and 3D Effect. We have also to create the Keyholder Ring and for the purpose we are going to draw circle with Elliptical Marquee tool, then right click on its Selection and Stroke it. The Layer Styles from any chain segment layer should be copied then pasted on the Ring layer then we have to make some slight adjustments to the Bevel and Emboss Layer Style.

STEP 33

Create a New layer anywhere in Layers panel. Later we'll put it on its place.

Change the Foreground color to #e7dd6a.

Take Rounded Rectangle Tool in Pixels Mode, set its Radius to 22px then click on the Gear icon which is in the Options bar too, check Fixed Size and insert 50px for Width and 68px for Height. Draw the shape.

STEP 34

Now duplicate the Rounded Rectangle you created in the previous step (Layer, Duplicate Layer). With the duplicated shape selected, go to Edit, Free Transform and resize it while holding down Shift key. As you can see, I have changed the color of the duplicated shape for better visibility. It is not necessary you to repeat this action as we are going to delete the darkened shape in Step 36.

STEP 35

Press Ctrl and click on the duplicated Rounded Rectangle layer's thumbnail to Load Selection (Select, Load Selection).

STEP 36

Select the original Rounded Rectangle layer and press Delete key. Then press Ctrl+D to deselect and delete the duplicated Rounded Rectangle layer. Now we are ready with the first segment of the chain.

STEP 37

Rename the Rounded Rectangle layer to Segment 1. With Segment 1 layer highlighted, press Ctrl+J twice to make two copies of it. While holding down Shift key click on the three Segment layers to select them then press Ctrl+G (Layer, Group Layers) and call the new Group Chain. Use Move Tool or Edit, Free Transform to arrange the chain segments as you see on the following screenshot.

STEP 38

Now double click on any of the segments layer's thumbnail to call Layer Style box and firstly check Gradient Overlay. Insert the following settings:

Blend Mode: Normal

Dither: unchecked

Opacity: 100%

Click to Edit the Gradient like this:

First Color Stop (Location 0%): #f9e600

Second Color Stop (Location 25%): #f4f976

Third Color Stop (Location 100%): #b99852

Reverse: unchecked

Style: Reflected type of gradient

Align with Layer: checked

Angle: 90 degrees

Scale: 100%.

Keep Layer Style box opened because we are going to apply 3D effect in the coming step.

STEP 39

Now check Bevel and Emboss and insert the following settings:

Style: Inner Bevel

Technique: Smooth

Depth: 1000%

Direction: Up

Size: 6px

Soften: 0px

Angle: 120 degrees

Use Global Light: checked

Altitude: 30 degrees

Gloss Contour: Linear

Anti-aliased: not checked

Highlight Mode: Screen

Color for Highlight: #f9ff48

Opacity: 75%

Shadow Mode: Multiply

Color of Shadow: #bea242

Opacity: 75%.

Now check also Contour Layer Style which is below Bevel and Emboss. Leave its settings as by default.

This is how the segment will look after adding Gradient Overlay and Bevel and Emboss:

STEP 40

Now right click on the segment on which you applied the layer styles described in steps 38 and 39. Select Copy Layer Style.

Just highlight any of both duplicated segments, right click on it and choose Paste Layer Style.

Copy and Paste the layer styles on the third duplicate too and Segment 1, Segment 1 copy and Segment 1 copy 2 will look like this:

STEP 41

Now Create a New Layer placed above Segment 1 layer. Name it Segment 2. Leave the Foreground color to #e7dd6a.

Take Rounded Rectangle Tool in Pixels Mode, Radius 22px and Fixed Size: Width 20px and Height 50px then draw the shape. After that duplicate its layer three times- place Segment 2 copy layer above Segment 1 copy, then move Segment 2 copy 2 and Segment 2 copy 3 on top of Chain Group. See the screenshot below for a reference.

STEP 42

Now apply on any of Segment 2 layers this two colored Gradient Overlay Layer Style:

Blend Mode: Normal

Dither: unchecked

Opacity: 100%

Click to Edit the Gradient like this:

First Color Stop (Location 0%): #f9e600

Second Color Stop (Location 100%): #b99852

Reverse: unchecked

Style: Reflected type of gradient

Align with Layer: checked

Angle: 90 degrees

Scale: 100%.

Still don't close Layer Style box.

STEP 43

Apply also this Bevel and Emboss on the chosen layer:

Style: Inner Bevel

Technique: Smooth

Depth: 164%

Direction: Up

Size: 21px

Soften: 0px

Angle: 120 degrees

Use Global Light: checked

Altitude: 30 degrees

Gloss Contour: Linear

Anti-aliased: not checked

Highlight Mode: Screen

Color for Highlight: #f9ff48

Opacity: 75%

Shadow Mode: Multiply

Color of Shadow: #bea242

Opacity: 75%.

Copy the layer styles applied in steps 42 and 43 and paste them on the three Segment 2 duplicates. All is shown on this screenshot:

STEP 44

Keep #e7dd6a Foreground color.

Create a New Layer at the bottom of Chain Group and call it Ring 1.

Take Elliptical Marquee Tool and while holding down Shift key, draw a circle like this:

STEP 45

Right click on the circle, select Stroke from the fly-out menu then insert 20px for Stroke Width and check Outside for Location.

This is how the stroked circle should look. Press Ctrl+D to deselect.

STEP 46

Now Copy the Layer Styles from Segment 2 layer and Paste them on Ring 1 layer.

We'll make only slight adjustments. Don't change Gradient Overlay, just open Bevel and Emboss and only increase Depth to 1000% then lower Size to 7px.

STEP 47

Duplicate Ring 1 layer and rename the copied one to Ring 2. Select Move Tool and press Right Arrow key eight times to nudge the copied ring.

STEP 48

Make another duplicate of Ring 1 layer, rename the copied 1 to Ring 3 and place it above Ring 2 layer. I have switched off Ring1 and Ring 2 layers for a better visibility.

Keep Ring 3 layer highlighted, take Polygonal Lasso Tool and make a selection like the one on the following screenshot. Press Delete key to remove the selected part of the Ring. Move Ring 3 shape two pixels up using Up Arrow key (Move Tool selected).

STEP 49

No more layer styles, paths, shapes etc. We finished our work on the Hand-Made Club Key Holder. To the right is Layers Panel with two groups of layers- Chain and Club and one separate Radial Gradient layer for background.

STEP 50

You should get the result below after saving your work in .jpg format.

Hope you liked this tutorial and learned something new from it. Good luck and have fun! :)

Comments

    0 of 8192 characters used
    Post Comment

    No comments yet.

    working

    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, hubpages.com uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

    For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: https://hubpages.com/privacy-policy#gdpr

    Show Details
    Necessary
    HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
    LoginThis is necessary to sign in to the HubPages Service.
    Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
    AkismetThis is used to detect comment spam. (Privacy Policy)
    HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
    HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
    Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
    CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
    Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy)
    Features
    Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
    Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
    Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
    Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
    Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
    VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
    PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
    Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
    MavenThis supports the Maven widget and search functionality. (Privacy Policy)
    Marketing
    Google AdSenseThis is an ad network. (Privacy Policy)
    Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
    Index ExchangeThis is an ad network. (Privacy Policy)
    SovrnThis is an ad network. (Privacy Policy)
    Facebook AdsThis is an ad network. (Privacy Policy)
    Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
    AppNexusThis is an ad network. (Privacy Policy)
    OpenxThis is an ad network. (Privacy Policy)
    Rubicon ProjectThis is an ad network. (Privacy Policy)
    TripleLiftThis is an ad network. (Privacy Policy)
    Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
    Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
    Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
    Statistics
    Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
    ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
    Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)