📄 psttshad.htm
字号:
<!--Header-->
<HTML>
<HEAD>
<TITLE>GPMega - Graphics Section - Shadows With Photoshop</TITLE>
<META NAME="DESCRIPTION" CONTENT="A great, complete, tutorial on creating shadows using Photoshop.">
</HEAD>
<BODY BGCOLOR=#000000 TEXT=#FFFFFF LINK=#00FF00 VLINK=#00FF00 ALINK=#0000FF>
<!--End Header-->
<!--Advertiser-->
<CENTER>
<TABLE>
<TR>
<TD>
<A HREF="http://www.ugo.com/">
<IMG SRC="/GPMega/ugologo120.gif" BORDER=0 WIDTH=120 HEIGHT=60></A>
</TD>
<TD>
<IMG SRC="/GPMega/sponsored.gif" WIDTH=468 HEIGHT=10><br><br>
<SCRIPT LANGUAGE= "JavaScript">
<!--
var now = new Date();
var random_num = now.getSeconds();
document.write("<A HREF='http://www.ugo.net/RealMedia/ads/click_nx.cgi/www.perplexed.com/GPMega/graphics/psttshad.htm/" + random_num + "/@Top'>");
document.write("<IMG SRC='http://www.ugo.net/RealMedia/ads/adstream_nx.cgi/www.perplexed.com/GPMega/graphics/psttshad.htm/" + random_num + "/@Top' BORDER='0' WIDTH='468' HEIGHT='60'></A>");
//-->
</SCRIPT>
</TD>
</TR>
</TABLE>
</CENTER>
<!--End Advertiser-->
<!--Splitter-->
<BR>
<BR>
<!--End Splitter-->
<!--Body-->
<FONT SIZE=2 FACE=Helvetica>
<STRONG>
<!--Top Navigation-->
<A NAME="top"></A>
<CENTER>
<TABLE WIDTH=75%>
<TR VALIGN=MIDDLE>
<TD ALIGN=LEFT>
<IMG SRC="gradsplit2.jpg" WIDTH=100% HEIGHT=1><BR><BR>
<A HREF="http://www.perplexed.com/GPMega/"><IMG SRC="logo.jpg" BORDER=0 ALT="Home" WIDTH=80 HEIGHT=47 ALIGN=CENTER></A>
<FONT COLOR=#666666 FACE=HELVETICA SIZE=-1><I>
This Article Is Taken From <A HREF="http://www.perplexed.com/GPMega/">The Game Programming MegaSite</A>, A Definitive Resource For Game Developers!
</I></FONT><BR>
<IMG SRC="gradsplit2.jpg" WIDTH=100% HEIGHT=1>
</TD>
</TR>
</TABLE>
</CENTER>
<BR><!--End Top Navigation-->
<!--Title-->
<H3 ALIGN=CENTER><font color="#FFF400">S</font><font color="#FFE900">h</font><font color="#FFDE00">a</font><font color="#FFD300">d</font><font color="#FFC800">o</font><font color="#FFBD00">w</font><font color="#FFB200">s</font><font color="#FFA700"> </font><font color="#FF9C00">W</font><font color="#FF9100">i</font><font color="#FF8600">t</font><font color="#FF7B00">h</font><font color="#FF7000"> </font><font color="#FF6500">P</font><font color="#FF5A00">h</font><font color="#FF4F00">o</font><font color="#FF4400">t</font><font color="#FF3900">o</font><font color="#FF2E00">s</font><font color="#FF2300">h</font><font color="#FF1800">o</font><font color="#FF0D00">p</font><BR><FONT SIZE=-2>By: Robin Ward</FONT></H3>
<!--End Title-->
<P>I抳e been using Photoshop for about 2 years now, and I抳e managed to figure out some little tricks that can be used to enhance graphics and to speed up drawing time.
I抣l start off with shadows.
<P>Many people are convinced that you need "Alien Skin" or "Eye Candy" plug-ins to create good looking shadows. Well, you don抰. You can do them just as easily and just as well by hand. I抦 going to discuss two methods below. Both of them could be used to enhance graphics for video games, or just to create good looking web graphics. <P>
<H3><FONT COLOR=YELLOW><I>The Solid-Shadow:</I></FONT></H3>
<P>First, create a layer. Then, choose the color of the text you want to create. Then, click on the Text type tool. Type in your text (of course, with anti-aliasing turned on) and hit "Ok". When the text is on the screen, move it to where you抎 like it to rest using the Move tool. Remember, depending on how big your shadow will be, the text might lose its centering afterwards. Accommodate for the shadow in your positioning of the text.
<P>Now, create another layer. Position the new layer underneath the old one. Choose black as your color. Use the text tool to create the same exact text again, with the same size. Usually, this can be done by simply pressing "Ok" again. Now, position your shadow in almost the exact same place as the layer above. Move it a little bit away in any direction you want. This will give you the impression of a solid, black shadow. These are commonly used in magazines.
<P>You can also lower the opacity of the layer so that it appears to be translucent. This looks good, especially when placed against a picture or background of some sort.
<H3><FONT COLOR=YELLOW><I>The Smooth Shadow:</I></FONT></H3>
<P>Although solid shadows look good most of the time, sometimes it looks really nice if you place down a smooth shadow. To do this, repeat the steps above to create the black shadow. When you have your black shadow placed down, you want to de-select it, so that you can draw in other areas of the same layer. In Photoshop 3.0, this is easy to do (CTRL-D), but in Photoshop 4.0 I find that the easiest way to do it is to duplicate the layer and delete the first one. If anyone knows a quicker way, please e-mail me.
<P>Now that you can write to your black text layer, select the entire layer for drawing. Go to the Filter/Blur/Gaussian Blur tool in the top menu. You抣l notice that your shadow looks smooth now. Play with the scroll bar until you get the level of blurring that you like. <P>
<H3><FONT COLOR=YELLOW><I>Non-Text Shadows:</I></FONT></H3>
<P>Of course, the shadow trick is not completely restricted to text. If you like, you can do the same thing to selections of any shape. All you have to do is make a new layer and fill the selection in with black.</P>
<!--Bottom Navigation-->
<A NAME="bottom"></A>
<!--End Bottom Navigation-->
</STRONG>
</FONT>
<!--End Body-->
<!--Bottom-->
<BR>
<IMG SRC="gradbar.jpg">
<BR>
<FONT SIZE=2 COLOR=#8B8B8B FACE=Helvetica>
<I><font color="#FBFBFB">T</font><font color="#F7F7F7">h</font><font color="#F3F3F3">e</font><font color="#EFEFEF"> </font><font color="#EBEBEB">G</font><font color="#E7E7E7">a</font><font color="#E3E3E3">m</font><font color="#DFDFDF">e</font><font color="#DBDBDB"> </font><font color="#D7D7D7">P</font><font color="#D3D3D3">r</font><font color="#CFCFCF">o</font><font color="#CBCBCB">g</font><font color="#C7C7C7">r</font><font color="#C3C3C3">a</font><font color="#BFBFBF">m</font><font color="#BBBBBB">m</font><font color="#B7B7B7">i</font><font color="#B3B3B3">n</font><font color="#AFAFAF">g</font><font color="#ABABAB"> </font><font color="#A7A7A7">M</font><font color="#A3A3A3">e</font><font color="#9F9F9F">g</font><font color="#9B9B9B">a</font><font color="#979797">S</font><font color="#939393">i</font><font color="#8F8F8F">t</font><font color="#8B8B8B">e</font> - ⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -