> 웹 프론트엔드 > PS 튜토리얼 > Photoshop制作立体效果的二分环 二分圆

Photoshop制作立体效果的二分环 二分圆

WBOY
풀어 주다: 2016-05-17 13:18:29
원래의
2729명이 탐색했습니다.

今天为大家分享Photoshop制作立体效果的二分环教程,教程很不错,值得大家学习,好了,一起来看看吧!

最终效果图

Photoshop制作立体效果的二分环 二分圆

方法/步骤

新建一个800*800px的文件,单机确定按钮

Photoshop制作立体效果的二分环 二分圆

Photoshop制作立体效果的二分环 二分圆

画一个300*300的圆,颜色为黑色,

Photoshop制作立体效果的二分环 二分圆

Photoshop制作立体效果的二分环 二分圆

新建一个150*150像素的圆,单机确定按钮,颜色为红色 

Photoshop制作立体效果的二分环 二分圆

Photoshop制作立体效果的二分环 二分圆

新建一个225*225px的圆,单机确定按钮 

Photoshop制作立体效果的二分环 二分圆

Photoshop制作立体效果的二分环 二分圆

建两根参考线 ,找中心点 

Photoshop制作立体效果的二分环 二分圆

给圆的图层重命名,黑圆图层为1,红圆图层为2,蓝圆图层为3,用移动工具把这三个圆的位置调整为如下图

Photoshop制作立体效果的二分环 二分圆

Photoshop制作立体效果的二分环 二分圆

复制图层2和图层3, 并将图层命名为22和33

Photoshop制作立体效果的二分环 二分圆

把图层2给删掉

Photoshop制作立体效果的二分环 二分圆

选中图层3和图层1,按ctrl+e键 ,合并图层,

Photoshop制作立体效果的二分环 二分圆

Photoshop制作立体效果的二分环 二分圆

用黑箭头选中这个圆,选择减去顶层形状 效果如图 

Photoshop制作立体效果的二分环 二分圆

Photoshop制作立体效果的二分环 二分圆

选中图层22和33,按ctrl+e 合并图层 选择减去顶层形状 如下图 

Photoshop制作立体效果的二分环 二分圆

Photoshop制作立体效果的二分环 二分圆

用矩形工具按住alt键进行裁剪,

Photoshop制作立体效果的二分环 二分圆

进行合并形状组件,

Photoshop制作立体效果的二分环 二分圆

同样的方法进行裁切蓝色的圆,

Photoshop制作立体效果的二分环 二分圆

进行合并形状组件 

按ctrl+t,对圆进行水平翻转,

Photoshop制作立体效果的二分环 二分圆

Photoshop制作立体效果的二分环 二分圆

用移动工具移动好下图的位置,

Photoshop制作立体效果的二分环 二分圆

选中这两个图层,按ctrl+e 合并图层

Photoshop制作立体效果的二分环 二分圆

做一个渐变叠加,单机确定按钮 

Photoshop制作立体效果的二分环 二分圆

ctrl+j复制一个图层, 右键转化为只能对象,

Photoshop制作立体效果的二分环 二分圆

ctrl+t 先垂直翻转, 在水平翻转,

Photoshop制作立体效果的二分环 二分圆

调整好位置即可 

Photoshop制作立体效果的二分环 二分圆

最终效果图

Photoshop制作立体效果的二分环 二分圆

以上就是Photoshop制作立体效果的二分环方法介绍,教程很不错,喜欢的朋友可以过来参考一下哦!

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