(cache) Create Carbon Fibre Pattern in Photoshop

Create Carbon Fibre Pattern in Photoshop

I’m pretty sure you know what carbon fibres are. Here’s how you can create a carbon fibre pattern and use them in any designs, all with Photoshop.

1. Create Carbon Fibre

Create a new canvas with the size of 4×4 px, zoomed it to the max so you can easily fill the colors and insert the colors exactly like the color table below.

#242424	#1C1C1C
#1D1D1D	#151515
#1A1A1A	#222222
#131313	#1B1B1B

2. Define as Pattern

Click Edit -> Define Pattern and give it a pattern name. (Carbon Fibre for instance). Click OK to save it as a pattern.

3. Using Carbon Fibre Pattern

To test the carbon fibre pattern, create a new canvas with bigger size, 500×400px would be good. Click on Edit -> Fill (or Shift + F5), choose the carbon fibre pattern created just now, click OK and fill the section up. Here’s how your carbon fibre background should looks like:

Learn more about creating custom pattern with Photoshop.

Comments

Joe July 4th, 2007

Hongkiat…can i ask u. what is the font u used on the text ‘carbon fire pattern’?..

i wouldlike to know…iif u cant give me the answer here, u can email..

Thanks,
Joe
Reply
BoltClock July 4th, 2007

Now, teach us how to make that text.
Reply
Felix July 4th, 2007

Been looking like a year for this pattern tutorial. Thank’s a bunch!
I subscribed to your blog for about a month, and this is my first comment.
Reply
hongkiat July 6th, 2007

Joe: CreamBlack SSK

BoltClock: That will be another tutorial :-)
Reply
JerryLee July 8th, 2007

omg.. nice tips !!! LOVE IT !!
Reply
granit July 12th, 2007

tigm
Reply
granit July 12th, 2007

nice
Reply
stuart July 12th, 2007

where did you get the font CreamBlack SSK?
Reply
David July 13th, 2007

Ya i really wanna know how u got that hectic font.. do u tnk u could email it to me?
Reply
OllyC July 13th, 2007

I cant find that font anywhere =/ ive looked at over 20 sites with like 10000+ fonts on each, and none have got it =/ any chance yu can upload a url to it?
Reply
OllyC July 13th, 2007

Oh and nice tutorial, very clear =)
Reply
Arkadinho July 13th, 2007

I’ve got the same question as stuart, David, and OllyC.
Great tut.!
Reply
mastermike July 15th, 2007

ooh really really thnx this is a great pattern ilove it :D
Reply
Danne July 15th, 2007

Nice. Thx. I changed the lighter areas to a little more grey probably only my monitor settings but i could barely se anything but black at first.
/Danne
Reply
dj Tune C July 15th, 2007

yeah dats a damn good tutorial dont thought it would come out like this on the end :

http://img228.imageshack.us/img228/3892/djtunecwallpaperwk4.jpg
Reply
Mario July 30th, 2007

Nice tute! Lookin forward to see how to create the text as well, thanks a lot Hongkiat
Reply
Shah Hussain August 27th, 2007

Nice, tutorial keep it up
Reply
Kent December 22nd, 2007

Thank so much for your tutorial. I have done the carbon fibre logo but I would like to learn the text. I did try my best to do it but I cant make it cool as yours. Looking forward for your next tutorial. Again, thanks!
Reply
Nissan January 26th, 2008

Thank you for the clear instructions and the neat look.

We want to get something like that for our web site.
Reply
Kelvin Vine March 23rd, 2008

Thats a fantastic tutorial. never thought it would come out like that while i was doing it. However i incresed the tile size to 16×16 pixels for a corse look and put it as my webpage background.

Thanks.
Reply
Thomas Hardy April 14th, 2008

Great tutorial exactly what I was looking fo, I have the same question as above were did you get that font I want it:)
Reply
Hamid June 3rd, 2008

i down’t know the step one how to Create Carbon Fibre
plss help
Reply
stalepretzel June 4th, 2008

Thank you for the tutorial. It’s a great pattern!
If you could extend the tutorial by showing how to make the flashy text, that would be amazing! (Just a suggestion, in case you run out of tutorial ideas.)

Thanks again,
StalePretzel
Reply
Yamil Nakhleh June 24th, 2008

Nice tutorial thanks!!!
Reply
khai July 1st, 2008

there already have a tutorial.. just follow it…

hongkiat, thank you so much.. really help me to make something new than others..
Reply
khai July 1st, 2008

Hongkiat, if u don’t mind, would u please send me that Cream black SSK font to my email..

this is my email
khai_luct@yahoo.com

i really need that font. It was awesome!! and thank for this tut!! make my desktop wonderful (becoz of carbon fibre wallpaper)..

congrate bro..
Reply
yamin July 2nd, 2008

Nice post!
Reply
Ben July 3rd, 2008

Where do I find CreamBlack SSK? Could someone upload the font for me?
Reply
BMW Sydney September 8th, 2008

That looks awesome! Thank you for providing this information.
Reply
dare to ride December 9th, 2008

Hey buddy

could you please email me that font please anybody…fcmaartens@gmail.com
Reply
photofunia January 30th, 2009

so good job hongkiat. thanx to you…
Reply
Internet Marketing Guru February 26th, 2009

Real carbon fibre doesn’t look this good. Great job!
Reply
S.M.Riyaz April 22nd, 2009

Nice tutorial. Even though it’s bit old you have done a great job by re-creating it and publishing. Thanks a lot buddy.
Reply
Rancid May 15th, 2009

Hi, i was stoned by the effect u get in both the “carbon fibre pattern” at its font.

I really tried to make the logo and find the font, but i didnt even find it, free or not.

It´s possible you post this as a tutorial?

Thanks and Congratulations from Uruguay
Reply
nazcar July 10th, 2009

nice tutorial. thank you for sharing. ‘m going to try it now.
Reply
Nivardo July 28th, 2009

Hy my friend Hongkiat.

Please email me that font please anybody…

nivardo@gmail.com

Thanks..
Reply
Clay Jackson August 13th, 2009

This is great! Exactly what I was looking for on my portfolio.
Reply
ed August 16th, 2009

Maybe I don’t get this but I only see 2 columns of 4 with regard to the colors. Do I mak ethe other columns identical?
Reply
yarenay August 18th, 2009

:S I Can’t patterns :(((
Reply
Noe September 11th, 2009

Pardon,

Where do I insert those values on first step?

thanks in advance!
Reply
Leon Kunst October 6th, 2009

Does somebody know how the center font is called???

I need it :)
Reply
обслуживание компьютеров October 11th, 2009

Thanx a lot!
Nice tutorial for nube :)
Reply
Benno5693 October 24th, 2009

Thank you soooooooooooooo much!!! Comes in so handy with car photoshops…
Reply
telefon dinleme November 15th, 2009

Great post thanks you for sharing it with us…
Reply
dinleme cihazı November 15th, 2009

Very very nice information . thanks..
Reply
wairetap November 19th, 2009

great blog nice post and comments..
Reply
markmaster November 23rd, 2009

Hi everyone,can someone email me the creamblack ssk fonts at this address markmaster76@gmail.com . any reply will be appreciated…Thanks….
Reply
Ses Kayıt Cihazı November 25th, 2009

Yes i think.
Where do I insert those values on first step?

thanks in advance!
Reply
Hino Trucks December 18th, 2009

A friend referred me here for some design ideas. Great job – looks really good!
Reply
siteler mutfakdolabi December 19th, 2009

nice.
Reply
Paul January 6th, 2010

Already updated my graphic design website with this background. Thanks!
Reply