Home Web Front-end PS Tutorial PS制作清新的白色边框方形相机图标教程

PS制作清新的白色边框方形相机图标教程

Jun 01, 2016 pm 02:29 PM
ps icon camera

本篇教程是向PHP中文网的朋友介绍如何利用PS制作清新的白色边框方形相机图标,教程制作出来的相机图片很漂亮,虽然图标看上去有点复杂,不过作者在绘制的时候把每一层都分解出来了。我们只需要按照作者的图示,并控制好各部分的比例,就可以很快做出来。

最终效果

PS制作清新的白色边框方形相机图标教程

一、新建400 * 300像素的文件,使用矢量工具拉出一个如下图的圆角方形,并且加上渐变效果。

PS制作清新的白色边框方形相机图标教程

二、给图标底座增加厚度和光源,我使用了2种图层样式。

PS制作清新的白色边框方形相机图标教程

PS制作清新的白色边框方形相机图标教程

三、使用矢量工具拉出一个如下图的圆形,加上渐变效果,与上图合起来。

PS制作清新的白色边框方形相机图标教程

四、绘制金属底座部分(分为7个部件:投影a、底座b、明暗交界线cd、高光e、凹面fg)。

PS制作清新的白色边框方形相机图标教程

PS制作清新的白色边框方形相机图标教程

PS制作清新的白色边框方形相机图标教程

PS制作清新的白色边框方形相机图标教程

PS制作清新的白色边框方形相机图标教程

五、a-g按住由下往上的顺序排列得到下图,并与底座合并。

PS制作清新的白色边框方形相机图标教程

六、最后是镜头,看似很复杂,但也是由图层堆砌的,只要细心耐心就好了。

PS制作清新的白色边框方形相机图标教程

PS制作清新的白色边框方形相机图标教程

PS制作清新的白色边框方形相机图标教程

PS制作清新的白色边框方形相机图标教程

PS制作清新的白色边框方形相机图标教程

PS制作清新的白色边框方形相机图标教程

PS制作清新的白色边框方形相机图标教程

七、a-f按照由下往上的顺序排列得到下图,并与底座合并。

PS制作清新的白色边框方形相机图标教程

最终效果:

PS制作清新的白色边框方形相机图标教程

教程结束,以上就是PS制作清新的白色边框方形相机图标教程,希望大家喜欢!

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

Hot Article Tags

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to disable taskbar thumbnail preview in Win11? Turn off the taskbar icon display thumbnail technique by moving the mouse How to disable taskbar thumbnail preview in Win11? Turn off the taskbar icon display thumbnail technique by moving the mouse Feb 29, 2024 pm 03:20 PM

How to disable taskbar thumbnail preview in Win11? Turn off the taskbar icon display thumbnail technique by moving the mouse

What do the 5G UC and 5G UW icons on your T-mobile smartphone mean? What do the 5G UC and 5G UW icons on your T-mobile smartphone mean? Feb 24, 2024 pm 06:10 PM

What do the 5G UC and 5G UW icons on your T-mobile smartphone mean?

How to enable Douyin camera permission? What should I do if the screen on TikTok camera is black? How to enable Douyin camera permission? What should I do if the screen on TikTok camera is black? Mar 22, 2024 am 10:42 AM

How to enable Douyin camera permission? What should I do if the screen on TikTok camera is black?

How to set Apple camera watermark How to set Apple camera watermark Feb 25, 2024 pm 04:37 PM

How to set Apple camera watermark

How to insert excel icons into PPT slides How to insert excel icons into PPT slides Mar 26, 2024 pm 05:40 PM

How to insert excel icons into PPT slides

How to restore the black screen of Apple mobile phone camera to normal How to restore the black screen of Apple mobile phone camera to normal Mar 08, 2024 pm 05:50 PM

How to restore the black screen of Apple mobile phone camera to normal

How to Undo Delete from Home Screen in iPhone How to Undo Delete from Home Screen in iPhone Apr 17, 2024 pm 07:37 PM

How to Undo Delete from Home Screen in iPhone

What should I do if the Win10 input method icon is missing? How to retrieve the Win10 input method icon after it is lost? What should I do if the Win10 input method icon is missing? How to retrieve the Win10 input method icon after it is lost? Feb 29, 2024 am 11:52 AM

What should I do if the Win10 input method icon is missing? How to retrieve the Win10 input method icon after it is lost?

See all articles