How would you create this graphic

LouTheDesigner

New Member
Hello,

I am mostly into web design, and consider myself a graphic designer secondly.

My question is, how would you go about (preferably using illustrator or photoshop) creating the graphic that is located on the top left on the following URL:

http://tinyurl.com/l385an

I just can't seem to do this with either program. Any advice would be appreciated. I like the horizontal lines and the lighting on the text the most.

Thanks in advance.

Lou
 

wachtn

New Member
Hi, I consider myself to be as much a graphic artist as I am a cowboy. I wear their boots, thats about it.

In After Effects you have a lighting tool, I believe it is called a spot light. That could create the lighting effect.

In Photoshop, there is a filter, in sub menu "render", called lighting effect. That could also make the lighting effect your looking for.

In Fireworks, you have "Styles". These can be used to create the button look as well as the dark fading to light effect. If you use the right style with layers, you could easily create the wave look with the dark fading to light over black.

The text is very simple. Just make the text layer transparent to get the color effect.

I have no clue how to avoid making the horizontal lines by hand. One would think there is a pattern or filter or style or something in the Adobe suite for making it. I just dont know where it might be, Sorry.
 
Last edited:

wachtn

New Member
Have you thought about taking your window blinds and spray painting them? With a good digital camera and some time, you could easily make those lines. LOL
 

wachtn

New Member
I think I have found out how to make those lines, or at least something close.

In photoshop:
Filter >> Halftone Pattern >> patter type: line

Also...

Filter >> Conte' Crayon
These lines are not as smooth and the Halftone Pattern. If you play around with the setting for this filter, you might find something you enjoy.

Be sure to post back and let us know if that worked. Good luck to you.
 

PixelPusher

Super Moderator
Staff member
Are you trying to create the rectangle with Charm written in it or the textured background? or both?

Photoshop will be the best app to achieve this.
 

PixelPusher

Super Moderator
Staff member
The vignette (circular fade out on all four sides) can be achieved by using a layer mask. Lighting effect could work but I would recommend the mask.

In a layer mask, the black represents what will be visible.

To Add:
Select the layer to mask, then click the layer mask button in the bottom of the Layers pallet. Make sure the layer mask box is selected (will have a border around it in the layer your added it to) and draw an ellipse with the circular marquise tool (M). Fill it with black. With the ellipse selection still present, go to Select > Modify > Feather and choose something like 15px. Then go to Select > Inverse and hit delete (your can hit it a couple times to make the fade more pronounced) whala!
 
Last edited:

wetgravy

New Member
Hello,

I am mostly into web design, and consider myself a graphic designer secondly.

My question is, how would you go about (preferably using illustrator or photoshop) creating the graphic that is located on the top left on the following URL:

http://tinyurl.com/l385an

I just can't seem to do this with either program. Any advice would be appreciated. I like the horizontal lines and the lighting on the text the most.

Thanks in advance.

Lou


the background is just a simple pinstripe pattern on top of a red circular gradient, the box is a a combination of things ... 1. it's got a bevel, gradient, and drop shadow, 2. it's got a multiply layer to create the black drop in the middle, and 3. there is some detailing work to create reflective shadows and highlights as well as to provide some false depth in the interior the text uses the mulitply layer (probably as it's own seperate layer in a smaller fill %, an inner shadow (set to be a solid stroke) and an outside glow (of black)

Quite easy actually. Just gotta practice with it a little.
 
Top