Anna ([info]abernathi) wrote in [info]distractiions,
@ 2008-02-02 21:36:00
Previous Entry  Add to memories!  Tell a Friend!  Next Entry
Current location:bremen
Current mood: uncomfortable
Current music:kiss kiss - yeah yeah yeahs
Entry tags:!abernathi, resources: textures, resources: tutorials

Texture Tutorial
[info]allchanged requested a tutorial on how to make the kind of textures from one of my recent resources posts [here]. And I thought some of you guys might be interested in this as well :) But I have to warn you. It's not like I'd really know what I was doing when I made these. I love to go crazy on Photoshop :P
Please let me know if I messed something up or something is unclear.
I used PS CS2 to make these, but it should be easily translatable, at least to PSP.





This tutorial will show you how to turn a nice photo into some messy and grungy texture.

Please note: all images are scaled down! The original size of the texture is 1000x750 pixels.
The preview images in the tutorial are mini-versions. Just click on them to see a 500x375 sized version!

>>


.01 First of all, find a picture that has some nice colors in it. I chose this one, because it has some nice blue and bown-ish organge in it. (As it will turn out later... the blue won't come out as strong as I initially wanted it to... but they usually don't so I'm a happy camper as long as I like the final result.)
To turn this photo (taken in Barcelona by my sister - please don't redistribute!) into a nice texture I decided to blur it a little. I felt if I didn't it would turn out to be a weirdly colored picture of a beach, a strange piece of art and some people.

I used the gaussian blur filter. I can't remember my exact numbers but they depend on the individual photo anyway. Just make sure that you can still recognize your colors, don't want to turn them into a big mushy brown mess. Otherwise you'll end up with a big mushy brown texture... which could be pretty, too, so you might as well try it :)

>>


.02 Then I duplicated that blurry image twice and set both copies to screen at 100% opacity. Your image will look veeery light now, but that's okay, we'll fix it in the next steps.

>>


.03 I took another photo with some nice warm orange-ish colors on it. [this one]
Paste it on top of your other - now blurry - photo and the copies (your layers should be: blurry photo - copy of blurry photo on screen - copy of blurry photo on screen - photo with warm colors).
The original is way bigger than the one I linked you to. I moved it around a bit and got this (#1) and then set it to color burn (#2).

>>
Shiny, isn't it?

.04 I wanted to add some grungy-noisy-whatever stuff to my soon-to-be texture, so I took these scans (I made them a while ago and I don't think I ever uploaded them) and pasted them in as new layers on top of everything.


I set the first one to linear burn and the other two to color burn, all at a 100% opacity. This is what I got:

>>


.05 Then I took a scan [this one] (scaled down, also made by me, you can find a slightly different, color enhanced version of it in this post) in order to add some more texture to the texture (xD) and bring out the colors a little more.
I moved it around a bit and covered some parts with a layer mask (#1) I set the blend mode to color burn at 100% and got this: (#2)

>>


.06 Still not enough color, so I duplicated this layer (the scan from step 5) and got this:

>>


.07 The texture wasn't grungy enough so I added this texture (made by gender, now [info]dearest), inverted the colors and moved it around a bit. I set the blend mode to multiply.

>>


.08 I took these two textures [1|2], both made by gender, added them as new layers, moved them around a bit, covered some parts with layer masks and set them both to screen.

>>


.09 Yet another texture from gender, this one (the texture is huge!) set to screen at 50%.

>>


.10 Then I took that same texture again and inverted the colors.
I set this layer to multiply at 100% and duplicated it (until it was grungy enough).

>>


And that's pretty much it. I'm done.

As you may have noticed while going through this... I really don't have a plan for what kind of result I want to achieve. All this happens while I experiment, so that's what you should do. Take a picture with some nice colors and go crazy on it ;D
I'm having a blast making this kind of textures and I hope you will too!
I won't upload a psd for this! The file is HUGE! (over 100 MB for the original sized texture). If you want me to upload the original sized versions of scans and textures I used for this, just let me know! Please don't follow this tutorial step-by-step.

I'd love to know what you think and see some results :D


 



Page 1 of 3
<<[1] [2] [3] >>

(Post a new comment)


[info]gravira
2008-02-03 12:43 am UTC (link)
omg finally a tut where I can make my own textures. Thanks a lot!

(Reply to this)


[info]bluesoul92
2008-02-03 12:47 am UTC (link)
Thank you!!!!!!! This tut is very useful :D

(Reply to this)


[info]thealliecatpaws
2008-02-03 12:57 am UTC (link)
this is awesome.. thank you! :D

(Reply to this)


[info]silver881
2008-02-03 01:08 am UTC (link)
adding to mems!

(Reply to this)


[info]fallenwitch
2008-02-03 01:17 am UTC (link)
Thank you for the wonderful tutorial. I'm a newbie and always wondered how folks made those awesome textures. You've shown me that it's more of an art than a step-by-step copycat procedure. Kudos! I'll be trying this out soon at a PS near me. :D

(Reply to this)


[info]funkytownosaka
2008-02-03 01:21 am UTC (link)
Oh, this is awesome. Memming! Thanks for sharing. :D

(Reply to this)


[info]artanis0010
2008-02-03 01:21 am UTC (link)
This is very useful!

(Reply to this)


[info]jadeleopard
2008-02-03 01:30 am UTC (link)
That is so very cool. Thank you for sharing!

(Reply to this)


[info]katers02
2008-02-03 01:44 am UTC (link)
Thank you so much! This is incredibly helpful. :)

(Reply to this)


[info]lovingthecubs
2008-02-03 01:52 am UTC (link)
Very nice! :D

(Reply to this)


[info]rissa_jennings
2008-02-03 01:56 am UTC (link)
Memming to try later. I like the result!

(Reply to this)


[info]elfandali
2008-02-03 02:18 am UTC (link)
Wo0tness!
+ mems :)

(Reply to this)


[info]asitha
2008-02-03 02:40 am UTC (link)
I love this tut, it's very useful and I made an awesome texture! Totally meming ^_^

(Reply to this)


[info]melizabeth032
2008-02-03 02:49 am UTC (link)
How awesome! TY. (:

(Reply to this)


[info]jasmynstote_bag
2008-02-03 03:05 am UTC (link)
This is pretty much one of the coolest things I've come across since making my own icons. Thank you for this.

(Reply to this)


[info]graven_rose
2008-02-03 03:46 am UTC (link)
Incredible, memming for future use. I adore the result!

(Reply to this)


[info]maytel
2008-02-03 04:20 am UTC (link)
hello, I ♥ you!
Thanks for making this :)

(Reply to this)


[info]douxmist
2008-02-03 06:56 am UTC (link)
this is really nice
thank you so much!

(Reply to this)


[info]anya1976
2008-02-03 07:12 am UTC (link)
thank you so much for posting this :)

(Reply to this)


[info]sharkbait_ha
2008-02-03 07:13 am UTC (link)
Thank you so much!
I like playing around in photoshop so this will be fun~~

(Reply to this)


[info]peclaire
2008-02-03 07:18 am UTC (link)
Brilliant tutorial!

(Reply to this)


[info]bloomingblossom
2008-02-03 08:03 am UTC (link)
Thanks a bunch. I really nees this kind of tut ^^

(Reply to this)


[info]raiseyoureyes
2008-02-03 09:27 am UTC (link)
wow, you're awesome! I am adding this to my favourites to try out later!

(Reply to this)


[info]music_fun
2008-02-03 09:34 am UTC (link)
Great tutorial, I always wanted to learn how to do these.
I used some of the textures you provide and some I had on my computer. I got this:
Free Image Hosting at www.ImageShack.us

(Reply to this)(Thread)

(no subject) - [info]abernathi, 2008-02-03 01:33 pm UTC

[info]sophierochelle
2008-02-03 10:27 am UTC (link)
oh my gosh i wondered how people had made textures like this!
i cant thank you enough for this tutorial, i added it to my mems (:

(Reply to this)


Page 1 of 3
<<[1] [2] [3] >>

Create an Account
Forgot your login?
Login w/ OpenID
English • Español • Deutsch • Русский…