如何用PS来设计简单的网页

PS软件应用十分的广泛,修改图像,运用图层蒙版设计简单网页,文字排版,网页优化,包括导航图,网页底端的页脚,网页主题内容,特效文字的制作,动作按钮的设计等。今天和小编一起来学习如何用PS来设计简单的网页这篇文章吧。

操作方法

  • 01

    新建一个800X600像素的空白背景,颜色模式设置为RGB模式。RGB模式颜色是由红色,绿色,蓝色三种颜色相交构成,可以更好的显示网页中的色彩内容。

  • 02

    新建文件,点击确定,空白文件会自动显示在软件中。对于新建空白文件来说,图像的宽度和高度的大小要按照等比例进行设计,也可以不勾选重新定义新像素来实现。

  • 03

    打开一张车的图片,移动到白色背景画布中,选择圆角矩形工具,选择路径为了方便转换为选区,设置为5个像素,像素越大,圆角矩形的四个圆角就是更加的明显,然后选择渐变工具,选中系统自带的黑白渐变,修改黑白渐变的颜色,改为灰白,也可以设置前景色为灰色,背景色为白色进行渐变的填充,然后点击确定。

  • 04

    然后选择工作路径,鼠标CRL点击工作路径,设置为选区,选中线性渐变类型,然后画出渐变的颜色。渐变的方向是从上到下为白色到浅灰色的渐变效果图。

  • 05

    然后选择修改收缩2个像素,就是将选区收缩小2个像素,变小一些,然后再次从下向上渐变,然后alt快捷键复制2个,如图所示,然后找到车的一个的图标按钮,然后用磁性套索工具勾勒好,然后鼠标左键拉动到合适位置,然后选择3个图层,然后水平分布,和居中分布对齐。然后选择左对齐分布,分布均匀。分布按钮是在选择工具上方的工具栏中,有平均分布对齐等多个按钮。

  • 06

    然后再次用钢笔工具勾画另外一个车的图标,然后再用自由变换调整到合适位置,然后点击2个图层之后,进行左对齐分布。分布到形状中的最左边位置即可。

  • 07

    再次选择一个不同的车的图标设计图片,然后用钢笔工具进行勾画图标,或者为了方便,可以直接用魔棒工具来选择,选中其需要图形的一部分。

  • 08

    然后再次选中图形,形状图形,全部选中相应图层,调整水平分布和左对齐分布。当分布不均匀,可以按住鼠标左键自动进行调整。

  • 09

    所有的图标都自由变换,调整到合适位置,如图。按住crl+t来实现图形的自由变换的内容。如图

  • 10

    输入相应的文字,文字的颜色设置为黑色,将其三个文字图层,按住shift键和左右方向键进行移动调整来改变。之后将车的图片进行调整,便于观看,文字进行排版即可。

(0)

相关推荐

  • 如何用PS画笔工具设计图画

    现在越来越多的大学生毕业,都没有在校期间好好的学习,所以并没有更快的掌握软件的技术本领.而现在的用人单位,对办公软件的要求是越来越多.办公软件已经成为网络领域.编辑领域.设计领域.文字排版领域的常用软 ...

  • 如何用PS画一个简单的长方体?

    如何用PS画一个简单的长方体? 操作方法 01 打开PS,并新建一张画布 02 新建"图层1" 03 选取左侧"矩形选框工具" 04 在画布上拉出一个长方形,并 ...

  • 如何用PS软件设计出优秀的banner图

    近年来,各大权威知名网站的风格发生本质的变化:包括网站的框架.轮播图.布局等等都采用平面式的视觉元素:它们主要以色彩统一.布局清晰.视觉明朗等特点成为目前主流网站的大众化风格:下面本编人员就banne ...

  • 如何用PS做一个简单的面膜产品介绍页

    如果你准备成为一个网络电商平面设计人员的话,那你每天都会需要设计制作很多产品的介绍页,PS将会成为你每天都离不开的软件,今天,我们就来讲一个产品介绍页的制作案例,在PS软件中如何去做一个简单面膜产品介 ...

  • 如何用PS制作一个简单的圆形图标(Logo)

    在使用ps做设计时,我们常常需要设计图标,下面我们就来看看使用ps是如何制作简单的圆形图标的吧. 操作方法 01 打开ps新建一个文件,然后在工具箱内找到椭圆形选项,如图所示: 02 选择椭圆形选项在 ...

  • 小白如何用PS修照片,简单几步你就可以学成

    一些买了单反刚入门的小伙伴除了如何拍照构图,最苦恼的必定是修图了吧.一张照片如何简单的调节数值呢,PS就有这样的功能弥补你照相中采光颜色等等的小缺失! 操作方法 01 首先,把你的单反打开,按Menu ...

  • 如何用ps绘制一个简单的杯子

    怎么用ps绘制简单的杯子呢,今天就用ps教大家绘制一个简单的杯子,虽然简单,但是我们可以从中学到很多乐趣,让我们打开电脑开始吧,真的非常简单哟. 操作方法 01 打开ps软件,新建一个600*450的 ...

  • 如何用PS软件设计三折页广告?

    简单实用的三折页广告设计方法,学起来! 操作方法 01 打开PS软件,新建文件,新建图层,新建参考线 02 用钢笔工具绘制图中灰色区域,在路径面板下用前景色填充路径,选中"背景"图 ...

  • 如何用ps+C4D设计七夕节字体

    这些都是基本的设计软件,下面来看看PS+C4D七夕节字体设计视频图文教程制作步骤,希望对你有帮助 操作方法 01 文本输入七夕,调整字体,新建立方体,调整位置,压扁转换成可编辑对象,进入面成辑,倾斜, ...