当前位置: 首页 >经验谈 >用ps制作网页效果图(简单教程教给你)

用ps制作网页效果图(简单教程教给你)

2023-04-19 16:56:53 经验谈
41 0

网页效果图成品如下:

ps制作网页效果图教学要求

成品

直接开始:

在Photoshop中新建文件

ps制作网页效果图怎么做

新建文档

使用矩形选区,选中工作区,再使用油漆桶工具填充颜色灰色,颜色的十六进制值为#e0dbdb

ps制作网页效果图怎么做

灰色

借助标尺来辅助工作区的分割:Ctrl+R(或者视图菜单里的“标尺”),从标尺上拖动得到参考线,放在计划位置(离左右边距200像素)

ps网页制作教程

标尺辅助

header区域制作

•新建header图层组, –在图层组离新建图层“背景” –在背景顶部绘制矩形选区,高度 110像素 –填充颜色 #111111

•对header图层组里的背景图层设置样式 –内发光,杂色 100,大小 62,不透明度 10

如何用ps做网页设计的效果图

header图层组里背景图层样式设置

•在背景底部添加阴影 –使用矩形选区工具绘制矩形选区,高度33像素 –使用渐变工具( 左边颜色为黑色,右边不透明度为100% ),对矩形选区填充渐变。

如何用ps做网页设计的效果图

底部阴影渐变填充

•添加LOGO图层

ps做网页效果图

LOGO

admin
admin

评论列表(0条)

发表评论

Copyright © 2021 All Rights Reserved 版权所有 一舟讲堂