UI-实战-主题

图标

  • 多边形,4边,平滑拐角
    在这里插入图片描述
  • 小白调整大小,先对齐两边,然后再自由变换调整对齐四边
    在这里插入图片描述
  • 信号发射:圆环-描边5px-小白删除选中锚点,剩下1/4圆环。修改描边属性:居中对齐、端点为圆形;ctrl+j复制,自由变化,按shift以固定点缩放
    在这里插入图片描述
    在这里插入图片描述

技巧(统一形状效果)

通过图层样式打造的效果,可以方便复用,复制后不用修改即可复用

  • 内阴影:控制厚度,并使边缘比较硬朗
    在这里插入图片描述
  • 渐变叠加:控制高光(白色到透明的径向渐变)
    在这里插入图片描述
  • 投影:控制投影效果

帧动画

显示隐藏图层

  • 创建不同图层,每个图层显示不同的内容
    在这里插入图片描述
  • 窗口-时间轴,创建帧动画
  • 设置帧显示内容,不同帧设置不同内容
    在这里插入图片描述
  • 文件-导出-存储为web所用格式gif

位移

  • 窗口-时间轴,创建帧动画
  • 设置帧显示内容,移动图层中内容的位置,此时只有一个图层
  • 通过移动图层中每帧的位置,形成动画效果
    在这里插入图片描述
  • 添加过渡帧,使过渡自然,具有过渡效果,不至于过渡过于突兀
    在这里插入图片描述

动作(窗口-动作)alt+f9

  • 新建组,再建动作,默认开启动作记录
  • 会自动记录每步操作
  • 操作完成后,停止动作记录
  • 再次需要使用时,打开动作面板,播放动作即可自动完成
  • 注意添加最后的存储动作,自动保存动作结果
    在这里插入图片描述
  • 文件-自动-批处理,可以使用动作进行批量处理
    在这里插入图片描述

木纹

简单方法

  • 直接使用带有木纹的图片
  • 剪切蒙板,使图片仅仅对形状生效

自己制作木纹

  • 新建图层,制作黑色选区,黑白前后背景色
  • 滤镜-渲染-纤维
    在这里插入图片描述
  • 滤镜-模糊-动感模糊,角度与纹理角度一致,调整距离(两端会越来越透明),通过多复制几层加深纹理效果,ctrl+e合并图层到一层
    在这里插入图片描述
  • 滤镜-液化制作纹理变化效果
    在这里插入图片描述

调整木纹颜色

  • 法1、新建调整图层,色相饱和度调色(调色原理上是改色相,黑白没有色相不能修改,只能修改除黑白外的色相),本例中只能修改灰色色相
    在这里插入图片描述
  • 法2:调整下层形状颜色,设置为前景到背景的渐变,然后木纹图层样式改为叠加,可以方便的通过修改形状颜色制作木纹颜色效果(比上一方法效果好)
    在这里插入图片描述

壁纸

  • 先制作一个手机外形
    在这里插入图片描述
  • 加载高清图片,图片高度不够时,可以通过选中上半部一小部分使用自由变换,拉伸,尽可能使变形部分够小
    在这里插入图片描述
  • 添加蒙板,抹除变形部分使衔接更自然
    在这里插入图片描述
  • 添加天空中变化,画笔随意添加白色圆点,自由变换,alt+左键拉伸,调整不透明度,图层混合模式改为柔光
    在这里插入图片描述
  • 添加天空中颜色变化,新建图层,混合模式为柔光,紫色画笔点缀
    在这里插入图片描述
发布了93 篇原创文章 · 获赞 16 · 访问量 7万+

猜你喜欢

转载自blog.csdn.net/smartboy_01/article/details/103001495