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

2024年网页设计 ps颜色设置(优选7篇)

网页设计 ps颜色设置 第1篇

复制circle图层(Ctrl / Cmd+ J),并把新的图层放到circle图层的下方。

双击图层,按照下图设置外发光和描边图层样式。

选择渐变工具(G),并拖动水平的黑色到透明的渐变,从圆的左侧拖动到右侧(实际应该是圆的中左侧拖到右侧)。来看看下面的图片,以供参考。

命名此层为stroke。

网页设计 ps颜色设置 第2篇

Now I will show you how to create a bended corner effect in Photoshop. First, click on the vector mask of the “paper” layer to make it active.

Then select the Pen Tool (P), make sure that the “Shape layers” button is activated and select the Subtract from shape area button from the Options bar.

Now use the Pen Tool (P) to create a triangle over the upper right corner of the yellow rectangle as you see in the following image.

网页设计 ps颜色设置 第3篇

在about组下面创建一个新组contact。

使用矩形工具(U)创建一个矩形(40,1271,940,449),颜色:#f8f5ec。命名此层为contact bg,并设置其不透明度为25%。

复制你在前面的步骤中创建的蓝条复制你在前面的步骤中创建的蓝条。

将这个新的蓝条放联系区域的左上角,并使用文字工具(T)更改文本为Contact。

网页设计 ps颜色设置 第4篇

创建一个新的图层,选择钢笔工具(P),并创建一个小的三角形在矩形的蓝条左下角的下方,颜色: #166ead,看起来像它的3D阴影。

此步也可以是用矩形工具新建一个矩形(30,198,10,10),然后直接选择工具选择矩形的左下角的控制点,按delete删除左下角的控制点,得到三角形

命名此层为triangle,双击图层并按照下图设置渐变叠加。

网页设计 ps颜色设置 第5篇

创建一个新组navigation

选择矩形工具(U)在蓝条的下方创建一个矩形(40,648,180,42),颜色: #edeadf。

双击打开图层样式窗口,按照下图设置渐变叠加。

复制这个矩形三次,使用移动工具(V)移动到合适的位置。

网页设计 ps颜色设置 第6篇

Create a new group and name it “posts”. Add two images to your blog area with the dimensions 340px by 140px.

Copy the layer style from one of the images from the services area and paste it to these two images to get the same double stroke effect.

Then select the Type Tool (T) and write some text beneath your images. Use the font Verdana with the color #222222 for headlines and #444444 for the block of text.

网页设计 ps颜色设置 第7篇

创建一个新组blue bar。

然后选择矩形工具(U)创建一个矩形(30,156,190,42),颜色: #1e92e4,像下图一样。

命名此层为blue bar,双击打开图层样式窗口,并按照下图添加一个渐变叠加和描边图层样式。

然后选择移动工具(V)和移动的矩形到超出的左边缘10px,距上方导航栏的距离为20px。

描边的颜色: #3a77be

猜你喜欢