优艾设计网

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

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

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

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

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

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

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

  结果如下:

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

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

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

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

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

  点击背景

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  所开启的面板:

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

  描边参数如下:

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

  渐变效果如下:

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

  设置内发光,参数如下:

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

  菜单导航背景最终效果。

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

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

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

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

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

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜