ps活泼手绘风格网页的设计和制作4

时间:2013-08-06 13:25:08  作者:啤酒  阅读:1802240

本例为Photoshop网页设计实例教程,在教程中我们将学习如何运用PS设计和制作活泼手绘风格的网页,本photoshop web界面教程将分背景、header部分、body部分、footer部分四个步骤讲解,希望能给朋友们带来帮助~~

步骤/方法

1.第八步 贴上一个便签 

我们使用了一个便签设计来分开空间来介绍我们网站的优惠注册信息。这个在整个盒子主题上运用的非常好,设计这样一个便签效果需要创建另一个新的图层,选择钢笔工具使用钢笔工具来绘制一个方形区域如下图所示

2.在你完成之后转到路径面板,按住CTRL键点击路径图层,接着你会看到方形区域已经载入选区了,之后使用前景色#fffb78背景色#fffcd1从左上角到右下角绘制渐变。你将会看到这样一个熟悉的黄色便签纸形状。

3.第九步 

现在我们需要再一次添加阴影效果,给这个便签纸添加深度,所以创建另一个新层(CTRL+SHIFT+N)。过程如之前给白纸创建阴影差不多,但是是将不透明度设置为40%。你需要变换一下阴影来创建一种倾斜效果,轻微的拖动一下如图所示。

4.第十步给便签纸添加内容 

下一步,给便签纸添加一些文字,在我们的便签纸中我们要添加一些加入等按钮,为了创建相似的按钮首先我们绘制一个盒子使用绿色填充,然后添加一个蒙板选择一种grudge 笔刷。下一步遮住按钮的一些部分看起来就像破损一样,这就是我们创建邮戳的效果。

5.这个是最后呈现的效果。

Photoshop app电脑
Photoshop app
大小:135.78MB  时间:08.24  赞:0

相关文章

  • Photoshop软件无法安装提示已停止工作初始化失败怎么办
    Photoshop软件无法安装提示已停止工作初始化失败怎么办

    ps无法安装提示已停止工作初始化失败怎么办?photoshop是一款非常热门的图像处理软件,很多小伙伴们都在使用。部分小伙伴在安装photoshop的时候会出现无法安装的情况,这可怎么办?快和52z飞翔网小编一起来看看怎么解决ps安装失败问题吧!

    16777215
  • 如何检测一张图片是否被PS过
    如何检测一张图片是否被PS过

    网上购物,或是查找信息时都听说过“有图有真相”,不过在很多时候,有图不一定就有真相。因为现在很多图片都会经过PS,很多时候显现在我们面前的并非是真实、原始的图片。

    16777215
  • photoshop把二维码设置为透明背景教程
    photoshop把二维码设置为透明背景教程

    photoshop怎么把二维码设置为透明背景?我们在设计图稿时,二维码带有一个白色背景非常的不方便,下面给大家介绍一下photoshop把二维码设置为透明背景教程。

    16777215
  • photoshop瘦脸图文教程
    photoshop瘦脸图文教程

    在ps软件中打开一个圆脸的美女

    16777215
  • Photoshop CS4 CS5 CS6序列号大全
    Photoshop CS4 CS5 CS6序列号大全

    在安装Photoshop时经常会提示需要输入序列号,再说安装之前有没有准备,临时上哪去找啊,于是晚上没事情做我们整理了photoshop cs4,cs5,cs6的大量的序列号,大家如果安装Photoshop时需要序列号我们可以分别试一下序列号哦

    16777215
  • PS可爱女生手绘效果教程
    PS可爱女生手绘效果教程

    这种照片拍摄的还可以就是有些灰,看着没有戈壁上的那种苍凉,所以我们通过一些手段,让这张照片能够更好的展现出戈壁滩上的风貌

    16777215
  • PhotoShop雪花字体效果添加教程
    PhotoShop雪花字体效果添加教程

    PS雪花字体效果怎么弄?用PS做出雪花字体的效果真的非常的漂亮,下面为大家带来PhotoShop雪花字体效果添加教程,一起来学习下吧。

    16777215
  • PS把照片制作成唯美水彩画方法
    PS把照片制作成唯美水彩画方法

    这篇教程教PS照片处理学习者们使用PS把照片制作成唯美水彩画,教程制作出来的效果非常牛,制作的难度一般,推荐过来朋友们一起分享,一起学习了,我们先来看看原图和最终的效果图吧:

    16777215