TeamPhotoshop
Reviews, updates and in depth guides to your favourite mobile games - AppGamer.com
Forum Home Latest Posts Search Help Subscribe

Fox News BG Graphic

Page: 1 2 Reply
Sep 14th 2004#160074 Report
Member since: Sep 14th 2004
Posts: 4
Fox News has a very nice small file background graphic that looks embossed. Everytime I try to get the same effect, it looses detail. What file type and How do you think they created such a crisp looking embossed background graphic?

Thank you,
Linda
Reply with Quote Reply
Sep 14th 2004#160076 Report
Member since: Mar 18th 2001
Posts: 1604
kinda hard to say without seeing what you're talking about. can you post an example of the original and your attempt?

chris
Reply with Quote Reply
Sep 14th 2004#160083 Report
Member since: Sep 14th 2004
Posts: 4







Here is a quick example of my problem.
See how crisp the Fox news graphic is? On the edges? And also how small the file size is compared to my attempt? How are they doing this? They also have very few colors. I need my blue one to have fewer colors to reduce filesize. I am unsure how this is done? Thank you for the help!!
Reply with Quote Reply
Sep 14th 2004#160085 Report
Member since: Apr 25th 2003
Posts: 1977
What you need to do is adjust the depth, size and soften parameters under bevel and emboss in the layer style window. Those control how sharp/blurry the bevel will be.

Also when creating your shape to apply the bevel to, make sure to select "anti-alias". This will blend your shapes edges w/ the background, instead of them being jagged/too sharp.

As to the file size, adjusting those parameters will help. Right now you have a large blurry bevel, which requires more colors for blending. A smaller/sharper bevel will require fewer colors....allowing you to save the gif at maybe 8/16/32 colors.
Reply with Quote Reply
Sep 14th 2004#160086 Report
Member since: May 10th 2004
Posts: 223
I'm already 10 minutes late for work... but yeah, what he said. ;) Work with the inner bevel and tweak the settings till it look how you want it.

Reply with Quote Reply
Sep 14th 2004#160089 Report
Member since: Sep 14th 2004
Posts: 4
[QUOTE=Rodder454]What you need to do is adjust the depth, size and soften parameters under bevel and emboss in the layer style window. Those control how sharp/blurry the bevel will be.

Also when creating your shape to apply the bevel to, make sure to select "anti-alias". This will blend your shapes edges w/ the background, instead of them being jagged/too sharp.

As to the file size, adjusting those parameters will help. Right now you have a large blurry bevel, which requires more colors for blending. A smaller/sharper bevel will require fewer colors....allowing you to save the gif at maybe 8/16/32 colors.[/QUOTE]

Wow. ok...

I used the wand to select the shape with anti-alias and contiguous selected with a tolerance of 132.

I create a new file with the bg the color I want and paste this selection there.

I use a paintbrush to make the selection the same color as the background.

Then I double click the layer to bring up the layer stlyes palette.

double click bevel and emboss to bring up structure and shading.

Style inner bevel smooth

Depth 100%

direction up

size 5

soften 0

shading

120degrees

useglobal light

altitude 30

gloss contour first choice anti alias unchecked?

Highlightmode screen

opacity 75%

shadow Multiply

opacity 75

This is what I have currentl;y. It still does not5 look as good as the example created by Outpatient.

Can you point me to my error?

Thanks again...;-)
Reply with Quote Reply
Sep 14th 2004#160091 Report
Member since: Mar 18th 2001
Posts: 1501
What self-respecting right-brained artist watches FoxNews, anyway?

That's the REAL question!

;)
Reply with Quote Reply
Sep 14th 2004#160100 Report
Member since: May 10th 2004
Posts: 223
I'm back from work for today. Luckily I left PS open all day and I still have the this file open with it's history in tact. Let's see if I can translate to you what I did...

- opened your "test2.gif"

- changed from Indexed color mode to RGB color mode

- Desaturate (to remove the color info)

- Make layer (I think this means I made the background layer into a normal layer)

- Select Color Range / click on a white area of the image / set slider to full right position

- Inverse Selection

- Layer via Copy (at this point I had all the drawn obects on their own layer free from the white background)

- Created a new blank layer

- Filled that layer with the blue sampled from the Fox News image

- Then I did a CTRL+click in the Layers Palette on our layer that contains the objects with no background. This gives me a selection in the shape of those objects.

- Then with the Fox Blue layer targeted, I did Layer via Copy. This gives me the drawn objects again on their own layer but now in Fox blue color. They are invisible with the solid blue layer underneath them, but that's ok.

- Lastly I simply applied Layer Styles to our topmost layer (the objects in blue) to get the effect . Only used Bevel and that's it. Here are the setting for my bevel Layer Style:




I just kinda stumbled through this this morning. There are certainly more efficient way to accomplish this. One for example, I didn't need to create a layer with the objects in blue so they would be invisible over the blue background. I could have simply put my first made layer of the objects over the blue layer and then set the FILL percentage for the objects layer to 0%. That has the exact same effect without having to create that extra layer.
Reply with Quote Reply
Sep 15th 2004#160107 Report
Member since: Mar 25th 2002
Posts: 1143
omg you have a blue interface! how horrible! go about your usual business, nothing to see here!
Reply with Quote Reply
Sep 17th 2004#160193 Report
Member since: Sep 14th 2004
Posts: 4
Thank you for the explaination! How did you ever change the interface color?
Reply with Quote Reply
Page: 1 2 Back to top
Please login or register above to post in this forum