sewing a fabric badge in

7/30/2019 Sewing a Fabric Badge in

1/28

English | Coming SoonHome | About | Members' Corner| Advertise | Contact

OR click here for the FULL RSS

z Articles

z Contestz Freebies

z Inspirations

zNewsz Roundups

z Tutorials

z Video

Sewing a Fabric Badge in PhotoshopPosted by Johnson Koh in Photoshop on May 25th, 2009 | 25 responses

enter your email Subscribe

Featured ArticlesInterviewsInventions

ActionsBrushesCustom ShapesIconsPSDsStocks

Themes

ArtworksPhotography

Community

Flash

Photoshop

Page 1 of 28Sewing a Fabric Badge in Photoshop | 10Steps.SG

11/4/2009http://10steps.sg/tutorials/photoshop/sewing-a-fabric-badge-in-photoshop/


2/28

z

z

z

z

z

z

z

z

retweet

1tweet

Download Fabric Linen by Jaqx Textures. Create a new document ofsize 500708 pixels. Drag the texture downloaded into the workingdocument. Name this layer as Fabric.




3/28

Create a Levels Adjustment Layer and key the settings as 34, 1.00,255. Follow by another Hue/Saturation Adjustment Layer and set Hueto 0, Saturation to 46 and Lightness to -60.




4/28

Set the foreground color to #FF9000. Create a new layer and name itas Stripes. Draw a few vertical lines with various widths like theexample below. Set the Blend Mode of this layer to Overlay.




5/28

Select the Custom Shape Tool and pick Sign 4 from the preset list.Make a path with that shape at the middle of the working document.




6/28

Go to Paths tab, select the path created and click on "Load Path as aSelection". Back to Layers tab, select the Fabric layer, press Ctrl+C tocopy. Then press Ctrl+V to paste a new layer. Name this new layer as

Badge. Go to Image > Adjustments > Hue/Saturation. Check onColorize. Set the Hue to 200, Saturation to 45 and Lightness to 0.




7/28

Ctrl+left click on the Badge layer to load a selection. Create a newlayer and name it as Border. Fill the selection with #FFFFFF. Withthe selection still on, go to Select > Modify > Contract. Set contract

by 20 pixels. Hit Delete.




8/28

Type the texts you want to appear on the badge.




9/28

Merge Border and your text layers into one single layer. Ctrl+leftclick on the layer to load a selection. You may delete the mergedlayer. Now with the selection still on, select the Badge layer, press

Ctrl+C to copy. Then Ctrl+V to paste a new layer. Name this newlypasted layer as Badge Items. Hide the Badge layer behind and youwill get something similar to the example below.




10/28

Select Badge Items layer. Go to Image > Adjustments >Hue/Saturation. Check on Colorize. Set the Hue to 0, Saturation to 65and Lightness to 0. Unhide the Badge layer.




11/28

Right-click on Badge Items layer and choose Blending Options.Check on Bevel and Emboss. Set the Style to Pillow Emboss, Size to5px, Highlight Opacity to 30% and leave the rest of settings as

default.




12/28

We need to create a new brush now. Open up the Brushes Palette. Goto Brush Tip Shape and enter the settings as shown below.




13/28

Go to Shape Dynamics and enter the settings as shown below.




14/28

Ctrl+left click on Badge Items layer to load a selection. Go to Pathstab, click on "Make Workpath from Selection". Set the foreground

color to #FFFFFF. Right-click on the path create and choose StrokePath. Set the type to Brush and hit OK.




15/28

Thats all and you are done! You may wish to adjust the colors ofyour badge items like what I have done. Hope you find this tutorialuseful. Thanks!




16/28

I am Johnson Koh, a graphic and web designer in Singapore. Founded10Steps.SG in August 2008 with the purpose to share my experiments andinteresting design news.

z Related Postsz Bookmarkz Tags




17/28

z 30 Complete Photoshop Guides for Beginnersz Make yourself an Amazing Typographic Portraitz Making of Mafia in the Junglez 20 Wallpaper Portals and Tutorialsz Create a Dramatic Car Speeding Scene

z Making of a Scary Mental Hospital Scenez How to Create a Magical Painted Scenez Create a Vector Mascot with Pen Toolz Creating Different Elemental Effectsz 22 Fantasy Tutorials and 125 Brushes

badgefabricPhotoshopsewingtutorial

25 Responses to Sewing a Fabric Badge in Photoshop

syk1987says:August 30, 2009 at 6:51 pm

~~

Reply

dhiyafaris.com says:August 30, 2009 at 6:46 am

u always have the great tuts!thankss!!

Reply

pankaj says:July 24, 2009 at 6:55 pm

cool blog, and i love this tutorial

Reply




18/28

brion says:June 29, 2009 at 4:16 pm

Great effect, I tried it several times but it gets confusing and i getlost right at the begining, the background suddenly changescolour its like a step has been missed. Ignoring that i go on butthen get lost again between 5 and 6. Then give up withfrustration. Probably best you provided a downloadable psd toaccompany it, because it seems like there are steps missingwhich may be minor or no problem at all for advanced

photoshop users.

Reply

{ Daniel says:October 16, 2009 at 8:32 pm

For first steps, make sure you tick Colorize check boxbefore you change the hue/saturation

Wasim Mohammedsays:June 15, 2009 at 12:20 am

This is a brilliant tutorial. Really love the effect. Definatelybookmarking it and trying out for myself. Just wandering, Whynot make a video on something like this ?

Reply

k4nksays:May 29, 2009 at 12:45 pm

that cool tuto mr kohthx




19/28


20/28

May 27, 2009 at 8:15 pm

wow..another tut.. )

im sooooooooooo excited..luv you 10steps you rock \m/

Reply

Blue Blots says:May 26, 2009 at 1:57 pm

nice tutorial keep them coming

Reply

robby says:May 26, 2009 at 9:19 am

Really neat effect I must say!

Reply

Sewmarm says:May 25, 2009 at 10:41 pm

This was really cool and unique!

Reply

Johnson Koh says:

May 25, 2009 at 10:32 pm

Its great to see both of you again!

Reply

Ivan Alvarado says:




21/28

May 25, 2009 at 10:23 pm

hi Koh! its really Cool..! i make one today! XD

Reply

John Holtsays:May 25, 2009 at 10:14 pm

Thank you Mr. Koh. Another really cool tutorial and one I neverwould have thought of.

Reply

Johnson Koh says:May 25, 2009 at 10:07 pm

Thanks everyone! Do let me know if any problems encountered.

Reply

katty says:May 25, 2009 at 6:17 pm

cool, i try this one. love your blog.

Reply

Romi says:May 25, 2009 at 6:10 pm

thanks 4 sharing

Reply




22/28

Leave a Reply

Name (required)

Mail (will not be published) (required)

Website

Notify me of followup comments via e-mail

P@Wsays:May 25, 2009 at 5:39 pm

very thank.

Reply

Submit Comment




23/28

z Full RSSz Short RSSz Emailz User Linksz Twitterz Flickr

z StumbleUz Diggz Vimeo

z

z

z

Search




24/28

z

z

z

z

z

z

z Join 10Steps.SG Flickr

Group

z 20 ConstructionCompany Logos-BuildingInspiration!!

I bring you creativeexamples of constructionlogos which will deliver a

distinct image of yourcompany amongst the lot.

z Twitter Share Wars :Topsy Retweet Counters

Are you loosing count ofall the retweet counters out




25/28

there? Here is one whichcan outclass tweetmemeeasily. The Real-timesearch start-up Topsy isone retweet script worth

using.

z 20 ConstructionCompany Logos-BuildingInspiration!!

I bring you creativeexamples of constructionlogos which will deliver a

distinct image of yourcompany amongst the lot.

z Typographic Logos VSGraphical Logos Afiddly comparison!!

Here is an interestingcomparison between the

Typographic Logos andGraphical logos. Whichlogo designs you think to

be more creative andconvincing?

z Submit Linkz Read Morez Subscribe Feeds

z bero: youre the best !really...

z Jessica: Cool collection! Alot of...

z FlashMint: Johnson, we at




26/28

z

z

z

z

z

z

z

z

z

z

z

z

z

z

z

z

z

z

FlashMint...z Israa: Gr8 one i like itz Bariski | TutZone.net:

They look good...z Irfan: very good tutorial, i

like...z Steve: Amazing artworks!z ibrahim: Hi, Nicepictures! quite...




27/28

z

z

z

z z

z

z

z

z

z z

z

z

z

z

z

z

z

z

z

z

z

z

z

z

z




28/28

z

z

Copyright 10Steps.SG 2008-2009. All Rights Reserved

The text, images and tutorials themselves are copyright their respectiveowners. You cannot copy whole tutorials, either in English or translated toanother language.Modified from StudioBlue made by ElegantThemes | Icons from WeFunction| Member ofBlogCatalog | Hosted on MediaTemple


sewing a fabric badge in

Documents