`

PS四种扁平化设计风格-网摘

 
阅读更多
PS四种扁平化设计风格 三联

  一、常规扁平化

  步骤 1:

  宽度: 500px, 高度: 400px. 背景色#e8d59b.

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

  步骤 2:

  参考线设置:

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

  水平:72px, 107px, 127px, 200px, 273px, 293px, 328px

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

  最终结果:

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

  步骤 3:

  前景色#d14242,,圆角矩形工具,半径40,如下

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

  步骤4:

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

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

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

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

  步骤 5:

  自定义形状工具,前景色 #ffffff, 中心创建三角箭头

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

  基本扁平化图标告成

  二、长投影

  步骤 1:

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

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

  自由变换,选择45度

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

  为矩形形状添加图层蒙版

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

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

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

  使用油漆桶工具,前景色设置为#000000,抹去超出圆角矩形的阴影

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

  如下图使用钢笔工具

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

  不透明度设置为 20%

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

  步骤2:

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

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

  三、 渐变式

  步骤 1:

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

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

  步骤 2:

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

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

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

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

  步骤3:

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

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

  四、投影式

  这个超级简单,给所有图层添加如下图层样式即可(正片叠底 不透明度20% 距离10)

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

  恭喜,完工

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

 

分享到:
评论

相关推荐

    QT 扁平化自定义风格界面TabWidget为核心

    开发者可能会在这里优化 tooltip 的外观,使其更符合整体设计风格。 最后,`tpaction.h`和`tpwidget.h`是相应类的头文件,它们定义了自定义动作和自定义控件的接口,以便在其他模块中引用和操作。 总的来说,这个...

    PPT模板-毕业设计答辩模板-精品模板-扁平化风格 (2).pptx

    PPT模板-毕业设计答辩模板-精品模板-扁平化风格 (2).pptxPPT模板-毕业设计答辩模板-精品模板-扁平化风格 (2).pptxPPT模板-毕业设计答辩模板-精品模板-扁平化风格 (2).pptxPPT模板-毕业设计答辩模板-精品模板-扁平化...

    PPT模板-毕业设计答辩模板-精品模板-扁平化风格 (3).pptx

    PPT模板-毕业设计答辩模板-精品模板-扁平化风格 (3).pptxPPT模板-毕业设计答辩模板-精品模板-扁平化风格 (3).pptxPPT模板-毕业设计答辩模板-精品模板-扁平化风格 (3).pptxPPT模板-毕业设计答辩模板-精品模板-扁平化...

    PPT模板-毕业设计答辩模板-精品模板-扁平化风格 (4).pptx

    PPT模板-毕业设计答辩模板-精品模板-扁平化风格 (4).pptxPPT模板-毕业设计答辩模板-精品模板-扁平化风格 (4).pptxPPT模板-毕业设计答辩模板-精品模板-扁平化风格 (4).pptxPPT模板-毕业设计答辩模板-精品模板-扁平化...

    最新EasyUI扁平化

    EasyUI提供了一系列组件,包括布局、表格、表单、菜单、对话框、按钮、提示等,这些组件都遵循一致的设计风格和交互模式,使得开发者可以轻松集成到他们的项目中。 "EasyUI扁平化1.5.2"这个文件名可能指的是EasyUI...

    扁平化Metro风格的网站模板

    【扁平化Metro风格的网站模板】是一种设计趋势,它源于微软Windows 8的界面设计,也被称为“Modern UI”或“Windows 8风格”。这种风格的特点是简洁、直观、色彩鲜明,通过大块的色块和清晰的图标来呈现信息,强调...

    欧美风格色彩扁平化ppt图表.rar

    这种设计风格简化了图形元素,使得内容更加聚焦,易于理解,同时也符合当前的审美趋势。这些图表适用于各种场合,如市场分析、项目汇报、教育培训等,能够帮助观众快速理解和吸收信息。 【标签】中的“扁平化”是...

    扁平化风格设计在APP图标设计中的体现.pdf

    扁平化设计风格在当今的APP图标设计中占据了主导地位,它以其简洁、高效的特点,逐渐取代了过去拟物化的设计方式。APP,全称为应用程序,是手机软件的简称,它在人们的日常生活中扮演着不可或缺的角色。扁平化设计的...

    扁平化设计ios风格ppt模板.rar

    这种设计风格起源于微软的Windows 8操作系统,后来在iOS系统中被广泛采用,成为苹果公司设计语言的一部分。扁平化设计的核心理念是减少视觉层次,使用户能够更快地理解和操作界面。 在扁平化设计中,色彩扮演了关键...

    扁平化图片——win10风格图标ICON

    扁平化设计风格,尤其是像Windows 10这样的操作系统所采用的风格,已经成为现代图形设计的主流趋势。这种风格强调简洁、清晰和易读性,旨在提供更好的用户交互体验。 “扁平化图片——win10风格图标ICON”是指采用...

    视觉扁平化PPY模板-蓝藏青-PPT模板.pptx

    视觉扁平化PPY模板-蓝藏青-PPT模板.pptx 边框背景 PPT模版

    Awesome Kit分享(PSD手机APP扁平化设计源文件)

    "Awesome Kit分享(PSD手机APP扁平化设计源文件)" 这个标题揭示了我们正在处理的是一套用于手机应用程序设计的资源包,它以扁平化设计风格为主。扁平化设计是现代UI设计中的一个重要趋势,其特点是去除多余的装饰...

    扁平化设计ui

    扁平化设计UI,全称为“Flat Design UI”,是一种现代且流行的设计风格,它强调简洁、清晰和直接的视觉表达,去除多余的装饰性元素,使用户界面更加直观易用。这种设计方法在移动应用、网站设计以及操作系统界面中...

    扁平风格化经典彩色PPT图表.rar

    PPT图表采用了扁平化设计风格,多种颜色配色,非常精美实用;PPT图表内容页面包括并列组合关系图,流程图等多种PPT图表;本套PPT图表具有很高的通用性。适合制作各领域商务汇报,产品发布PowerPoint; 关键词:扁平...

    渐变扁平化PPT模板 - 副本.pptx

    1. **扁平化设计**:扁平化设计是一种去除冗余装饰性元素,强调简洁、直观的设计风格。在PPT模板中,扁平化设计体现在色彩的单一性、无阴影效果和简单的几何形状上。这种设计有利于突出主要内容,使观众的注意力集中...

    精品-扁平化设计手册.ppt

    【扁平化设计手册】是关于现代设计趋势中的一种重要风格——扁平化设计的详细指导。扁平化设计强调简洁、清晰和易用性,它抛弃了过度的装饰效果和立体感,转而采用基本的形状、色彩和字体来构建界面。 在扁平化设计...

    PPT扁平化设计手册

    扁平化设计是一种现代设计风格,其核心理念是去除冗余、复杂的设计元素,追求简洁直观的效果。这种风格在UI设计、网页设计以及PPT制作等领域广泛应用。 #### 二、扁平化设计原则 ##### 1. 亲密性 - **定义**: 亲密...

    _UI设计中扁平化风格的发展方向探讨.pdf

    其中,扁平化设计风格是近年来备受推崇的一种设计趋势。扁平化设计强调简洁、清晰,去除多余的装饰效果,追求功能与形式的极致融合。 **扁平化设计风格的定义** 扁平化设计风格摒弃了传统的拟物化设计中的阴影、...

    清新扁平化卡通风格PPT模板.rar

    【标题解析】 "清新扁平化卡通风格PPT模板.rar"这个标题表明这是一个压缩文件,其中包含一个PPT...以上是关于“清新扁平化卡通风格PPT模板.rar”文件的详细知识点,涵盖了设计风格、模板功能以及其在不同场合的应用。

    ios风格扁平化设计商务实用报告PPT

    ios风格扁平化设计商务实用报告

Global site tag (gtag.js) - Google Analytics