高端营销型网站建设|SEO优化|关键词排名 - 【网龙营销】
  • 我要留言
  • 咨询热线:400-048-0001

    首页 > SEO技术 > seo技术 / 正文

    PS新手教程:轻松掌握四种扁平化设计风格

    2019-01-05 SEO技术 876 ℃
    本文将教授你多样的扁平化设计作风,相对时兴教程!读完本文,你将轻松掌握时下最抢手的设计手法:)

    四种作风包括:惯例扁平化、长投影、投影式、突变式。


    一、惯例扁平化

    步骤 1:

    宽度: 500px, 高度: 400px. 背风光#e8d59b.





    步骤 2:

    参考线设置:

    垂直:157px,177px,250px,323px, 343px, 378px

    程度:72px, 107px, 127px, 200px, 273px, 293px, 328px


    最终后果:



    步骤 3:

    前风光#d14242,,圆角矩形工具,半径40,如下

    步骤4:

    椭圆工具,颜色#ffffff, 在中心创立圆状物体。




    仍然在圆形图层,选择减去顶层外形,画出圆环外形如下图。

    步骤 5:

    自定义外形工具,前风光 #ffffff, 中心创立三角箭头




    根本扁平化图标告成
    二、长投影

    步骤 1:

    矩形工具,前风光#000000, 在三角箭头图层以及圆环图层下方画出外形如下图


    自在变换,选择45度



    为矩形外形添加图层蒙版



    在图层蒙版地位按住CMD+左键单击圆角矩形外形图层,然后选择>反向



    运用油漆桶工具,前风光设置为#000000,抹去超出圆角矩形的暗影




    如下图运用钢笔工具



    不通明度设置为 20%


    步骤2:

    步骤1是三角箭头的暗影,步骤2是圆环的暗影,相似同上,不再赘述。





    三、 突变式

    步骤 1:

    复制圆角矩形图层,然后挪动到图层最顶端,填充设置为 0%





    步骤 2:

    运用钢笔工具,删除一些锚点,然后拖移一些锚点到中心,如下图。


    为复制后的图层添加图层款式,如下(正片叠底 不通明度20% 缩放100%)

    步骤3:

    原圆角矩形图层也如下设置(正片叠底 不通明度10% 缩放100%)


    四、投影式

    这个超级复杂,给一切图层添加如下图层款式即可(正片叠底 不通明度20% 间隔10)



    祝贺,竣工



    本教程应用PS讲述了几种扁平化作风的完成,希望你能学致使用,多多实验,创始本人的作风。


    优设网翻译:@MartinRGB









     

    Tags:扁平化 新手 教程 设计 ps

    更多PS新手教程:轻松掌握四种扁平化设计风格相关文章

    • 律师营销之新手律师如何推广自己
    • 【深圳seo优化】新手必备的seo9个知识
    • 【杭州seo博客】新手seo8个做网站的步骤
    • 【seo入门书籍】新手自学优化怎么选择seo入门书
    • 【昆明seo培训】网站新手SEO8个必备知识点
    • 【安阳seo】新手seo优化技术必懂6个方面
    • 【丰镇网】SEO新手要掌握的技术
    • 【长春百度推广】新手SEO必备学习知识
    • 【运城搜搜团购网】SEO新手培训优化注意细节
    • 【开淘宝网店教程】新手淘宝店铺标题优化
    • 【郑州SEO】郑州SEO系统教程,郑州seo公司优化
    • 【武汉SEO】武汉SEO系统教程,武汉seo公司优化
    • 【镇江SEO】镇江SEO系统教程,镇江seo公司优化
    • 【长沙SEO】长沙SEO系统教程,长沙seo公司优化
    • 【岳阳seo】岳阳SEO系统教程,岳阳seo公司方案
    • 【六安SEO】六安SEO系统教程,六安seo公司优化方
    • 【北京SEO】北京SEO系统教程,北京seo公司优化
    • 【seo入门教程】tags标签页怎么优化
    • 【上海seo公司】上海SEO系统教程,上海seo方案
    • 2018年淘宝开店流程系统教程
    • 【ui是什么】UI设计开发到底是什么
    • 【字言字语】设计中常用的哥特式字体推荐与总结
    • banner图和广告条设计,怎样能更打动用户!
    • 四大看板设计原则让你的看板将更有说服力!
    • UI设计是什么?UI设计需要什么软件?
    • 【报纸设计】世界各地的50种报纸版面排版设计精
    • 【说明书设计】如何设计高逼格的视觉化产品说明
    • 云联牧场官网设计
    • 【网页按钮】12条网页按钮设计技巧收藏好
    • 【网站设计论文】SEO长尾关键词挖掘和布局7个问
    • [2.5d]快速实现2.5D等距插画风PS+AI
    • 深圳seo技术:浅谈升级https后需要做的事
    搜索
    网站分类
    标签列表