超强：PS体现二维效果——鼠绘概念自行车
<DIV id="gg_bbs"> </DIV>作者：<a href="http://www.16xx8.com/" target="_blank">钟百迪 </a> <a href="http://bbs.16xx8.com/" target="_blank">教程</a>来源：PConline <br> 本例子是关于photoshop鼠绘一辆概念自行车的教程，通过详细的步骤，完整再现了一张二维产品的效果图<a href="http://bbs.16xx8.com/" target="_blank">。</a>在绘制的过程中，笔者综合运用了多种技术，这些技术对于表现产品的外观造型、质感和光感都有很大的作用，也是本例学习重点<a href="http://bbs.16xx8.com/" target="_blank">。</a><br> 我们先看看效果图<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171617339.jpg" alt="" border="0"><br>最终效果图<br> <br> 1.按Ctrl+N键新建一个文件，设置弹出的对话框如图1所示<a href="http://bbs.16xx8.com/" target="_blank">。</a>设置前景色#19161C如2所示，背景色为白色，选择线性渐变工具，在背景上方到下方绘制一条渐变，得到如3图所示<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171618966.jpg" alt="" border="0"><br>图1<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171618324.jpg" alt="" border="0"><br>图2<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171618886.jpg" alt="" border="0"><br> 图3<br> 2.用钢笔工具，将自行车的车身画出来，如图4<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171618836.jpg" alt="" border="0"><br>图4<br> 3.按住Ctrl+Enter,载入选区，接下来的选区做法都是相同，如图5<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171618343.jpg" alt="" border="0"><br>图5<br> 4、新建立一个图层，命名为车身，选择前景色，参数设置如图6，按住Alt+Delete填充前景色如图7，接着用圆形选区在车身选出一部分如图8，用加深工具<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171619719.jpg" alt="" border="0"><br>，加深工具参数设置如<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171619334.jpg" alt="" border="0"><br>，画出车身下面的暗面如图9 <br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171619151.jpg" alt="" border="0"><br> 图6<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171619372.jpg" alt="" border="0"><br> 图7<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171619717.jpg" alt="" border="0"><br>图8<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171619350.jpg" alt="" border="0"><br>图9<br> 5.新建图层，用钢笔工具在车身前面画如图010所示形状，载入选区，选择前景色#D2D1D0填充，并设置图层样式，图层样式参数<br> 如图11，效果如图12所示，用钢笔工具在车身上方画出车座，如图12<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171619936.jpg" alt="" border="0"><br> 图10<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171619201.jpg" alt="" border="0"><br>图11<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171619982.jpg" alt="" border="0"><br> <br>图12 用钢笔工具画出车座<br> <br> 6.新建图层，载入车座选区，选择前景色#565555填充，然后选择加深工具和减淡工具在车座上涂抹，参数设置参考图13和图14<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171620860.jpg" alt="" border="0"><br>图13<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171620542.jpg" alt="" border="0"><br>图14<br> 最后车座的高光和暗面如图15和图16所示，最后在车座和车身再用减淡加深工具进行细化处理，如图17<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171620285.jpg" alt="" border="0"><br>图15<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171620714.jpg" alt="" border="0"><br>图16画好高光的车座<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171620564.jpg" alt="" border="0"><br>图17<br> 7.绘制车座的高光效果，首先用钢笔工具在车座画出高光范围如图18，新建立一个图层，载入高光选区，填充白色，为高光图层添加图层蒙板如图19，改变高光的透明度，显得高光自然，用同样的方法画出车尾的高光，如图20 <br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171620206.jpg" alt="" border="0"><br>图18<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171620566.jpg" alt="" border="0"><br> <br>图19<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171620300.jpg" alt="" border="0"><br> <br>图20<br> <br> 8.新建图层，用钢笔工具绘制车把的形状，如图21，载入选区，填充前景色#7F7F7F，用减淡和加深工具，参数设置如图22和图23，绘制出车把的高光和质感，如图24和图25 <br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171620979.jpg" alt="" border="0"><br> <br>图21<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171621204.jpg" alt="" border="0"><br>图22<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171621379.jpg" alt="" border="0"><br>图23<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171621755.jpg" alt="" border="0"><br> <br>图24<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171621575.jpg" alt="" border="0"><br> <br>图25<br> 9，新建图层放在车把下面，命名为车闸，载入选取，填充前景色#666666，然后根据前面设置的加深减淡工具，画出车闸的高光<br> 和立体感，过程和效果图可以参照图26到图29，到这步，自行车的上面部分就已经绘制完毕，可以看看效果图30。<br> <br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171621894.jpg" alt="" border="0"><br> <br>图26<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171622120.jpg" alt="" border="0"><br> <br>图27<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171622389.jpg" alt="" border="0"><br> <br>图28<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171622369.jpg" alt="" border="0"><br> <br>图29<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171622203.jpg" alt="" border="0"><br> <br>图30<br> 10.新建图层，用钢笔工具绘制出下方的车链盖如图31，用前面的方法选择前景色#DF2F01,然后选择减淡工具以图33参数设置在车链盖<br> 前方画出高光，突出立体感，同时为车链盖添加高光，如图034<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171622344.jpg" alt="" border="0"><br>图31<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171622493.jpg" alt="" border="0"><br> <br>图32<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171622839.jpg" alt="" border="0"><br> <br>图33<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171622784.jpg" alt="" border="0"><br> <br>图34<br> 11.制绘车盘，新建图层，用椭圆形工具画出车盘的形状如图35，载入选取，填充前景色如图36，用减淡工具（参数设置如图38）画出车盘的高光如图39，用同样的方法画出车盘下方的托盘和车脚踏如图41和图44 <br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171623190.jpg" alt="" border="0"><br> <br>图35<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171623103.jpg" alt="" border="0"><br>图36<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171623957.jpg" alt="" border="0"><br> <br>图37<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171623985.jpg" alt="" border="0"><br>图38<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171623191.jpg" alt="" border="0"><br>图39画好高光的车盘<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171624170.jpg" alt="" border="0"><br> <br>图40<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171624393.jpg" alt="" border="0"><br> <br>图41<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171624297.jpg" alt="" border="0"><br>图42<br> <br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171624451.jpg" alt="" border="0"><br>图43<br> 12.绘制后车轮，按住Shift键同时拉出一个正圆形选取，填充灰色，将选取缩小，按键盘上Delete键，删除多余部分，得出车轮<br> 形状如图45，然后用前面 减淡加深工具的设置，涂抹出车轮外框的高光，如图46，绘制完毕后在后车轮外面在画一个外框做车胎如图，如果可以可以加上几条先装饰车轮，后轮绘制完毕 <br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171624102.jpg" alt="" border="0"><br> <br>图44<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171624693.jpg" alt="" border="0"><br> <br>图45<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171624142.jpg" alt="" border="0"><br> <br>图46<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171624228.jpg" alt="" border="0"><br> <br>图47<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171625568.jpg" alt="" border="0"><br> <br>图48<br> 绘制车柱，填充灰色，如图49<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171625193.jpg" alt="" border="0"><br>图49<br> <br> 选择减淡工具，参数设置如图50，涂抹出车柱的高光<a href="http://bbs.16xx8.com/" target="_blank">。</a><br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171625975.jpg" alt="" border="0"><br>图50<br> 选择渐变工具，画出车柱的内陷效果如图51<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171625878.jpg" alt="" border="0"><br>图51<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171625260.jpg" alt="" border="0"><br> 图52 是画好内效果的车柱<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171625263.jpg" alt="" border="0"><br> <br>图53 用同样方法拉出一个正方形的选取，填充灰色<br>本新闻共2<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171625923.jpg" alt="" border="0"><br>图54 收缩选取，按删除键，得到前轮的外框<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171625980.jpg" alt="" border="0"><br> <br>图55 选择减淡工具，参数设置如图<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171625486.jpg" alt="" border="0"><br>图56 用前面的减淡加深工具画出前轮的高光和暗面的立体感<a href="http://bbs.16xx8.com/" target="_blank">。</a><br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171626557.jpg" alt="" border="0"><br>图57 画好高光和立体感的前轮<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171626189.jpg" alt="" border="0"><br>图58 在前轮的外面画出一个车胎，用加深工具画出车胎的齿轮<a href="http://bbs.16xx8.com/" target="_blank">。</a><br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171626736.jpg" alt="" border="0"><br>图59 画出前轮内陷的铁矿，铁框的图层样式设置如 <br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171626441.jpg" alt="" border="0"><br>图60 <br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171626519.jpg" alt="" border="0"><br>图61 画好内框的前轮<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171626922.jpg" alt="" border="0"><br>图62 画出前轮的车外壳，用钢笔工具画出如图62的选取<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171626499.jpg" alt="" border="0"><br>图63 将选取羽化2像素<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171627120.jpg" alt="" border="0"><br>图64 用加深工具画出外壳的暗面<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171627254.jpg" alt="" border="0"><br>图65 画出外壳的高光<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171627505.jpg" alt="" border="0"><br> <br>图66 画好高光的前轮，同时为外壳做好投影效果<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171627921.jpg" alt="" border="0"><br> <br>图67 画出前轮里面的孔板，<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171627939.jpg" alt="" border="0"><br> <br>图68 如图，用较小的圆形画出孔的距离和大小<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171627557.jpg" alt="" border="0"><br> <br>图69 孔板的 图层样式参数<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171628329.jpg" alt="" border="0"><br> <br>图70 画好孔板的前轮，<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171628335.jpg" alt="" border="0"><br>图71 用钢笔工具画出外壳的支柱填充黑色并添加图层样式，图层样式的参数设置如图72和73<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171628456.jpg" alt="" border="0"><br>图72<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171628446.jpg" alt="" border="0"><br>图73<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171628132.jpg" alt="" border="0"><br>图74用小白色的圆点画出螺丝钉的立体感，螺丝钉的图层样式设置如图75和图76<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171628840.jpg" alt="" border="0"><br>图75<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171628145.jpg" alt="" border="0"><br> <br>图76<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171628410.jpg" alt="" border="0"><br> <br>图77 画出另外的支柱杆，图层样式一样的，画好后在中间弄几个孔，这样更逼真些. <br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171617339.jpg" alt="" border="0"><br>图78 <br> 最后别忘记画上自行车的投影，这样立体感才出来，至于标志和文字就由个人喜欢和设计了<a href="http://bbs.16xx8.com/" target="_blank">。</a> 好看!!{:soso_e113:} 这得要多高的美术功底啊... 我怎么看不到啊。
页:
[1]