Sewing A Fabric Badge in

Sewing a Fabric Badge in Photoshop | 10Steps.
SG
Page 1 of 28
English | Coming Soon Home | About | Members' Corner | Advertise | Contact
enter your email
Subscribe
OR click here for the FULL RSS

z
z z
z z
Articles Featured Articles Interviews Inventions Contest Freebies Actions Brushes Custom Shapes Icons PSDs Stocks Themes Inspirations Artworks Photography News Roundups Community Tutorials Flash Photoshop Video
Sewing a Fabric Badge in Photoshop

Posted by Johnson Koh in Photoshop on May 25th, 2009 | 25 responses
http://10steps.sg/tutorials/photoshop/sewing-a-fabric-badge-in-photoshop/
11/4/2009
Sewing a Fabric Badge in Photoshop | 10Steps.SG
Page 2 of 28
1
tweet
retweet
Download Fabric Linen by Jaqx Textures. Create a new document of size 500708 pixels. Drag the texture downloaded into the working document. Name this layer as Fabric.
11/4/2009
Page 3 of 28
Create a Levels Adjustment Layer and key the settings as 34, 1.00, 255. Follow by another Hue/Saturation Adjustment Layer and set Hue to 0, Saturation to 46 and Lightness to -60.
11/4/2009
Page 4 of 28
Set the foreground color to #FF9000. Create a new layer and name it as Stripes. Draw a few vertical lines with various widths like the example below. Set the Blend Mode of this layer to Overlay.
11/4/2009
Page 5 of 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.
11/4/2009
Page 6 of 28
Go to Paths tab, select the path created and click on "Load Path as a Selection". Back to Layers tab, select the Fabric layer, press Ctrl+C to copy. Then press Ctrl+V to paste a new layer. Name this new layer as Badge. Go to Image > Adjustments > Hue/Saturation. Check on Colorize. Set the Hue to 200, Saturation to 45 and Lightness to 0.
11/4/2009
Page 7 of 28
Ctrl+left click on the Badge layer to load a selection. Create a new layer and name it as Border. Fill the selection with #FFFFFF. With the selection still on, go to Select > Modify > Contract. Set contract by 20 pixels. Hit Delete.
11/4/2009
Page 8 of 28
Type the texts you want to appear on the badge.
11/4/2009
Page 9 of 28
Merge Border and your text layers into one single layer. Ctrl+left click on the layer to load a selection. You may delete the merged layer. 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 newly pasted layer as Badge Items. Hide the Badge layer behind and you will get something similar to the example below.
11/4/2009
Page 10 of 28
Select Badge Items layer. Go to Image > Adjustments > Hue/Saturation. Check on Colorize. Set the Hue to 0, Saturation to 65 and Lightness to 0. Unhide the Badge layer.
11/4/2009
Page 11 of 28
Right-click on Badge Items layer and choose Blending Options. Check on Bevel and Emboss. Set the Style to Pillow Emboss, Size to 5px, Highlight Opacity to 30% and leave the rest of settings as default.
11/4/2009
Page 12 of 28
We need to create a new brush now. Open up the Brushes Palette. Go to Brush Tip Shape and enter the settings as shown below.
11/4/2009
Page 13 of 28
Go to Shape Dynamics and enter the settings as shown below.
11/4/2009
Page 14 of 28
Ctrl+left click on Badge Items layer to load a selection. Go to Paths tab, click on "Make Workpath from Selection". Set the foreground color to #FFFFFF. Right-click on the path create and choose Stroke Path. Set the type to Brush and hit OK.
11/4/2009
Page 15 of 28
Thats all and you are done! You may wish to adjust the colors of your badge items like what I have done. Hope you find this tutorial useful. Thanks!
11/4/2009
Page 16 of 28
I am Johnson Koh, a graphic and web designer in Singapore. Founded 10Steps.SG in August 2008 with the purpose to share my experiments and interesting design news.
z z z
Related Posts Bookmark Tags
11/4/2009
Page 17 of 28
z z z z z z z z z z
30 Complete Photoshop Guides for Beginners Make yourself an Amazing Typographic Portrait Making of Mafia in the Jungle 20 Wallpaper Portals and Tutorials Create a Dramatic Car Speeding Scene Making of a Scary Mental Hospital Scene How to Create a Magical Painted Scene Create a Vector Mascot with Pen Tool Creating Different Elemental Effects 22 Fantasy Tutorials and 125 Brushes badge fabric Photoshop sewing tutorial
25 Responses to Sewing a Fabric Badge in Photoshop
syk1987 says: 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
11/4/2009
Page 18 of 28
brion says: June 29, 2009 at 4:16 pm Great effect, I tried it several times but it gets confusing and i get lost right at the begining, the background suddenly changes colour its like a step has been missed. Ignoring that i go on but then get lost again between 5 and 6. Then give up with frustration. Probably best you provided a downloadable psd to accompany it, because it seems like there are steps missing which 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 box before you change the hue/saturation
Wasim Mohammed says: June 15, 2009 at 12:20 am This is a brilliant tutorial. Really love the effect. Definately bookmarking it and trying out for myself. Just wandering, Why not make a video on something like this ? Reply k4nk says: May 29, 2009 at 12:45 pm that cool tuto mr koh thx
11/4/2009
Page 19 of 28
Reply dGjess says: May 29, 2009 at 11:47 am tnx johnson! Reply cytacc says: May 28, 2009 at 3:27 pm thank you Reply Johnson Koh says: May 28, 2009 at 12:11 pm Thanks fellows! You all have been very supportive! @dGjess: I have added one more step before Step 8. Hope it is clearer this time. Let me know if there are problems still. Thanks! Reply dGjess says: May 28, 2009 at 11:23 am im having problem with step number 8..i tried to colorize but there are no changes happening..tnx Reply dGjess says:
11/4/2009
Page 20 of 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 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: keep them coming
11/4/2009
Page 21 of 28
May 25, 2009 at 10:23 pm hi Koh! its really Cool..! i make one today! XD Reply John Holt says: May 25, 2009 at 10:14 pm Thank you Mr. Koh. Another really cool tutorial and one I never would 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
11/4/2009
Page 22 of 28
P@W says: May 25, 2009 at 5:39 pm very thank. Reply
Leave a Reply
Name (required) Mail (will not be published) (required) Website
Submit Comment
Notify me of followup comments via e-mail
11/4/2009
Page 23 of 28
Search
z z z z z z z z z
Full RSS Short RSS Email User Links Twitter Flickr StumbleU Digg Vimeo
11/4/2009
Page 24 of 28
z z
Join 10Steps.SG Flickr Group
20 Construction Company Logos-Building Inspiration!! I bring you creative examples of construction logos which will deliver a distinct image of your company amongst the lot.
Twitter Share Wars : Topsy Retweet Counters Are you loosing count of all the retweet counters out
11/4/2009
Page 25 of 28
there? Here is one which can outclass tweetmeme easily. The Real-time search start-up Topsy is one retweet script worth using.
z
20 Construction Company Logos-Building Inspiration!! I bring you creative examples of construction logos which will deliver a distinct image of your company amongst the lot.
Typographic Logos VS Graphical Logos A fiddly comparison!! Here is an interesting comparison between the Typographic Logos and Graphical logos. Which logo designs you think to be more creative and convincing?
z z z
Submit Link Read More Subscribe Feeds
bero: youre the best ! really... Jessica: Cool collection! A lot of... FlashMint: Johnson, we at
11/4/2009
Page 26 of 28
z z
z z
FlashMint... Israa: Gr8 one i like it Bariski | TutZone.net: They look good... Irfan: very good tutorial, i like... Steve: Amazing artworks! ibrahim: Hi, Nice pictures! quite...
z z z z z z z z z z z z z z z z z z
11/4/2009
Page 27 of 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
11/4/2009
Page 28 of 28
z z
Copyright 10Steps.SG 2008-2009. All Rights Reserved The text, images and tutorials themselves are copyright their respective owners. You cannot copy whole tutorials, either in English or translated to another language. Modified from StudioBlue made by ElegantThemes | Icons from WeFunction | Member of BlogCatalog | Hosted on MediaTemple
11/4/2009

Sewing A Fabric Badge in

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Sewing A Fabric Badge in

Hochgeladen von

Copyright:

Verfügbare Formate

Sewing a Fabric Badge in Photoshop | 10Steps.

English | Coming Soon Home | About | Members' Corner | Advertise | Contact

enter your email

OR click here for the FULL RSS

Sewing a Fabric Badge in Photoshop

Sewing a Fabric Badge in Photoshop | 10Steps.SG

Sewing a Fabric Badge in Photoshop | 10Steps.SG

Sewing a Fabric Badge in Photoshop | 10Steps.SG

Sewing a Fabric Badge in Photoshop | 10Steps.SG

Sewing a Fabric Badge in Photoshop | 10Steps.SG

Sewing a Fabric Badge in Photoshop | 10Steps.SG

Sewing a Fabric Badge in Photoshop | 10Steps.SG

Type the texts you want to appear on the badge.

Sewing a Fabric Badge in Photoshop | 10Steps.SG

Sewing a Fabric Badge in Photoshop | 10Steps.SG

Sewing a Fabric Badge in Photoshop | 10Steps.SG

Sewing a Fabric Badge in Photoshop | 10Steps.SG

Sewing a Fabric Badge in Photoshop | 10Steps.SG

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

Sewing a Fabric Badge in Photoshop | 10Steps.SG

Sewing a Fabric Badge in Photoshop | 10Steps.SG

Sewing a Fabric Badge in Photoshop | 10Steps.SG

Related Posts Bookmark Tags

Sewing a Fabric Badge in Photoshop | 10Steps.SG

25 Responses to Sewing a Fabric Badge in Photoshop

Sewing a Fabric Badge in Photoshop | 10Steps.SG

Sewing a Fabric Badge in Photoshop | 10Steps.SG

Sewing a Fabric Badge in Photoshop | 10Steps.SG

May 27, 2009 at 8:15 pm wow..another tut.. )

Sewing a Fabric Badge in Photoshop | 10Steps.SG

Sewing a Fabric Badge in Photoshop | 10Steps.SG

P@W says: May 25, 2009 at 5:39 pm very thank. Reply

Notify me of followup comments via e-mail

Sewing a Fabric Badge in Photoshop | 10Steps.SG

Sewing a Fabric Badge in Photoshop | 10Steps.SG

Join 10Steps.SG Flickr Group

Sewing a Fabric Badge in Photoshop | 10Steps.SG

Submit Link Read More Subscribe Feeds

Sewing a Fabric Badge in Photoshop | 10Steps.SG

Sewing a Fabric Badge in Photoshop | 10Steps.SG

Sewing a Fabric Badge in Photoshop | 10Steps.SG

Das könnte Ihnen auch gefallen