How to DIY your own carbon fiber wallpaper?

11 03 2007

What you need to have: Adobe Photoshop
PS: ⌘ key for Mac users / CTRL key for Windows users

Prepare the texture pattern

(Download the ready made texture 1 and texture 2 if you are too lazy to create your own.)

1. In Photoshop, create a new document by pressing ⌘N / CTRL-N. Set the size at 20×20 pixel.

2. Zoom in (z) few step so that you can work on it easily. Choose Rectangular Marquee from the toolbar (m).

3. Make the selection of 5×10 pixel

4. Set foreground and background colour as different tone of gray:
Foreground: #171717
Background: #3a3a3a

5. Select Gradient Tool (g), then choose ‘Foreground to Background’

6. Fill the selection with the colours chosen by dragging across the selection area.

7. Make another selection of 10×5 pixel, fill with the gradient of:
Foreground:#282828
Background: #0d0d0d

8. Select all (⌘A / CTRL-A), copy selection (⌘C / CTRL-C), paste selection (⌘V / CTRL-V), then use Move Tool (v) to arrange the new layer into position:

9. Paste the selection into new layer again and arrange until it looks like this:

10. Combine all the layers: Menu > Layer > Flatten Image

11. Define a new pattern: Menu > Edit > Define Pattern…

Making the actual wallpaper

12. Create a new document by pressing ⌘N / CTRL-N. Set the size of your screen resolution. Eg: 1600×1200

13. Fill with the texture pattern: Menu > Edit > Fill… ; Use ‘Pattern’ and choose the last pattern that you just created from the Content section.

14. Apply effect: Menu > Filter > Render > Lighting Effects…

15. Adjust levels (⌘L / CTRL-L): Menu > Image > Adjustments > Levels…

Save!

16. To preserve the detail quality of the wallpaper, save it as PNG or BMP.

I like this post.

I’d like to donate to ebin.wordpress.com for the contribution.


Actions

Information

16 responses to “How to DIY your own carbon fiber wallpaper?”

14 03 2007
Nobody (05:50:36) :

Best FREE carbon fiber wallpaper ever found on net!

17 03 2007
eyerings (19:18:35) :

:) will subscribe to your feed. How about some free wallpapers of your creation?

18 03 2007
ebin (11:27:01) :
21 05 2007
mimi (22:31:34) :

Hi, I love the carbon fiber wallpaper, however, I like it better in the pattern you have in the banner of your webpage. Any luck on having a tut (toot) on how to make that pattern?

Thanks!

21 05 2007
mimi (22:33:24) :

Sorry, I found it. Whoopsie.

7 06 2007
FreedomRice (10:57:16) :

I tried making myself. but it didnt come out right. also i tried using you texture. but the squares were too big.

18 07 2007
dolph (14:18:24) :

cool coz i’m really new using photoshop

10 11 2007
twinturbo.org » Carbon Fiber Wallpaper (07:44:35) :

[...] fiber desktop - Learn how to create this.   - Leave [...]

14 11 2007
Zooter (04:36:59) :

Excellent Carbon Fiber. I photograph it all the time and it takes forever to get the right look. I think I’ll create your pattern and fake it from now on. Looks better!

7 12 2007
web development (02:37:56) :

nice carbon fiber, looks like something I could use on my web site

web development

19 12 2007
Sam (11:59:00) :

Great tutorial, mine came out great, thanks

8 03 2008
franz (03:26:30) :

my turns out good thanks for the guide it really helps me alot

26 03 2008
Free Computer Wallpapers (13:28:16) :

Very nice tutorial.. I had just created my own wallpaper in blue color.

It look like a desktop 2.0 now.. :P

24 04 2008
alex (00:57:52) :

wow thanks i’ve done awsome wallpapers with this some w/diff colored wallpapers too,thx a million!

24 04 2008
pander (08:28:30) :

Great looking Carbon Fibre - THANKS for the tutorial!!

3 06 2008
Hamid (22:47:11) :

thanks alot :)

Leave a comment

You can use these tags : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>