当前位置:首页 > PS教程 > 鼠绘教程

打造一个漂亮的网页界面

  • 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+SAI人物照片转手绘教程 PS+SAI人物照片转手绘教程
  • 将真人照片转成可爱的卡通漫画效果 将真人照片转成可爱的卡通漫画效果
  • 细致唯美的人物转手绘教程 细致唯美的人物转手绘教程
  • PS绘制漂亮的动漫插画 PS绘制漂亮的动漫插画
  • 鼠绘必学之飘逸的发丝 鼠绘必学之飘逸的发丝
  • 非常细腻的鼠绘眼睛教程(手绘提高) 非常细腻的鼠绘眼睛教程(手绘提高)
  • 鼠绘一只愤怒的小鸟 鼠绘一只愤怒的小鸟