> 웹 프론트엔드 > PS 튜토리얼 > Photoshop设计制作简洁精致的色板图标

Photoshop设计制作简洁精致的色板图标

PHP中文网
풀어 주다: 2016-06-01 14:27:11
원래의
1314명이 탐색했습니다.

效果图构成并不复杂,制作之前先把构造分解清楚,然后由底层开展绘制,先画出图形,再用图层样式加上颜色和质感等即可

效果图构成并不复杂,制作之前先把构造分解清楚,然后由底层开展绘制,先画出图形,再用图层样式加上颜色和质感等即可。
最终效果

Photoshop设计制作简洁精致的色板图标

1、新建1000*1000画布,填充颜色e82571,利用圆角矩形工具,半径100像素按住Shift画一个正方形,点一下上面的形状,建立形状图层。

Photoshop设计制作简洁精致的色板图标

2、执行图层样式斜面浮雕,投影和颜色叠加,参数。

Photoshop设计制作简洁精致的色板图标

Photoshop设计制作简洁精致的色板图标

如下,大家也可以自己摸索不同的数值。

Photoshop设计制作简洁精致的色板图标

Photoshop设计制作简洁精致的色板图标
 3、新建一个空白图层,用上面方法,用椭圆工具,建一个正圆的形状图层。

Photoshop设计制作简洁精致的色板图标

4、用参考线或者网格,使圆形尽量居中。添加图层样式-渐变叠加,参数如下。

Photoshop设计制作简洁精致的色板图标

Photoshop设计制作简洁精致的色板图标

5、将椭圆图层1 复制一份,Ctrl+T调整大小,这里用数字调整,WH都改为87%。

Photoshop设计制作简洁精致的色板图标

6、图层样式,添加渐变叠加和内阴影。

Photoshop设计制作简洁精致的色板图标



渐变用角度渐变,注意首尾颜色一致即可,颜色大家可以吸色或者调些自己喜欢的颜色。

Photoshop设计制作简洁精致的色板图标

Photoshop设计制作简洁精致的色板图标
 7、将椭圆图层继续复制一份,Ctrl+T变为原来的70%,添加图层样式,斜面浮雕,渐变叠加和投影。

Photoshop设计制作简洁精致的色板图标

Photoshop设计制作简洁精致的色板图标

Photoshop设计制作简洁精致的色板图标

Photoshop设计制作简洁精致的色板图标

8、将上面图层复制一份,变为原来的80%,用钢笔工具,选择合并形状,在椭圆上加个三角形。

Photoshop设计制作简洁精致的色板图标

9、然后调整图层样式,只调整斜面浮雕,其余的保持原样。

Photoshop设计制作简洁精致的色板图标
 10、图层现在除了背景图层外有五个。

Photoshop设计制作简洁精致的色板图标

Photoshop设计制作简洁精致的色板图标

11、将右边名为椭圆 1 副本 2的图层复制一份,拖到最上面,Ctrl+T变为原来的50%.右键图层。清除图层样式,添加新的图层样式描边和渐变叠加。

Photoshop设计制作简洁精致的色板图标

Photoshop设计制作简洁精致的色板图标

最终效果:

Photoshop设计制作简洁精致的色板图标

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿