How to achieve this "look"?

[thirdforest]

Hello - I am designing a website and was wondering if any of you could aid me in how you think the following images were constructed (not in shape but texture):



First, how you do think the background was made (subtle radial gradient?), and then the textures on the logos (i.e. were they first black, then a texture overlay applied)?

Bonus points if you successfully reproduce the effect (with words or a simple shape).

Thanks in advance for any help you can offer.

 

[IamSam]

These are best made in Illustrator.

The shapes can be made in Ps with the Pen Tool and Shape Tools.

The gradient was made with a Gradient Tool, Gradient fill, or a Gradient overlay.

Don't need bonus points.

 

[thirdforest]

Thanks for the reply. Any idea how they produced the texture on the images?

 

[IamSam]

Here's a BG Gradient made with the Gradient tool.

Settings:
Radial
Reversed
100% Opacity
Dither

Colors:
Outer d3d3d3
inner faf9f9

 

[IamSam]

I don't see texture.

May be because it's a low quality, small screenshot.

 

[IamSam]

I looked up the image.......

I used FILTER > FILTER GALLERY > TEXTURE > TEXTURIZER >





I believe the original is a paper texture.

 

[IamSam]

This one is better, I added the texture to the shape layer as well.

 

[thirdforest]

nice job on the background! thanks for including the settings.

 

[Crotale]

For the textures, the creator probably desaturated a rough texture, and then overlaid it using maybe a Linear Light layer mode. They likely lowered the fill of the texture layer.

 

[thirdforest]

For the textures, the creator probably desaturated a rough texture, and then overlaid it using maybe a Linear Light layer mode. They likely lowered the fill of the texture layer.

nice, i'll play around with that. thanks!

 

[Paul]

They look scanned images to me but in photoshop Sams got it correct:mrgreen:

 

[AbdulW87]

cant really tell what going on with the background (a higher quality picture is appreciated) but i think its a type of washout effect for the logos with texture overlays,

googled washout effect and came on this thread maybe it will help you achieve what you want

 

[IamSam]

Abdul, what's going on in the background is nothing. The OP posted a screenshot of this image (or one similar):

http://onioneyethemes.com/equilibrium/portfolio/drop/

Which is a photo of a printed logo on paper.

 

[AbdulW87]

Abdul, what's going on in the background is nothing. The OP posted a screenshot of this image (or one similar):

http://onioneyethemes.com/equilibrium/portfolio/drop/

Which is a photo of a printed logo on paper.

I believe we can use some brush set to xhieve this effect. I am not sure maybe a grunge brush or something similar.

Sent from my HTC One using Tapatalk

 

[sprucemagoo1]

Just overlay a white layer that has had noise added to it.