Home > Web Front-end > PS Tutorial > Photoshop制作立体效果的二分环 二分圆

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

WBOY
Release: 2016-05-17 13:18:29
Original
2729 people have browsed it

今天为大家分享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制作立体效果的二分环方法介绍,教程很不错,喜欢的朋友可以过来参考一下哦!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template