Carbon Fibre Photoshop Tutorial

HomeHome

H₂OH₂O

ForumForum

TutorialsTutorials

» Adobe Photoshop

» Our Tutorials » User Submitted

» CorelDRAW

» Macromedia Studio

» Flash » Fireworks

» Corel Paint Shop Pro » Webmaster Articles

» Close «

DownloadsDownloads

» Website Templates

» Photoshop Downloads

» Brushes » Layer Styles » Patterns

» Forum Skins

» InvisionFree Skins » ProBoards Skins

» 3D Abstract Models » Affiliate Banners » Signature DK's » Avatar Packs » Wallpapers

» Close «

MiscMisc

» About Us » Contact Us » Meet the Staff » Web Services » Webdesign Portfolio » Affiliate with Us

» Close «

Resource PartnersResource Partners

Cheap Web Hosting
Best Web Hosting
Sezza Web Directory Affordable web hosting ServerRhino Web Hosting Businesses for Sale UK

PollPoll

Do you think Imusion Studio is falling into its "virtual death"?

StatisticsStatistics

Hits

17 Guest(s) Online

0 Member(s) Online

77583 Posts

11276 Members

Latest Member: Badd

AffiliatesAffiliates

Show All
Link to Imusion

Imusion Studio - Innovative Ideas, Innovative Designs

Welcome Guest! (Login or Register)

Photoshop Tutorial

Carbon Fibre

Views: 13376
Comments (32)

Rate:

Currently 2.97/5 Stars.
1
2
3
4
5

Description: Apply this carbon fibre pattern to those industry style interfaces.

Written by: Imusion

Step 1

First lets create the carbon fibre pattern. Open up a new document 4x4 Pixels with a White background. Then zoom in all the way so you can actually see what your doing.

Step 2

Grab the Pencil Tool with a 1 pixel diameter. Then fill your 4x4 canvas with the instructions in the picture below.

Step 3

Now let us define the pattern. Go to Edit--> Define--> Pattern type "Carbon Fibre" or "fibre de carbone" if your french ;) and then hit the OK button. You can close this fibre de carbone pattern window now.

Step 4

Open up a blank document where you want to apply the carbon fibre to or an image. In our tutorial we will open up a 400x400 blank canvas.

Step 5

Once you got that open, create a New Layer then go to Edit--> Fill. Under Contents and the "Use:" dropdown menu select Pattern then under "Custom Pattern" find the carbon fibre pattern you just made. Choose Normal for the blending mode and have the opacity at 100%.

Step 6

Thats the basics of it you can add gradients to give it depth and such. Optional is take your gradient tool have it foreground to transparent and press D then press X to reset your colors. Choose Reflected gradient with blending mode at difference and click and drag length-wise or height-wise half of the canvas and you'll get some depth.

Final Product

Thats all there is to it, experiment and this effect is great for intro pages just add detail and some good interface techniques will get this pattern alive and kicking.

Comments

Comment #1

Guest: davos

Status: Offline

lookt good but this looks better when you use it on a car

Rank: Guest

Wednesday February 9th, 2005 at 7:36 PM

Comment #2

Guest: mugget

Status: Offline

great tutorial! it looks like a really good, realistic looking carbon fibre the best texture i've seen. thanks for this. :D

Rank: Guest

Wednesday March 2nd, 2005 at 9:27 PM

Comment #3

Guest: anonymous

Status: Offline

fablious

Rank: Guest

Monday March 21st, 2005 at 1:35 PM

Comment #4

Guest: FinalEclipse

Status: Offline

Looks awesome but for someone like me who's only used PhotoShop for about 30 mins, it's a bit hard to find the pencil tool lol.

Rank: Guest

Friday March 25th, 2005 at 3:10 AM

Comment #5

Guest: Johnathon

Status: Offline

wow.... looks great! this really turned out nice. realistic and all.

Rank: Guest

Friday April 8th, 2005 at 8:46 PM

Comment #6

Guest: aaa

Status: Offline

Rank: Guest

Thursday June 2nd, 2005 at 4:16 PM

Comment #7

Guest: sfasfasfaf

Status: Offline

aaaa

Rank: Guest

Thursday June 2nd, 2005 at 4:16 PM

Comment #8

Johnathan

Status: Offline

Right...

Rank: Forum Administrator

Monday June 27th, 2005 at 1:59 AM

Comment #9

Guest:

Status: Offline

it looks good

Rank: Guest

Thursday August 11th, 2005 at 4:45 PM

Comment #10

Guest: !LLu$!0N

Status: Offline

Its one very nice tut, duno how you thought of it :/ brilliant! :P gj

Rank: Guest

Thursday August 18th, 2005 at 6:00 PM

Comment #11

Guest:

Status: Offline

That looks nothing like carbon fiber.

Rank: Guest

Tuesday August 23rd, 2005 at 6:48 AM

Comment #12

Guest: bob the hobo

Status: Offline

it looks ok

Rank: Guest

Monday September 12th, 2005 at 9:09 PM

Comment #13

Guest: Silencer

Status: Offline

Nice dude wish i had come up with this, all the put downs are not needed, i don't see you with anything close to this.

Rank: Guest

Tuesday September 13th, 2005 at 6:45 PM

Comment #14

Guest:

Status: Offline

naja....nice^^

Rank: Guest

Wednesday September 21st, 2005 at 11:53 AM

Comment #15

Johnathan

Status: Offline

Thanks for the comments everyone! Really apprecaite the feedback.

Rank: Forum Administrator

Tuesday October 18th, 2005 at 5:57 PM

Comment #16

Guest:

Status: Offline

sweet.....really nice....now how do i put it on a car...

Rank: Guest

Thursday November 17th, 2005 at 4:05 AM

Comment #17

Guest: bexx

Status: Offline

useful, thanx

Rank: Guest

Wednesday February 8th, 2006 at 4:30 PM

Comment #18

Guest:

Status: Offline

this tut sucks and i could pull better carbon fibre out of my @SS!

Rank: Guest

Monday April 24th, 2006 at 8:52 PM

Comment #19

Guest:

Status: Offline

Looks nothing like carbon fibre - really poor

Rank: Guest

Friday June 30th, 2006 at 7:28 AM

Comment #20

Guest:

Status: Offline

looks awesome if you goto filter-distort-twirl around 50% worked for me gives a more random weave like the real stuff, I also altered the brightness to make it a little darker. Top stuff keep them coming

Rank: Guest

Monday July 10th, 2006 at 12:27 PM

Comment #21

Johnathan

Status: Offline

Cool thanks for the tips comment #20!

Rank: Forum Administrator

Tuesday July 18th, 2006 at 12:40 PM

Comment #22

Guest: downey

Status: Offline

Love Carbon Fibre

Rank: Guest

Wednesday September 20th, 2006 at 11:59 AM

Comment #23

Guest: shadowman

Status: Offline

Hi! How r u? nice site!

Rank: Guest

Saturday April 28th, 2007 at 9:05 PM

Comment #24

Guest:

Status: Offline

nice tut i needed this to make paintball bunkers for my map. changed color to bright red and it looks awesome + its already seemless if u didnt distort it :D

Rank: Guest

Sunday May 20th, 2007 at 12:59 AM

Comment #25

Guest:

Status: Offline

That's not carbon fibre. :|

Rank: Guest

Monday July 30th, 2007 at 6:58 PM

Comment #26

Guest: peter

Status: Offline

awesome technique

Rank: Guest

Tuesday August 7th, 2007 at 4:13 PM

Comment #27

Guest: photoshopgeek13

Status: Offline

Alright. This is to all those losers under the impression that you can follow a tutorial and get perfect results that look exactly like the real thing. PHOTOSHOP IS NOT REAL. The purpose of a tutorial is not to complete a flawless image of something. If that were the case, we'd all be pros and not need these tutorials. the TRUE purpose of a tutorial is to teach you a technique to use in the future. In my opinion the tutorial served its purpose and looks fine.

Rank: Guest

Monday October 15th, 2007 at 10:27 PM

Comment #28

Guest: Halo89

Status: Offline

Looks awsome but nothing like carbon fibre tnx will

prove usefull!!

Rank: Guest

Thursday November 15th, 2007 at 8:53 AM

Comment #29

Guest: jhfuyuw y8r

Status: Offline

jyfueyquyuwg uieytuuweu ufhfjuoyuf ysedhvuyuweqiuquwrf i fi1yuyif fuhfr hjnurt quqwr]uyhguuyuyr heh [

Rank: Guest

Wednesday October 8th, 2008 at 11:20 AM

Comment #30

Guest: phish

Status: Offline

great tutorial! I was looking for a good carbon fiber texture for my site, and found this. I also don't get the point of all you flamers, it's not supposed to look photorealistic. it's supposed to look interface realistic.

Rank: Guest

Tuesday December 2nd, 2008 at 1:11 PM

Comment #31

Guest: phish

Status: Offline

Rank: Guest

Tuesday December 2nd, 2008 at 1:11 PM

Comment #32

Guest: phish

Status: Offline

Rank: Guest

Tuesday December 2nd, 2008 at 1:12 PM

Post Your Comment

Member Area

Welcome Guest! Please login to view your Member Area.