How would you create this graphic

Discussion in 'Graphic Design' started by LouTheDesigner, Jun 26, 2009.

to remove all ads.
  1. LouTheDesigner

    LouTheDesigner New Member

    Messages:
    506
    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
     
  2. wachtn

    wachtn New Member

    Messages:
    107
    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: Jun 27, 2009
  3. wachtn

    wachtn New Member

    Messages:
    107
    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
     
  4. Unknown98

    Unknown98 New Member

    Messages:
    7
    LOL. You'd need new blinds though.
     
  5. wachtn

    wachtn New Member

    Messages:
    107
    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.
     
  6. PixelPusher

    PixelPusher Super Moderator Staff Member

    Messages:
    1,077
    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.
     
  7. PixelPusher

    PixelPusher Super Moderator Staff Member

    Messages:
    1,077
    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: Jun 29, 2009
  8. wetgravy

    wetgravy New Member

    Messages:
    176

    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.
     
  9. bugeyesweb

    bugeyesweb New Member

    Messages:
    11
    use fireworks made by adobe.
     
  10. pratishtha

    pratishtha New Member

    Messages:
    3
    you thought about taking your window blinds and spray painting them?
     

Share This Page