在photoshop中怎样绘制一个蹩脚的页面效果图

  • 设计师们的作品集网站是他们在网络上的自我表现,绝大多数情况下这些网站表现了设计师的个人风格。有很多种方法来创建作品集网站,在这篇文章中,你将学会如何利用photoshop制作一个脏兮兮的蹩脚风格的网站。
    首先,让我们看看最终的效果
    在photoshop中怎样绘制一个蹩脚的页面效果图

    这里罗列了一些素材可供下载:

      1. CURLY BRUSH
      1. TORN EDGES
      1. PAPER TEXTURE
      1. BACKGROUND TEXTURE
      1. SOCIAL ICONS

    1. 首先打开960 PSD。把画布尺寸变成 1440 x 1220。我们改变画布的话饮食,这样我们就可以应用大尺寸的纹理素材作为背景。
    在photoshop中怎样绘制一个蹩脚的页面效果图
    2. 创建一个新图层,命名为bgfill,填充颜色 “#aa926a”
    在photoshop中怎样绘制一个蹩脚的页面效果图
    3. 打开纹理,复制并且粘帖到我们的画布中
    在photoshop中怎样绘制一个蹩脚的页面效果图
    4. 创建一个新的图层,命名为 gradient。选择渐变工具,选择线性渐变,从前景色到透明。从画布的头部到底端按住shift键拖拽渐变。
    在photoshop中怎样绘制一个蹩脚的页面效果图
    5. 这就是我们现在的效果
    在photoshop中怎样绘制一个蹩脚的页面效果图
    6. 好了,我们在画布的边缘部分仍然想要一些纹理效果。这是为了宽屏幕用户(1600+resoulation)考虑的,这样在宽屏下看网站不会太枯燥。利用矩形选区选择一个狭窄的区域然后填充渐变。
    在photoshop中怎样绘制一个蹩脚的页面效果图
    7. 现在的效果
    在photoshop中怎样绘制一个蹩脚的页面效果图
    8. 好了,我们要把纸张的纹理放置在页面的中间。记住要在头部的位置预留出一定的空间。好了,这就是我们现在的效果。利用标尺对其页面的边缘。
    在photoshop中怎样绘制一个蹩脚的页面效果图
    9. 我们要给这个纸张添加一些阴影,以增强真实效果。按照下面的参数进行设置
    在photoshop中怎样绘制一个蹩脚的页面效果图
    10.好了,这就是现在的样子
    在photoshop中怎样绘制一个蹩脚的页面效果图
    11. 我们要在这个纸张上添加一个分割,利用刚刚下载的笔刷就可以了
    在photoshop中怎样绘制一个蹩脚的页面效果图
    12.我们需要在头部添加一些细节,让它看起来不会太空。我们可以利用花形状的笔刷。
    在photoshop中怎样绘制一个蹩脚的页面效果图
    14. 我们要应用到一些混合属性。双击图层打开图层属性面板,找到图案叠加,载入叫做 Grayscale patterns的图案。下面是相关参数。
    在photoshop中怎样绘制一个蹩脚的页面效果图
    15. 现在的效果。
    在photoshop中怎样绘制一个蹩脚的页面效果图
    16.利用矩形选区创建四个菜单,填充不同的颜色。保证这几个菜单图层在纸张图层的下面。我用的是渐变颜色,字体选择的是Italic.
    在photoshop中怎样绘制一个蹩脚的页面效果图
    17. 我们添加了一些内容
    在photoshop中怎样绘制一个蹩脚的页面效果图
    18. 利用形状创建两个箭头。用任何一个 grunge bursh轻轻的擦除形状,让他们看起来有一些纹理。
    在photoshop中怎样绘制一个蹩脚的页面效果图
    添加斜面与浮雕,参数如下。
    在photoshop中怎样绘制一个蹩脚的页面效果图
    19.我们仍然需要添加两个内容分割线。用之前应用过的笔刷来绘制分割线即可。
    在photoshop中怎样绘制一个蹩脚的页面效果图
    20. 好了,添加一些图标和文字。保持图标的透明度在50%。
    在photoshop中怎样绘制一个蹩脚的页面效果图
    字体为Skecth Rockwell,设置内阴影,参数如下。
    在photoshop中怎样绘制一个蹩脚的页面效果图
    21. 添加必要的文字,版权部分等等。这时候我们就得到了最终的效果。
    在photoshop中怎样绘制一个蹩脚的页面效果图
    这是内容页看起来的效果。
    在photoshop中怎样绘制一个蹩脚的页面效果图
    via

    1
    非特殊说明,本文版权归原作者所有,转载请注明出处
    本文链接:http://sudasuta.com/469.html
    订阅本站:http://sudasuta.com/rss
    转载请注明来源:苏打苏塔设计量贩铺《在photoshop中怎样绘制一个蹩脚的页面效果图》

      繁夕设计 包图网 Eagle 图片整理利器 双生子日记微信表情包




  • 点赞最多的文章

  • 标签

  • 文章归档

    2月0 篇文章
    3月0 篇文章
    4月0 篇文章
    5月0 篇文章
    6月0 篇文章
    7月0 篇文章
    8月0 篇文章
    9月0 篇文章
    10月0 篇文章
    11月0 篇文章
    12月0 篇文章
    1月0 篇文章
    2月0 篇文章
    3月0 篇文章
    4月0 篇文章
    5月0 篇文章
    6月0 篇文章
    7月0 篇文章
    8月0 篇文章
    9月0 篇文章
    10月0 篇文章
    11月0 篇文章
    1月0 篇文章
    2月0 篇文章
    3月0 篇文章
    4月0 篇文章
    5月0 篇文章
    6月0 篇文章
    7月0 篇文章
    8月0 篇文章
    10月0 篇文章
    11月0 篇文章
    12月0 篇文章
    1月0 篇文章
    2月0 篇文章
    3月0 篇文章
    4月0 篇文章
    5月0 篇文章
    6月0 篇文章
    7月0 篇文章
    9月0 篇文章
    10月0 篇文章
    11月0 篇文章
    12月0 篇文章
  • 独立设计品牌

    chongchong
    kuose
    nh