当前位置:首页>ps实例教程>ps网页设计>网页模板>教程内容

PS简洁网页美工教程(3)

来源:网络 作者:ziluobo 学习:13127人次

  21 现在我们开始为特色区域图片创建标题和描述.选择矩形工具(U)创建矩形大小为630px乘以 90px,颜色为#161718. 改变图层不透明度为90% 命名为"title bg". 如下放置图片.

  22 创建矩形630px乘以 1px颜色#命名为"title horizontal pne". 放到内容的顶端命名为 "title bg" 层.

  23 根据以下所示,设置矩形内的标题和描述.

  标题设置:

  字体: Arial, 颜色: #ffffff, 大小: 25pt自动反锯齿选项: 锐利

  描述设置:

  字体: Arial, 颜色: #a4a4a4, 大小: 12pt自动反锯齿选项: None

  创建"快速引用"部分

  24 创建另外一个组在 header组内,并且命名为"quick quote". 选择椭圆形工具新建300px 乘以340px像素的矩形. 放置这个矩形到特色项目选区10px 的地方命名为"qq container".

  25 下一个步骤我们将会复制之前制作的另外一个图层的样式.进入"navigation" 组, 右击"hover"层, 选择复制图层样式, 回到"qq container" 层,右击选择粘贴图层样式.

  26 选择水平排版工具. 键入 "Quick Quote"在"qq container" 距离内容层顶部和左边 20px的地方. 设置字体为Trebuchet MS (或者其他web保险字体) 颜色为白色(#ffffff) 反锯齿选项设置为锐利. 我们将使用椭圆形工具创建表单. 选择椭圆形工具,设置半径为 3px. 然后新建两个矩形大小为260px乘以 35px 颜色为白色 (#ffffff). 分别命名为 "field1"和"field2". 创建第三个矩形,大小为260px 乘以 75px 颜色为白色(#ffffff)命名为"field3". 使用文字工具分别写上各自标签.

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!