使用Photoshop制作网页效果图（1）

网页效果图成品如下：

成品

直接开始：

在Photoshop中新建文件

新建文档

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

灰色

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

标尺辅助

header区域制作

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

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

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

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

底部阴影渐变填充

•添加LOGO图层

LOGO

相关资源来自网络，特表感谢，如有侵权，请联系删除。

9个布局排版、配色超好看的日式网页设计

01

02

03

04

05

06

07

08

09

logo设计视觉编辑

以上作品仅供欣赏

版权归设计者所有

相关问答

有哪些免费的高清图片素材网站推荐?

我们在日常办公或是生活中总会遇到图片资源的问题,但是网络上好看的图片不仅不好找,而且下载下来还会存在有水印的尴尬情况,版权问题确实很头大。如果想要用...

有哪些无版权图片的网站值得推荐?

导读:生活中我们文章配图、做PPT、发个高逼格的朋友圈,经常要用到图片,但是免费、高清、无版权的图片却很难找到。虽说国内的图片网站成百上千,但是能做到免...

有什么免费的图片网站推荐?

一张好图胜过千言万语,海量高清图片库都在这里,满足你的所有需求。Pixabayhttps://pixabay.com/不论数字或者印刷格式,个人或者商业用途,都可以免费使用本...

除了站酷，还有哪些比较好的设计网站?

8.Pinterest一个受世界瞩目的,全球最大的创意灵感图片分享网站。9.Baubauhaus提供设计灵感、插画摄影、时尚以及艺术相关的一切10.Behance创意设计人士可...

怎么更改网站的图片?

1、首先打开需要更换图片的网页地址,右键点击图片,然后选择“审查元素”。2、然后会看到网站的代码,而且会突出显示刚刚点击审查元素的位置。我们可以看到图...

请问一般网页的分辨率大小多少合适?-ZOL问答

一般做网页,和网页中使用的图片,分辨率都是72。做网页设计时候,网页宽度一般是1002px,这个宽度在1024*768的屏幕分辨率下正好是全屏的!1600x128015寸1024*7...

网页制作图片滚动时图片链接地址和图片地址是什么意思，怎么输入?

图片链接地址:可以理解为图片连接到另一个网页地址图片地址:即图片所在的网页地址在图片上右键点击“复制图片链接”,然后在地址栏里“粘贴”就可以输入进去了...

打开一张图片后点击跳转到网站怎么做呢?-139****7520的回...

就直接打开网页文件然后2113在你要添加跳转的位5261置添加你想添加的链接一般代码4102类型例如1653:代码中的各部分含义target="_blank"链接在新窗...

手机浏览器图片总是打不开或者不显示-ZOL问答

原因如下:网络慢:改善下手机网络环境手机浏览器开启无图模式,如下拿火猴浏览...可以瞬间开启好几个网页,稳定性能一也很强,它可以下载云保护,从而消灭恶意链接...

有哪些素材特别全面的免费图片网站?

yipic.cn首先推,这个网站是平时找素材首先会逛的一个网站。yipic.cn(易图网)是一个国内宝藏素材网站,有许多电商、背景、元素、海报素材,包含png、ai、psd...ht...