[photoshop]LOGO实战一例：绘制商城LOGO

PS在商业广告中应用很广泛，有很多的广告、LOGO都是用PS做出来的。今天我们就用PS做
一个商城的LOGO，把绘制过程和思路发上来供大家参考。本例主要是通过手绘两个彩色购物袋
及配合文字做出漂亮的LOGO。最终效果如下：
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_5e0a3a6c774fd56ac403SSuOky7mU6p6.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683828&k=b2b499d4afdd53a94dd4e2b3a493073b&t=1214267551&nothumb=yes][b][color=#0000ff]12121.jpg[/color][/b][/url] (14.17 KB)
2007-12-12 19:15


1、在PS中新建一300*400，分辨率72，白色背景的文件。按Ctrl+Shift+N新建一层
（使用PS默认名称——图层1），设置前景色为50%灰，使用矩形形状工具画出如下图的矩形：
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_e90079d0aeaf8a7de8dcYttnqSISrnVI.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683407&k=7ad58742d1248032f65a87d788abd6dd&t=1214267551&nothumb=yes][b][color=#0000ff]1.JPG[/color][/b][/url] (1.78 KB)
2007-12-12 14:36


2、按Ctrl+T,右键，扭曲，将刚才所画的矩形扭曲成如下所示的形状：
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_afb1ef553247b5d8f4d5YRrEAJ5L7QVc.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683408&k=67fca20616ce3a2b0b92a4f620b9a641&t=1214267551&nothumb=yes][b][color=#0000ff]2.JPG[/color][/b][/url] (1.67 KB)
2007-12-12 14:36


再为此图层添加渐变叠加的图层样式，参数如下：
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_527f6f03f6c0dffac8505Q330Ja0PJui.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683409&k=613b5cc0b4c669ff7a233f9d968291e3&t=1214267551&nothumb=yes][b][color=#0000ff]3.JPG[/color][/b][/url] (17.31 KB)
2007-12-12 14:36


效果： [img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_fa08f9f6b281ca892e6eD1anQ3AT235H.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683410&k=b0312775dc3252ae54a670679587c223&t=1214267551&nothumb=yes][b][color=#0000ff]4.JPG[/color][/b][/url] (2.04 KB)
2007-12-12 14:36


3、按Ctrl键在图层面板中点图层1载入选区，再执行：选择》修改》收缩，将选区收缩3个像素，
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_4d66bbd5516ec39663f0eFhCtgVs6IIo.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683411&k=9b7dddf0efa47e07a27ce072c409de58&t=1214267551&nothumb=yes][b][color=#0000ff]5.JPG[/color][/b][/url] (2.84 KB)
2007-12-12 14:36


再新建一层（图层2），在选区内自左上角向右下角拉白到黑的渐变
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_683b27069acef4d5d2b2OJKZOFTOZeFs.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683412&k=da64adcc4be516b6c9c34337326f1054&t=1214267551&nothumb=yes][b][color=#0000ff]6.JPG[/color][/b][/url] (3 KB)
2007-12-12 14:36


取消选择，把图层2的图层模式改为叠加，效果如下：
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_aa50cbe12b0840775174PpmvBpq6vLF9.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683413&k=f9ebef63aad5821433734b3db481425b&t=1214267551&nothumb=yes][b][color=#0000ff]7.JPG[/color][/b][/url] (2.2 KB)
2007-12-12 14:36


4、新建一层（图层3），设置前景色为50%灰，使用矩形形状工具画一矩形，按Ctrl+T,右键，变形，
将刚才所画的矩形变形成如下所示的形状并使它与图层1对齐
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_0c04f3876aa2c387d95dnW0TvYdquV1u.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683502&k=a29472be9251a0125c72a87142f7d8be&t=1214267551&nothumb=yes][b][color=#0000ff]8.JPG[/color][/b][/url] (2.51 KB)
2007-12-12 15:36


为此图层添加渐变叠加的图层样式，参数如下：
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_a213984da76265d6d58dmjOphTKfDiv3.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683503&k=f85a024a366582bf91d8999c9b076336&t=1214267551&nothumb=yes][b][color=#0000ff]9.JPG[/color][/b][/url] (17.29 KB)
2007-12-12 15:36


得到下图：
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_aa38100a1db919189bc6AwYybvsCS4qk.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683504&k=f2305d827f43a3d27396fa2948ac3ebe&t=1214267551&nothumb=yes][b][color=#0000ff]10.JPG[/color][/b][/url] (2.88 KB)
2007-12-12 15:36


5、按Ctrl键在图层面板中点图层3载入选区，再执行：选择》修改》收缩，将选区收缩3个像素，按住
Alt键，使用多边形选择工具将选区减少一半：
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_12f3f447fc18dc8792268VBmgKoMOAAc.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683505&k=a63977f505145698e54f4624bab97c95&t=1214267551&nothumb=yes][b][color=#0000ff]11.JPG[/color][/b][/url] (3.1 KB)
2007-12-12 15:36


新建一层（图层4），在选区内自上向下拉白到黑的渐变
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_624a616612977d11975exOxKeeiRnDeX.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683506&k=87bf84fc988bc7e50154f6003bd47e34&t=1214267551&nothumb=yes][b][color=#0000ff]12.JPG[/color][/b][/url] (12.26 KB)
2007-12-12 15:36


将图层4的图层模式改为叠加，降低不透明到75%，如下图：
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_45334cbe5d859a8c32d4aSxUQM0Bzc9y.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683507&k=a0ab8f3a4ee7ead20bc108d5fe722938&t=1214267551&nothumb=yes][b][color=#0000ff]13.JPG[/color][/b][/url] (2.91 KB)
2007-12-12 15:36


6、到此步一个购物袋的外形已经完成了，下面来为它加个提带：
A、我选择使用字母“U”来做，首先打出“U”来，这里我使用的字体是Arial,大小36，
然后栅格化文字（U）。
B、按Ctrl+T,右键，垂直翻转，移动到合适的位置，再右键，透视，做一些小的调整，如下图：
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_75b123b31311c609a047zDzoSy06Tj9O.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683508&k=31d9686f8a8f2f8a5bfca80f80adb221&t=1214267551&nothumb=yes][b][color=#0000ff]14.JPG[/color][/b][/url] (7.19 KB)
2007-12-12 15:36


C、为了使提带更逼真，我为其添加“渐变叠加”图层样式，参数如下：
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_b66ed32386dacc88d754EVKZ1JBPJsQ0.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683509&k=66f42ec3ae33939f9b5010dbf4bdfc45&t=1214267551&nothumb=yes][b][color=#0000ff]15.JPG[/color][/b][/url] (17.34 KB)
2007-12-12 15:36


再添加“描边”图层样式，参数如下：
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_ebd598e1221f35fb172eLYZEseXI5Obg.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683510&k=483dd67d85b6f7772238e7c971f93588&t=1214267551&nothumb=yes][b][color=#0000ff]16.JPG[/color][/b][/url] (15.36 KB)
2007-12-12 15:36


结果如下：
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_8bca32e8da2406f5840a0heQueChUCbk.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683511&k=d222a7b34e715b00ecc0a5c11b239cb5&t=1214267551&nothumb=yes][b][color=#0000ff]17.JPG[/color][/b][/url] (3.07 KB)
2007-12-12 15:36


D、为提带的下部加两个小孔：
新建一层（图层5），前景色高为黑色，用矩形形状工具按住Shift键画一小的正圆，用软边
的橡皮工具在正圆的上方擦一下并移动到带子的下边；用同样地办法做出另一个小孔。如下图示：
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_89b57ef67aabc1ccd4a9pNcMxgCbyYFd.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683512&k=254ff229ac97050bf65b96cfc883f3a9&t=1214267551&nothumb=yes][b][color=#0000ff]18.JPG[/color][/b][/url] (3.11 KB)
2007-12-12 15:36


E、复制“U”并放在图层1的下面，移动到合适的位置，做出另一边的提带：
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_96e201efebb577f4b3c8iohj0MZIO9ib.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683525&k=4f62fa0c2829c26f1560d20e3d4b7da3&t=1214267551&nothumb=yes][b][color=#0000ff]19.JPG[/color][/b][/url] (3.39 KB)
2007-12-12 15:45


图层顺序截图：
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_db900285debbbc6926d33f1OfxeQ9sUW.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683526&k=5d22c093936b10406e50a2b3a7bd62f3&t=1214267551&nothumb=yes][b][color=#0000ff]20.JPG[/color][/b][/url] (23.3 KB)
2007-12-12 15:45


7、用文字工具输入“JCWCN”，放在最上层，栅格化后，按Ctrl+T,调整大小，右键，透视，放置在
合适的位置。
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_ce7f36d53bba58ee12f3cAG37xFJPQaS.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683812&k=c9c1baeed543db0612552693c8370e8a&t=1214267551&nothumb=yes][b][color=#0000ff]21.JPG[/color][/b][/url] (3.54 KB)
2007-12-12 19:01


到此为止一个完整的购物袋画完了。

下面进入下一阶段的制作：
1、把除背景层外的所有图层，放在一个组（组1）中，图层顺序不要变。复制组1得到组2，移动组2，如下图示：
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_fbabbf53114b9adbcbc3osLHTwT0yzu4.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683813&k=708553eac514469da7074df1c8480c51&t=1214267551&nothumb=yes][b][color=#0000ff]22.JPG[/color][/b][/url] (6.12 KB)
2007-12-12 19:01


2、对组2内的图层进行编辑，做出不同颜色的购物袋：
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_7ce974e0be54ed3acf7dhpvALmjrgjNV.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683814&k=71d03a84a0538546167189833baf32f0&t=1214267551&nothumb=yes][b][color=#0000ff]23.JPG[/color][/b][/url] (5.8 KB)
2007-12-12 19:01


3、将组1和组2转换成智能对象（这样才可以对它们添加图层样式），按Ctrl+T,分别把组1旋转10度，
组2旋转-10度，移动放置到合适的位置：
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_536585cf5db297ac7e9aNZ10cSYAevh8.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683815&k=3ff4e7c28471e2483026edc81cf3eff3&t=1214267551&nothumb=yes][b][color=#0000ff]24.JPG[/color][/b][/url] (5.25 KB)
2007-12-12 19:01


4、为组1添加图层样式：投影，参数如下：
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_2168f1dc14feb1e0f30aSqrm67TiFeC2.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683816&k=e80030d0c7f416165acfc1114f2eee4a&t=1214267551&nothumb=yes][b][color=#0000ff]25.JPG[/color][/b][/url] (22.88 KB)
2007-12-12 19:01


为组2添加图层样式：投影，参数如下：
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_4dc7424bb7ecfb69e0e4bcOZs4GIVRJ7.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683817&k=504a289dbfdccbe2239fbb098d9db116&t=1214267551&nothumb=yes][b][color=#0000ff]26.JPG[/color][/b][/url] (22.27 KB)
2007-12-12 19:01


效果如下：
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_c7ed976ff502f242940bl9HedSbeoUXN.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683818&k=d93f220f71f91938c899ea31e523b9c0&t=1214267551&nothumb=yes][b][color=#0000ff]27.JPG[/color][/b][/url] (5.26 KB)
2007-12-12 19:01


最后再加入文字，效果如下：
[img]http://bbs.jcwcn.com/images/default/attachimg.gif[/img] [img]http://bbs.jcwcn.com/attachments/month_0712/20071212_f00453130e9e8794ff8fT7lLn1DvubdL.jpg[/img] [img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683819&k=c8ed57c1e9f4073240476e77f3329614&t=1214267551&nothumb=yes][b][color=#0000ff]28.JPG[/color][/b][/url] (8.19 KB)
2007-12-12 19:01


5、在背景层上新建一层，用矩形选区工具建一矩形选区，调整大小，先填充白色,再用描边命令
做出简单边框。再用渐变工具做一个背景，完成制作！效果如下：

[[i] 本帖最后由 Derek-Yu 于 2008-5-9 02:39 编辑 [/i]]
附件 - [url=http://bbs.jcwcn.com/thread-97566-1-1.html][color=#0000ff]用工具下载会多扣金币，详情点击[/color][/url][img]http://bbs.jcwcn.com/images/attachicons/image.gif[/img] [url=http://bbs.jcwcn.com/attachment.php?aid=683823&k=ddbf33b6f90e9bda6c0a9b2b3562a46f&t=1214267551&nothumb=yes][color=#0000ff]12121.jpg[/color][/url] [i](14.17 KB)[/i] 2007-12-12 19:06
[img]http://bbs.jcwcn.com/attachments/month_0712/20071212_550d5cb8ac69bc44a63akuUY8xKtqij4.jpg[/img]