超全毛玻璃图标教程,不看你就OUT了!

news2024/9/22 15:34:58

相比热衷于UI设计的朋友们,都曾经听说过玻璃拟态图标这个名词。玻璃拟态图标以其吸引人的外观和易于上手的特性,赢得了大家的青睐。在这篇文章中,将使用一款免费的在线图标设计工具Pixso,为你详解通过四个步骤,让你快速设计出自己的玻璃拟态图标。让我们开始吧!

第一步:创建图标

首先,你需要【登录pixso工作台】,启动一个全新的画布。不管你希望创建何种尺寸的【画板】,只要轻点几下,即可轻松建立。紧接着,利用【图形】工具,先创造出一个带有渐变色效果的圆角矩形。接下来,转到【切角】选项,选择【5】作为你的角度。完成这个步骤后,将焦点移向【填充】部分的颜色,并将其改变为【线性渐变】状态。

第二步:调整透明度

接下来的步骤中,你需要按住Ctrl+C进行复制,再按Ctrl+V进行粘贴,以此复制我们刚才创建的圆角矩形。然后,在【填充】选项中,将透明度降低至15%,以增加视觉深度和质感。

第三步:添加阴影

紧接着,转到右侧的【效果】栏。在此处,为你的半透明矩形添加内阴影效果,使其具有更明亮的高光。同时,加上外阴影效果,这将增强图标的立体感,使其更显真实感。

第四步:背景模糊效果

最后一步,为半透明矩形添加背景模糊效果。只需简单的操作,即可赋予图标惊人的视觉效果。让我们一同见证这个美妙的创作过程吧!

就这样,仅仅通过四个简单的步骤,你就可以拥有一个精美绝伦的玻璃拟态按钮了!

此外,你还可以从Pixso的丰富资源库中,挑选你心仪的图标,添加到你的玻璃拟态按钮上,以此打造出自己独特的设计。

利用玻璃拟态图标于移动应用程序的界面,将赋予界面更为活力四溢和轻盈飘逸的外观。这种玻璃拟态的立体感也会诱发用户去点击图标按钮,它非常适合用于现今主打年轻消费者群体的app界面设计。例如下图显示的是Pixso资源社区中的一项财务管理小钱包app设计案例,你会发现,它与玻璃拟态图标的配合度十分吻合。

在研读了Pixso的详细教程步骤后,我相信你已经热血沸腾,迫不及待想要亲手试试了。那就不要再等待,立即点击进入Pixso工作台,展示你的设计才华吧!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1229085.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

UE TransformVector 学习笔记

假如算现在枪的位置,那么就是先拿人的位置再拿枪在本地的相对位置相加,就是枪的位置,也就是枪在场景中的位置,那么这里还可以写成Actor的变化和枪的相对位置连在TransformVector上,返回的就是枪的场景位置 这里做反算&…

基于C++实现循环赛日程表(分治算法)

一、问题描叙 设有n2^k个运动员,要进行网球循环赛。现在要设计一个满足以下要求的比赛日程表 每个选手必须与其他n-1个选手各赛一场每个选手一天只能赛一次循环赛一共进行n-1天 二、问题分析 按此要求可将比赛日程表设计成n行n-1列的表,在表中第 i 行…

kafka本地安装报错

Error: VM option ‘UseG1GC’ is experimental and must be enabled via -XX:UnlockExperimentalVMOptions. #打开 bin/kafka-run-class.sh KAFKA_JVM_PERFORMANCE_OPTS“-server -XX:UseG1GC -XX:MaxGCPauseMillis20 -XX:InitiatingHeapOccupancyPercent35 -XX:ExplicitGCInv…

关于ASO优化的分步入门指南2

1、分析元数据。 分析我们收集的当前元数据和关键词,单独跟踪关键字词,然后跟踪组合。例如如果应用程序的标题是关于音乐的应用,则需要跟踪“音乐”、“听”、“听音乐”等关键词。填充元数据分析选项卡,使用搜索分数、下载影响和…

unexpected end of stream on

SpringCloud使用FeignClient调用第三方接口报错unexpected end of stream on ; 解决方法: 1.检查服务器端口是否被占用 lsof -i:端口; 2.nacos添加超时配置:

Taro安装及使用

安装及使用 安装​ Taro 项目基于 node,请确保已具备较新的 node 环境(>12.0.0),推荐使用 node 版本管理工具 nvm 来管理 node,这样不仅可以很方便地切换 node 版本,而且全局安装时候也不用加 sudo 了…

vue3按需引入 vite-plugin-style-import 2.0版本报错(解决办法)

报错配置():报错信息解决方法配置 报错配置(): //vite.config.js 部分代码 // 按需自动引入 elementplus 相关样式文件 import styleImport from vite-plugin-style-import// https://vitejs.dev/config/ export default defineConfig({plugins: [vue()…

uniapp开发小程序,包过大解决方案

1、首先和大家说一下 微信小程序 主包限制不能超过2M 分包一共不能超过8M 然后具体解决优化步骤如下, 将主包进行分包 在pages.json 下subPackages里面进行配置分包 分包配置完 配置过的文件都需要进行修改对应的路径 2 、 在运行的时候 一定要勾选 压缩代码 有…

Mac git查看分支以及切换分支

查看本地分支 git branch 查看远程仓库分支 git branch -r 查看本地与远程仓库分支 git branch -a 切换分支 git checkout origin/dev/js

纯JS,RSA,AES,公钥,私钥生成及加解密

通过网络找的JS源文件,修改后使用,包含RSA 密匙对生成 及AES 加解密 涉及的JS源文件 下载 GitHub - cgrlancer/RSA-AES: 纯js,RSA,AES前端加解密 前端引用 import {generateRsaKeyWithPKCS8,encryptByRSA,decryptByRSA,encrypt,decrypt,testRsa} fr…

c++多态(虚函数)机制

c多态发生的两个条件 c多态发生的两个条件(牢记): 1、派生类继承含有虚函数的基类,并对基类的虚函数发生重写 2、通过 基类的指针或引用 调用派生类虚函数 多态过程详解 一个案例(黑马)-分析条件一&#x…

基于C#实现最长公共子序列

一、作用 最长公共子序列的问题常用于解决字符串的相似度,是一个非常实用的算法,作为码农,此算法是我们的必备基本功。 二、概念 举个例子,cnblogs 这个字符串中子序列有多少个呢?很显然有 27 个,比如其…

IDEA运行 支付宝案例

我 | 在这里 🕵️ 读书 | 长沙 ⭐软件工程 ⭐ 本科 🏠 工作 | 广州 ⭐ Java 全栈开发(软件工程师) 🎃 爱好 | 研究技术、旅游、阅读、运动、喜欢流行歌曲 🏷️ 标签 | 男 自律狂人 目标明确 责任心强 ✈️公…

庖丁解牛:NIO核心概念与机制详解 01 _ 入门篇

文章目录 Pre输入/输出Why NIO流与块的比较通道和缓冲区概述什么是缓冲区?缓冲区类型什么是通道?通道类型 NIO 中的读和写概述Demo : 从文件中读取1. 从FileInputStream中获取Channel2. 创建ByteBuffer缓冲区3. 将数据从Channle读取到Buffer中 Demo : 写…

优思学院|什么是精益生产管理?从一个生活上的故事出发来说明。

你关掉电脑,离开办公室。 一个小时后,你进入家门和孩子们在一起。 你和家人一起吃晚饭。 你的老板打电话来查看你的项目进展。 你哄孩子入睡并给他们读个故事。 作为一个负责任的父母,你想要与孩子们的互动时间增加并提高生活的质量&…

flink 查看写入starrocks的数据量 总行数

针对该connector: https://github.com/StarRocks/docs.zh-cn/blob/main/loading/Flink-connector-starrocks.md

使用 uWSGI 部署 Django 应用详解

概要 部署 Django 应用到生产环境是一个至关重要的步骤,其中选择合适的 WSGI 服务器对于确保应用的稳定性和性能至关重要。uWSGI 是一个流行的选择,它不仅高效、轻量,还非常灵活。本文将详细介绍如何使用 uWSGI 来部署 Django 应用&#xff…

力扣C++学习笔记——C++ assign全面解析

cassign是一个C20标准中新增的头文件,主要提供了assign函数,用于将一个容器内的元素按照特定规则赋值到另一个容器中。它是STL容器操作的重要一环,具有高效、简洁、易用的特点。 assign函数有多个版本,一般使用的是容器类型相同或…

掌握Python中classmethod的妙用,提升代码灵活性与可维护性

概要 在Python编程中,classmethod是一种非常有用的装饰器,它可以将一个方法转换为类方法,使得该方法可以通过类名或实例名直接调用,而不需要传入self参数。通过合理使用classmethod,我们可以提高代码的灵活性、复用性…