在这一篇文章中，我们和大家分享一些网页效果图绘制的在线教程，在这些教程中，将教给大家如何从概念草图，到成型的效果图过程。这些WEB界面包括传统的blog，wordpress主题，web2.0风格，到现在流行的移动设备的应用程序界面，希望会对你有所帮助。

在photoshop中绘制Twitter App
http://psd.tutsplus.com/tutorials/interface-tutorials/twitter-app-interface/

从草图到完成图，在photoshop中如何绘制一个夜晚主题的效果图
http://psd.tutsplus.com/tutorials/interface-tutorials/photoshop-web-design-night-theme/

绘制一个细节精致的iPad 应用程序
http://psd.tutsplus.com/tutorials/interface-tutorials/user-interface-ipad-app/

在photoshop中绘制带有纹理效果的个人网站
http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-grungy-translucent-web-portfolio-design/

在photoshop中绘制wordpress主题
http://www.grafpedia.com/tutorials/design-a-creative-wordpress-theme

绘制一个专业的Web 2.0效果图
http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-professional-web-2-0-layout/

在photoshop中绘制一个音乐应用程序
http://psd.tutsplus.com/tutorials/interface-tutorials/web-user-interface-audio/

在photoshop中绘制iPhone App
http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-promotional-iphone-app-site-in-photoshop/

如何绘制一个3D效果的WEB效果图
http://www.grafpedia.com/tutorials/design-amazing-3d-hosting-layout

在photoshop中绘制 Mobile Task Manager App
http://psd.tutsplus.com/tutorials/interface-tutorials/mobile-task-manager-app/

在photoshop中绘制简约复古风格的web界面
http://psd.tutsplus.com/tutorials/interface-tutorials/retro-web-design-layout/

在photoshop中绘制一个带有纹理的脏兮兮的WEB效果图
http://psd.tutsplus.com/tutorials/interface-tutorials/how-to-create-a-grunge-web-design-in-photoshop/

在photoshop中绘制音乐类型的web效果图
http://devisefunction.com/2010/02/16/beautiful-music-streaming-website-design-in-photoshop/

杂志风格漂亮WEB界面设计教程
http://10steps.sg/tutorials/photoshop/designing-sleek-interface-for-a-magazine-portal/

在photoshop中绘制带有纹理效果的WEB效果图
http://psd.tutsplus.com/tutorials/interface-tutorials/fabric-textured-web-layout/

在photoshop中绘制带有真实纹理的WEB效果图
http://psd.tutsplus.com/tutorials/interface-tutorials/how-to-make-a-highly-textured-site-layout-in-photoshop/

如何绘制blog主题
http://psd.tutsplus.com/tutorials/interface-tutorials/how-to-make-a-creative-blog-layout/

如何绘制水彩风格的WEB效果图
http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-watercolor-themed-website-design-with-photoshop/

在photoshop中绘制一个色彩绚丽的WEB效果图
http://psd.tutsplus.com/tutorials/interface-tutorials/how-to-create-a-unique-colorful-site-layout/