PS设计一套立体清爽按钮

 
为你的网站设计新的元素吗?这里有一个新的设计按钮.希望这个新的设计对你有所帮助。

  让我们开始此教程!创建一个新的文档,分辨率为500× 300,并填充白色画布。然后选择圆角矩形工具(半径: 30像素) ,使用颜色# d61d23绘制的形状。

  之后,应用这层下面的图层样式:

  内阴影

  渐变叠加

  • Inner Shadow

  • Gradient Overlay

做出来像如下按钮: 

  现在,时间,使反射的按钮。使用Ctrl + J复制当前层,然后创建一个新的,然后将其翻转复制层一层中的所有图层样式。之后,翻转垂直编辑>变换>垂直翻转我下面的图片:

  为了使反射更透明底部的图片应用快速蒙版模式梯度如下

  然后回到标准模式。现在我们有一些选择的区域。按删除所选区域清晰的图像

按Ctrl + D删除选择转到下一个步骤。我想有些刺眼的按钮。要做到这一点,选择圆角矩形工具(半径: 80像素),并创建一个新的形式使用白色

  这层栅格化图层>栅格化>形状。之后,应用更多的时间和快速蒙版模式填补了下一梯度

  回到标准模式和我们再次收到选择的区域。按Delete清除选定部分图像。

  取消选择Ctrl + D键,改变图层模式为叠加当前层。

  我们已经完成了按钮。现在,移动到下一个步骤。我认为它会看起来更好时,我们将会把它的一些设计元素。要做到这一点走出椭圆工具,并创建我的照片下面用白色圆润的造型:

  之后,应用这些混合选项到这一层:

  内阴影

  内发光

  渐变叠加

  行程

  • Inner Shadow

  • Inner Glow

  • Gradient Overlay

  • Stroke

  如下所示

  时间带来一些图片,我们的圆形设计元素。对地球上的谷歌图片找一些图片或使用地雷或某个地方找到它。打开它,并减少一点点,然后将图片如下所示

好,然后使用黑色和白色图像>调整>去色(按Ctrl + Shift + U)和改变这层的图层模式为叠加: 

  选择锐化工具(刷: 100像素,模式:普通,强度:40%) ,以使该片段更锐化

 而我们需要做的最后一件事, 。要完成本教程让我们添加一些文字。获取的横排文字工具,像我在下面的图片中白色的东西写出来

  在上图中IA用过我选择的字体Segoe UI字体, IA €用过白色。其实,这是商业的字体,但如果你唐娜€吨有它,你可以很容易地找到一个很好的选择,例如,黑体。之后,应用这层下面的图层样式:

  阴影

  • Drop Shadow

现在如下

  太好了!我们的工作是完成了!享受自己的凉爽的地球按钮。你也可以改变它的颜色

分类:

  • PS入门教程
时间: 2024-09-10 15:17:00

PS设计一套立体清爽按钮的相关文章

PS教程:设计时尚反光立体文字

PS教程:设计时尚反光立体文字,图文教程. 在这个教程里我们将设计一个酷的复古的文字效果,在今天的设计界中,它变得越来越流行.今天您将学习怎样利用透视工具去创建景深的效果,和知道设计者们是怎样以一种不同寻常的方式去使用默认的渐变的. 最后效果预览 在开始之前,让我们看一下我们将要创建的图片是什么样子. 步骤1 在开始之前,你将需要下载这个字体Seqa,它来自来dafont网站.下载完后完装它,安装完之后打开photoshop . 第一步是快速且简单.用黑色填充背景层,并重命名为"背景"

PS设计超吸睛“disco”立体文字效果

                 PS设计超吸睛"disco"立体文字效果        分类: PS文字教程

UI设计追波风图标按钮

           UI设计追波风图标按钮 PS鼠绘教程 PS合成图片教程 PS滤镜教程 分类: PS入门教程 ps图标制作教程

PhotoShop绘制清新绿色立体桔子按钮过程

教程教我们用PhotoShop绘制一枚清新的绿色立体桔子按钮,这个立体小按钮以前也有教程,后面还含有桔子的画法,喜欢的同学可以学习一下 最终效果图: 先建背景,加上第一个按钮 加上文字 加上立体层.. 画阴影................. 分类: PS鼠绘教程

PhotoShop设计简洁清新的小按钮制作教程

用PhotoShop设计简洁清新的小按钮效果,只需用图层样式即可实现,练习按钮的目的就是为了增加细节的把握,没有细节就没有好的按钮, 先看 教程效果图: 首先,在PS里建一个324*324PX大小的文档,然后建立一个圆角矩形,大小随需要而定. 样式里的内阴影和渐变叠加参数(这些并不难,重要是有耐心调整,直到自已满意为止). 在里面再做一个圆角矩形,然后复制一个到下面,等着做按下去的效果用. 继续调整细节.如图: 加上文字. 然后开始做按下去的效果,注意细节,观察怎样做到凹凸两种不同的感觉. 最后

photoshop设计一个简单立体球体绘制教程

给各位photoshop软件的使用者们来详细的解析分享一下设计一个简单立体球体绘制的教程. 教程分享: 安装并运行Adobe Photoshop软件,使在左侧工具栏单击椭圆选框工具;   按住键盘shift按钮在场景中拖拽出正圆;   在左侧工具栏中单击"渐变"按钮,弹出"渐变"编辑卷栏,编辑结果如图所示;   使用中心渐变模式,拖拽方式如图所示;   结果如下图所示;   好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的设计一个简

ps设计小人国大创意效果

  ps设计小人国大创意效果! 加大脑洞拍摄出了这些作品,微博里很多人问我咋做到的~现在教程在这里啦~主要就是前期构思,后期细心,没有拍不好的片子,喜欢可以参考借鉴 分类: PS入门教程

ps设计中国水墨风简单的烟雾骏马海报效果

  ps设计中国水墨风简单的烟雾骏马海报效果!简单粗暴,几步即可完成,不管是景观.动物.还是人物都适用,非常棒的设计参考 分类: PS入门教程

设计可以多选的按钮ChooseManyButton

设计可以多选的按钮ChooseManyButton 效果: 源码: ChooseManyButton.h 与 ChooseManyButton.m // // ChooseManyButton.h // ChooseOnlyButton // // Created by YouXianMing on 14/11/5. // Copyright (c) 2014年 YouXianMing. All rights reserved. // #import <UIKit/UIKit.h> @prot