当前位置:首页 > PS教程 > 网页设计

使用ps打造一个企业网站首页设计制作全

  • 2022-12-24 19:43:07
  • 来源/作者:互联网/佚名
  • 己被围观

先整理好需要做的内容至一个文件夹中。 打开photoshop新建一个空白面板。 选择矩形工具绘制一个980*auto的图形。

  把最右侧的文字吸附在右侧辅助线上。(按住shift键拖拽)

bbs.16xx8.com

  选择所添加的导航文本图层。(点击第一个,按住shift点击最后一个。)

bbs.16xx8.com

  点击水平居中对齐。

bbs.16xx8.com

  整体文本效果就对齐了。

bbs.16xx8.com

  新建一个文件夹,用来存放导航栏上方空白处的内容。我们写上热线电话。

bbs.16xx8.com

  选择铅笔工具吧,一起来手绘下。

bbs.16xx8.com

  放大面板,画了一个小电话。

bbs.16xx8.com

  看看右上角的效果。

bbs.16xx8.com

  在menus下新建一个图层。

bbs.16xx8.com

  使用铅笔 按住shift绘制两条竖线。一条为深,一条为浅。

bbs.16xx8.com

  使用快捷键,ctrl+j 复制刚才所绘制的图层

bbs.16xx8.com

  选择第一个绘制的结果以及第一个与第二菜单,使用对齐工具对齐。

  选择最后一个铅笔绘制的竖线,同样选择左右两侧的文本使用对齐工具对齐。

bbs.16xx8.com

  初步看见的效果。

bbs.16xx8.com

  选择所有的铅笔绘制的竖线,使用快捷键ctrl+e合并图层。

bbs.16xx8.com

  使用套索工具,设置余羽化像数。

bbs.16xx8.com

  选择上下边缘,使用delete键删除达到羽化效果。

bbs.16xx8.com

  最后完成后的导航。

bbs.16xx8.com

  绘制一个鼠标经过的效果矩形给该矩形添加渐变及描边,内发光。(根据自己需求)。

bbs.16xx8.com

  新建banner文件夹,并在里面绘制一个满屏,高度为350px(根据情况而定)的矩形。

bbs.16xx8.com

  使用矩形选择工具选择在辅助线内的banner实际大小。

bbs.16xx8.com

  在图层面板使用蒙板针对该文件夹做遮罩。

bbs.16xx8.com

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

标签(TAG) qp3db 网页模板

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条