广

Photoshop教程

  • Photoshop教程
  • Fireworks教程
  • Illustrator教程
  • Coreldraw教程
  • ArtiosCAD教程
  • 3Dsmax教程
  • Painter教程
  • 首页 > 学习 > 设计软件 > Photoshop

    Photoshop设计活泼手绘风格网页界面

    2018-10-11 11:23:17 次阅读 稿源:互联网
    处理 SSI 文件时出错

    第十四步填充额外的内容

    添加剩下的内容就非常简单了,我们只需使用直线工具来分开每个部分,在添加些图标和文字,这里我们用到的是一种干净的字体Helvetica Condensed,。下图就是body部分的整体效果了。

    Photoshop设计活泼手绘风格网页界面

    第十五步—底部广告部分

    我们已经到了底部放置广告部分了,这里的带状条将会再一次应用起来,使用先前有的图片作为起点,下一步,我们要使用圆角矩形工具,前景色设置为白色半径为5px。接着我们需要在设置一些小的圆角矩形,颜色设置为#f8f7f3边框用深灰。你可以在下图的图层样式中设置边框(就是一种描边效果)。

    Photoshop设计活泼手绘风格网页界面

    这就是我们完成后创建的效果

    Photoshop设计活泼手绘风格网页界面

    现在让我们来添加标题和广告到每个盒子中,效果如下图:

    Photoshop设计活泼手绘风格网页界面

    第十六步 公告部分

    公告部分我们采取的是和header部分相似蒙板的方法,当然还有订阅新闻通讯等区域也是这样的方法,就像纸张粘上去的一样。首先我们给 header部分添加一种厚纸张效果,这个和body部分的方法基本一样。至于内容部分,选中矩形选框工具在右下角绘制小盒子颜色填充为#f9e5a6。完成按下CTRL-D取消选区,在选择加深工具,笔刷大小设置为35pixels加深棕色盒子的边角区域就像下图所示

    Photoshop设计活泼手绘风格网页界面

    Photoshop设计活泼手绘风格网页界面

    最后我们把图层的不透明度设置为60%再双击图层在图层样式中添加一些阴影效果,参数设置如下图,然后在添加一些内容。

    Photoshop设计活泼手绘风格网页界面

    完成后的效果很不错哦

    Photoshop设计活泼手绘风格网页界面

    一起学吧部分文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与一起学吧进行文章共享合作。

    处理 SSI 文件时出错
    处理 SSI 文件时出错
    处理 SSI 文件时出错