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.
|
Posted by hongkiat in Photoshop Tutorial, at 07.04.07 Tags: carbon fibre, create, design, fiber, pattern, photoshop, tutorial |
 |
Comments
July 4th, 2007 at 8:58 am
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
comment
July 4th, 2007 at 3:12 pm
Now, teach us how to make that text.
comment
July 4th, 2007 at 10:16 pm
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.
comment
July 6th, 2007 at 7:11 pm
Joe: CreamBlack SSK
BoltClock: That will be another tutorial :-)
comment
July 8th, 2007 at 10:56 am
omg.. nice tips !!! LOVE IT !!
comment
July 12th, 2007 at 9:31 am
tigm
comment
July 12th, 2007 at 9:31 am
nice
comment
July 12th, 2007 at 1:43 pm
where did you get the font CreamBlack SSK?
comment
July 13th, 2007 at 2:51 am
Ya i really wanna know how u got that hectic font.. do u tnk u could email it to me?
comment
July 13th, 2007 at 7:39 pm
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?
comment
July 13th, 2007 at 7:40 pm
Oh and nice tutorial, very clear =)
comment
July 13th, 2007 at 8:20 pm
I’ve got the same question as stuart, David, and OllyC.
Great tut.!
comment
July 15th, 2007 at 4:22 pm
ooh really really thnx this is a great pattern ilove it :D
comment
July 15th, 2007 at 6:08 pm
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
comment
July 15th, 2007 at 9:00 pm
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
comment
July 30th, 2007 at 1:45 pm
Nice tute! Lookin forward to see how to create the text as well, thanks a lot Hongkiat
comment
August 27th, 2007 at 11:17 pm
Nice, tutorial keep it up
comment
December 22nd, 2007 at 1:26 pm
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!
comment
January 26th, 2008 at 8:45 pm
Thank you for the clear instructions and the neat look.
We want to get something like that for our web site.
comment
March 23rd, 2008 at 5:49 am
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.
comment
Photoshop class tutorials request
March 25th, 2008 at 12:48 pm
[...] For car mod lovers Create the carbon fiber pattern in photoshop [...]
comment
April 14th, 2008 at 7:11 am
Great tutorial exactly what I was looking fo, I have the same question as above were did you get that font I want it:)
comment
Leave a reply