What's new
By:
Photoshop Gurus Forum

Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

Help creating paper textured background


P

Pieter Goris

Well-Known Member
Messages
65
Likes
26
Hi everyone,


my first post and already a question for the pro's.
I'm having troubles replicating a background image that I've seen on the internet, on a Belgian website.
Can you guys guide me through how I should do this, because I'm pretty new to brushed and patterns and that kind of stuff. Can anyone create me an example file and explain me step by step how this is made?

Many many thanks in advance.

You can find the site and it's background in attachment.
 
There are many ways to make "seamless repeating tiled backgrounds" (Google those words + the word, "tutorial"), but, to be honest, for something like that, I would simply scan a piece of paper.

Tom M
 
Hi Tom,


Thanks for your reply. I have paper textures but how do I blend it in nicely? Do they just put it as a layer on top of there background and play around with the opacity? Or how do they blend it in with there background color once they have the texture?


Thanks in advance.
 
Hi Pieter - There are so many nice / interesting ways to blend textures with text that it would be difficult to even begin to describe all the possibilities in a thread like this.

I could easily be wrong, but I am concerned that in the example you provided, it's fairly clear that the text is on layers that are all above the textured background, whereas in your last post it sounded like you might be considering putting the texture layer above the text.

To be honest, from your last post, I'm not sure if you are trying to reproduce exactly the same look as in the example you cited or if you are trying for something different. If it's the former, just put the text on top of the texturized/colored layer(s) and you should be good to go. If it's the latter (ie, a different look), if you could provide a larger, more dramatic example of what you are looking for, it would be very helpful.

T
 
Hi Tom,


many thanks for all your time already. Actually what I first tried to do was creating a footer like on this site: http://focuslabllc.com
(except for the dark part, only the lighter part). But I didn't know how to, so that's why I started to trying to get the other effect. Could you try and help me with the footer to get something like on that site?

I added my .psd file in attachment. Everything is named properly so you should be able to find the correct part immediately. The font used in the file is Open Sans regular and light (free to download on http://www.fontsquirrel.com/fonts/open-sans)

Again many thanks for your explanation on this!
 
the psd file only shows me a screenshot
looks like all you need to do is add a texture as the background of the footer
 
Hi Pieter - Unfortunately, I don't have any time at the moment, but will later tonight (USA, east coast). However, a quick question: I was able to open your PS file with no problem. Thanks for sending it. Exactly what don't you like about the current look of the footer? It looks pretty close to me although perhaps a bit too light and not heavy enough texture?

Tom
 
Chris, there is texture already present in Pieter's footer: It's somewhat lighter and is a different type of texture compared to the example web page Pieter cited, but it's quite clear. Can't you see it?

Pieter - If all you want to do is make the current footer a bit darker and make the current texture be a bit more prominent, simply duplicate the layer called, "Footer", and change the blending mode of the copy to "multiply". If that's too dark, just back off on the opacity.

If you really want to *exactly* duplicate the cross-hatch (aka, "ripstop nylon") texture seen in the footer of the focuslabllc website, there are straightforward ways to do it. For tutorial purposes (but not for the final version because of copyright issues), probably the easiest way is to sample their texture and then turn it into a seamless repeating texture. There are many tutorials on the latter step. Just Google {create seamless pattern photoshop tutorial}.

HTH,

Tom M
 
Hi chrisix,


It's actually layered if you look well. I designed it inside a safari screenshot background to get good visuals on the proportions and size. But it's a layered .PSD file. Correct?
Problem is that I want the footer to look like http://focuslabllc.com (the light footer at this site). Can you help me with that. I don't know how to create that effect.
 
Tom Mann said:
Chris, there is texture already present in Pieter's footer: It's somewhat lighter and is a different type of texture compared to the example web page Pieter cited, but it's quite clear. Can't you see it?

Pieter - If all you want to do is make the current footer a bit darker and make the current texture be a bit more prominent, simply duplicate the layer called, "Footer", and change the blending mode of the copy to "multiply". If that's too dark, just back off on the opacity.

If you really want to *exactly* duplicate the cross-hatch (aka, "ripstop nylon") texture seen in the footer of the focuslabllc website, there are straightforward ways to do it. For tutorial purposes (but not for the final version because of copyright issues), probably the easiest way is to sample their texture and then turn it into a seamless repeating texture. There are many tutorials on the latter step. Just Google {create seamless pattern photoshop tutorial}.

HTH,

Tom M
Click to expand...

Tnx Tom,


I'll try to look for a tutorial with the ripstop nylon name. I didn't know that it was called like that so I couldn't find a tutorial on how to do it. Many tnx for this.
 
Back
Top