帐号: 密码:
// 设为首页 // 收藏本站 // 请您留言 // 网址导航
远方教程-满足你的求知欲!
站内搜索:
HTML ASP PHP CSS DIV Dreamweaver Photoshop Word Excel PPT SEO技巧
您当前位置:网站首页 >> 站长讲堂 >> 网站建设 >> 阅读文章

网页美工-难得国外有这样好的教程

来源:远方教程 作者:远方教程 发布时间:2015-02-11 查看次数:34042 访问[新版]

 

  第二十五步

网页美工教材15164746.jpg

  现在开始设计第一个切换按钮的内容。我们需要一个精准设计的图像(有好看的标题和一些文字内容)。首先我们得创建这个精准的图片。这里我认为我们最 好打破这个图片尖锐的棱角设计,从而创造一个多彩的效果。因此我现在画一个白色有1像素灰色边框的长方形,再给它加上细微的阴影效果。

网页美工教材15164747.jpg

复制这一层并用变形工具稍微旋转。重复这个操作几次

网页美工教材15164748.jpg

  把你选好的图片导进来,放在白色长方形上面。不用担心图片会溢出,我们会修整它。选中最上层的长方形,按选择-》修改-》收缩 ,输入5px,确认,然后在图层管理区下方点击添加图层蒙版,这样图片就只显示选区范围。

网页美工教材15164749.jpg

这就是你现在图层的状态。

  第二十六步

网页美工教材15164750.jpg

不要忘记整理图层,这里新建图层夹把图层归类。

网页美工教材15164751.jpg

增加一个漂亮的标题、一些文本和列表,我们的设计工作又完成一部分。现在继续下一步吧。

网页美工教材15164752.jpg

再组织一下图层。

 

打印 打印 | 关闭 关闭 评论
相关文章
图片新闻
站内搜索  
搜索
猜您喜欢  
最新更新  
阅读排行  
关于我们 | 联系方式 | 大事记 | 免责声明 | | 给我留言
部分广告源自金山联盟2345联盟 QQ咨询 站长之家QQ群:232617873
Copyright 2024 远方教程 © All Rights Reserved.

回顶部