恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
教你用PS实现万花筒的效果
0.0°
2016-07-20 自译外文 教程 原作者: Kirk Nelson 举报 6251 26 14 8

非常实用基础的一篇教程,基础的几个工具实现令人惊讶的效果,一起来试试吧!

教程学习重点


    1. 抠图(不做详解)

    2. 定义图案 填充 – 脚本填充(对称填充&沿路径置入)

    3.色相饱和度

    4. 创建剪切蒙版

    5. 变换

    6. 渐变

    7. 形状工具

    8.裁切


最终效果图


步骤详解:

    Step1:准备好你需要来制作的万花筒的图片,定义图案。编辑-定义图案-给图案命名




    Step2:新建-命名-宽(2500)-高(2500)-背景(透明)


    Step3:前景色改为纯黑色(# 000000)-新建图层(ctrl+shift+N)-图层命名(背景色)-填充前景色为纯黑色(Alt+Backspace)

    Step4:新建图层(ctrl+shift+N)-图层命名(脚本填充)


    Step5:编辑-填充(内容:图案;自定图案:吉他手;脚本:对称填充;其他默认)-确定


        在图案填充的窗口,选择以下的设置:  

            对称类型:33:墙纸P6M对称  

            图案缩放:0.75

            图案沿指定宽度平移:25%

            图案沿指定高度平移:-40%


    Step6:添加色相饱和度,调整图层,选择以下设置:  

        色相:0  

        饱和度:-57  

        亮度:-62


    Step7:使用形状工具(U)-选择椭圆-改为路径-按住Shift在画布中心画一个正圆



    Step8:新建图层-命名(吉他圈)-再次编辑-填充(填充方式为:沿路径置入)-修改沿路径置入的窗口的参数如下:

        图案缩放:0.45

        间距:-272

        检查调整间距以适合

        与路径的距离:295

        缩放连续性:100%

        颜色亮度随机性都为0


        图像的效果图如下:


    Step9:按住ctrl+alt+T进行变换(宽高比90%)-角度(20度)


        三键+T进行重复复制操作,得到下面效果图


    Step10:对层(吉他圈拷贝)进行色相饱和度设置,参数如下:

        色相:0

        饱和度:-22

        亮度:-56


    Step11:对层(吉他圈拷贝3)进行色相饱和度设置,参数如下:

        色相:0

        饱和度:-22

        亮度:+7


    Step12:新建一个图层-命名(渐变)-前景色设置为黑色(#000000)-使用渐变工具(G)-前景色到透明的预设-形状(径向渐变)


    Step13:使用形状工具(U)-选择多边形


    Step14:按住Alt点击图层(多边形1)前面的小眼睛隐藏掉其他的图层-进行定义图案操作-定义完成图案后-按住Alt再点击图层(多边形1)前面的小眼睛显示其他的图层


    Step15:在脚本填充上面新建一个新的图层(背景线)-使用编辑-填充-对称填充-参数如下:

        对称类型:33:墙纸P6M对称  

        图案缩放:0.75

        图案沿指定宽度平移:50%

        图案沿指定高度平移:50%

        颜色亮度随机0


    Step16:调整图层透明度(25%)后如下图


    Step17:再次使用工具(U)-选择多边形(描边:5;边:3)


    Step18:再次相同的方法Ctrl+Alt+T进行变换,角度(20度),完成后三键+T,进行编组(Ctrl+G)


    Step19:在多边形的组上添加蒙版,在蒙版上使用渐变工具(默认黑白渐变)由圆心拉出一个渐变


    Step20:最后,使用工具(C)对图片进行适当的裁切,如下最终效果图



【喜欢可以关注微信公众号:吧唧设计】

Image title


更新:2016-07-20

收藏

26人已收藏

  • 22

    作品

  • 81

    粉丝

  • 15

    关注

  • soul:可以被陌生人关心的APP
  • 系统开发设计从零到有的成长历程
  • PS如何画网页banner的立体插画
  • 2018网页作品集

    猜你喜欢

      2016-07-20 自译外文 教程 原作者: Kirk Nelson 举报 6251 26 14 8

      教你用PS实现万花筒的效果

      0.0°

      你确定要举报教你用PS实现万花筒的效果

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年07月20日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      14
      26
      8

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录