响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

2024年ps网页效果图设计(通用3篇)

ps网页效果图设计 第1篇

选择矩形工具,创建一个形状,如下图。我的尺寸是937px x 63px

设置图层样式如下:

添加一些文字,最终效果如下:

现在,看起来主导航有一些单调,我添加了一些图标。你可以从 Complete Designer Set中下载它们。在 Illustrator中打开,然后选择合适的图标拖拽到 Photoshop就可以了。现在我的效果图是这样子的:

好了,现在看上去还不错。

ps网页效果图设计 第2篇

选择矩形工具,创建如下形状,我的尺寸设置是937px X 278px,颜色填充#cdd5a1

设置图层样式:

好了,然后添加一些虚拟的文字(不是真实的项目么)。我用的是字体 Helvetica script ,14px 大小。然后栅格化文字。

设置角度为0和距离为70px。然后添加更多的文字。

好了,现在的效果是这个样子的:

然后我们选择一张漂亮的图片,来装饰我们的头部区域。保证图片图层在我们刚刚创建的图层上面。好了,你看到的就是下面的效果。

ps网页效果图设计 第3篇

按照下图,添加一些文字。采用的是三栏布局。

选择矩形工具,创建一个形状。这就是我们的主要内容区域。我的尺寸是935px X 504px。

设置图层样式如下:

我的效果

然后在上面和下面添加一些阴影,用椭圆工具和高斯模糊就可以完成了。添加一些分割线。

现在的效果:

好了,添加更多的矢量图标和文字。这是现在的效果。

好了,主要内容部分也完成了

猜你喜欢