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

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

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

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

  先整理好需要做的内容至一个文件夹中。

bbs.16xx8.com

  打开photoshop新建一个空白面板。

bbs.16xx8.com

  选择矩形工具绘制一个980*auto的图形。

bbs.16xx8.com

  结果如下:

bbs.16xx8.com

  使用选择工具点击边缘节点。

bbs.16xx8.com

  在菜单栏下方可看见图片的宽与高。

bbs.16xx8.com

  点击背景

  图层,再按下shift键点击新建的图层。

bbs.16xx8.com

  按下选择快捷键"V",在菜单栏下方会出现对齐选项。选择居中对齐。

bbs.16xx8.com

  从标尺区域按下鼠标向右拖动会形成一根辅助线。拖至矩形边缘自动吸附即可。

bbs.16xx8.com

  我们可以看见的结果如下:

bbs.16xx8.com

  在图层面板新建header文件夹,并把logo放置进来。

bbs.16xx8.com

  在header文件夹下建立menus目录,并绘制一个矩形图形。

bbs.16xx8.com

  为矩形图形添加渐变。(或者双击图层空白处也可以编辑效果)

bbs.16xx8.com

  所开启的面板:

bbs.16xx8.com

  描边参数如下:

bbs.16xx8.com

  渐变效果如下:

bbs.16xx8.com

  设置内发光,参数如下:

bbs.16xx8.com

  菜单导航背景最终效果。

bbs.16xx8.com

  打上文本。文本选择工具快捷键"T"。

bbs.16xx8.com

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

bbs.16xx8.com
 1/4    1 2 3 4 下一页 尾页

*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打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条