打造一个漂亮的网页界面
- 2012-07-03 17:44:58
- 来源/作者:互联网/佚名
- 己被围观次
Graphic design studio web layout tutorial 图形设计工作室网页布局的教程 像往常一样,希望通过实例教程传递布局构架理念,不只是在告诉大家网站是如何一点点设计出来的。所以希望看到灵活
11、然后,要使用铅笔工具绘制一些箭头。当使用铅笔工具时,可以设置1px的画笔笔尖。你可以看到,白色像素箭头下,同时椭圆工具创建了一个圆形底框。
12、在导航下方创建一个较大的圆角矩形,用于放置幻灯片式的图片动画翻滚区域。
13、为banner的动画区域添加操作按钮,这里使用与导航相同的箭头样式。
14、在banner矩形下方,使用椭圆工具添加一个黑色的形状,如下图。
15、然后使用滤镜>模糊>高斯模糊。设置8-10px为半径。
16、然后使用编辑>变换>扭曲,设置如下图。
17、下一步是在橙色铅笔。并用圆角矩形工具画一个橙色的形状,加入文字信息。
英文原教程是给了一个下载矢量素材的网站,不过可惜这个网站不复存在,用了代理翻墙也没找到这个网站,所以只能用位图代替。
18、继续创建一个简单的橙色按钮。这个按钮要非常明显,它会增加你的转换。换成你网站热点的关键词,醒目的Button可以赢得更多的点击。
19、继续向页面加入一些图标和文字,注意icon效果和文字布局。
20、图标的图层样式参数如下。
21、下一步是创建一个Logo。
22、最后,你可以看到最终结果。
*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)
标签(TAG)
上一篇:PS绘制一个蓝色可爱的立体小瓶
下一篇:绘制漂亮的淡彩素描画效果