• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 泼辣修图开源图标免费下载+10秒做故障效果的PS动作

泼辣修图开源图标免费下载+10秒做故障效果的PS动作

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含ps动作,免费图标,神器下载,经验分享等相关知识,希望在学习及工作中可以帮助到您

编者按:今天的福利包括@泼辣修图 的开源图标和字体和一个10秒做出故障效果的PS动作,全都可以免费下载,赶紧来收。

泼辣修图开源图标+字体

图标同图片一样,相较于文字拥有更强的表现力,它是人类交流方式立体化和多面化的体现,同时也是设计中的永恒语言。它们结合人类环境的形状和样式,溶解成现代人类社会难以想象的各种各样的符号标志。

△ ?泼辣修图团队首席设计师Adi

 

符号的视觉表达

在任务的初期,我对用户群和竞争对手进行了一些研究,通过这里得出了一个众所周知的结论:倾听实际上是分析和定义问题过程中最重要的技术。但是倾听不一定意味着满足所有用户的要求,而是了解他们的需求和原因,这可以帮助我们得到更好的结果。

考虑到早期的设计过程,现有的批评和要求,并考虑到未来的更新和日益增多的应用程序,不难得出结论:图标是交互的关键。其原因在于,在当今多平台应用程序的设计中,存在一个显著而通用的途径去转变设计元素(通常通过创建和复制不同的色调,而形状和字体的变化则主要基于预设框架和微观趋势)。在这种情况下,我认为UI一致性的基础是图形语言,即特定的图标集。

创造过程

泼辣修图以及任何高级图片编辑软件都拥有十分丰富的选项,包含了丰富的交互元素、工具和各种术语,因此UI组件的细节至关重要。为此,这一套UI由简单明了的“平面”元素组成,并结合极简风格的图标。在这种情况下,图标扮演着用户与应用程序之间的交互式链接角色,即用户与软件沟通的语言。

我首先在纸上画出了草图,然后使用Sketch软件转移到数字表单。图标的设计没有根本改变,采用的形式被保留、文字变化很小。为了与公司新的(圆形)视觉识别体系保持更高的一致性,我使用略微弯曲的边缘与严格的用户界面、矩形图像以及24px的图标宽高比形成鲜明对比。

完成设计后,我们在用户群组中对新图标进行了测试,然后更新了软件。两个月的研究和工作终于得到了一套180多个重新设计的完美矢量图标集。

总结

创建一个新的视觉语言并保持一致性,从来不是一个简单的任务,但这项工作的好处很多。 除了全新绘制的图标之外,泼辣修图还有一套可以轻松拓展与升级的全新字符库。

我们决定以开源的形式与大家分享这一套图标与字体。

免费下载链接:http://pan.baidu.com/s/1kVGDJhH

想必大家在看电影时,会看过一些故障画面的电影特效,而制作这个效果的步骤很多,不过没关系,今天达人分享一个故障动画 GIF 图片Photoshop动作脚本,只要简单操作即可实现这效果,真的超级棒哦!先看演示:

下载PS脚本:http://pan.baidu.com/s/1qYfVFCo(适用于中文版PS)

PS: 本脚本仅适用「中文版 PHOTOSHOP」,英文版用户,请到以下网址下载:

https://www.behance.net/gallery/55711573/Free-Animated-Glitch-Photoshop-Action(适用于英文版PS)

安装PS动作脚本

安装脚本:直接双击即可可安装完成,或直接在面板导入(如下图,点击图标,在弹出的菜单选择「载入动作」)

使用教程

复制图片和改名,把图片拖入到 PS,按「Ctrl + J」 复制出3个图层,然后把图层名称按顺序改为:img copy 3、img copy 2、img copy、img,注意是有空格的。

接着重点:选中「img copy 3」图层(选中即可)如下图:

打开动作面板,选中「Animated Glitch GIF」选项,然后点击播放按钮。

保存为 Gif 图像,在菜单选择「文件 – 导出 – 储存为 Web 格式」,然后面弹出框选择 GIF 格式。

最终效果

「优设最新神器推荐」

  1. 《这款国人开发的EAGLE,堪称收集和管理素材灵感的最佳利器!》
  2. 《超过5万张!免费高清可商用图库ZOOMMY 3.0重磅来袭!》
  3. 《超好用的PS字体管理插件FONTAGS(附安装方法)》

原文地址:shejidaren

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao..com

优设大课堂

您可能想查找下面的文章:

  • 泼辣修图开源图标免费下载+10秒做故障效果的PS动作

相关文章

  • 2018-08-23高手说我的图标不止好看,还有这4个作用!
  • 2018-08-23想做好产品功能,不妨试试这个「亲亲原则」
  • 2018-08-23在谷歌当了半年设计师,我学到这些经验
  • 2018-08-23Airbnb设计经理:一个好的交互设计师应该具备什么素质?
  • 2018-08-23素材太丑?学会这5个方法照样能做好设计!
  • 2017-08-06网站视觉设计中的信息传达的作用以及方法介绍(图文)
  • 2018-08-2336氪产品总监:四大分析法打造你的产品说服力
  • 2017-08-06css如何实现数字分页效果代码及步骤
  • 2017-08-06怎样做出大气的网页作品 设计大气的网页的方法(图文教程)
  • 2018-08-23你的设计有依据吗?详解用户体验设计中的规律与逻辑

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 爱上朴实的CSS细节虽不起眼可提高效率
    • 产品迭代中,如何做到视觉设计的继承和升级
    • 站长应该注意的9个提高网站易用性的代码优化技巧
    • 用一张图阐述一个设计师的思考与成长历程
    • 你知道url中的特殊符号含义么(比看篇)
    • 新手建站入门教程帖⑦:做一个漂亮的网站就这么简单
    • 想成为云计算交互设计师,该具备哪些能力?
    • 30个网页设计色彩搭配的优秀案例分享
    • 镜头后的趋势!EyeEm 2017年春夏视觉时尚趋势报告
    • 产品设计前的「问题洞察」,你做到位了吗?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有