一个好看的指南针制作

news/2024/10/22 21:44:06/

成品演示:

在这里插入图片描述

教程开始
1.首先先创建一个23*23厘米的正方形画布,并填充#ffb1b1颜色。
在这里插入图片描述

2.在中心位置创建一个圆角矩形大小为444*444像素,半径为85像素,颜色为eed4d3。
在这里插入图片描述

3.给这个圆角矩形添加一些图层样式。
(1)斜面和浮雕
样式选择内斜面,方法选择平滑,深度为93%,方向选择上,大小为59像素,软化为15像素。
阴影部分:角度90度,不勾选全局光,高度为30度,高光模式选择滤色颜色纯白不透明度75%,阴影模式选择正片叠底颜色ca8d8a不透明度55%。没有说到的按默认处理,完成后大约这样子。
在这里插入图片描述

(2)投影
模式选择正片叠底,颜色纯黑,不透明度为40%,角度90%不使用全局光,距离15像素,扩展0%,大小29像素。其他默认。效果如下。
在这里插入图片描述

4.在中心添加一个392像素,颜色为cf958a-fcf3f4,角度为90度的正圆。
在这里插入图片描述

5.再次向中心添加一个330像素,颜色为cf958a-fcf3f4,角度为90度的正圆。
在这里插入图片描述

6.添加272像素,颜色083e96-ff6e02-ffff00-01fb24-083e96,角度为90度,模式选择角度。
在这里插入图片描述

7.添加一个218像素,颜色eed4d3的正圆
图层样式
(1)斜面和浮雕
样式:内斜面,方法:平滑,深度:72%,方向:上,大小:38像素,软化:16像素,角度:90度(不使用全局光),高度:30度,高光模式:滤色(纯白),不透明度:76%,阴影模式:正片叠底(422524),不透明度28%。其他默认
在这里插入图片描述

(2)投影
混合模式:正片叠底(530505),不透明度:40%,角度:90度(不使用全局光),距离:25像素,扩展:0%,大小:29像素。其他默认
在这里插入图片描述

8.在上角画一个等腰三角形,
在这里插入图片描述

大小可以自己弄,不要超出颜色的范围就行了。颜色为eed4d3。
(1)斜面和浮雕
样式:内斜面,方法:平滑,深度:130%,方向:上,大小:6像素,软化:12像素,角度:90度(不使用全局光),高度30度,高光模式:滤色(纯白),不透明度:75%,阴影模式:正片叠加(560909),不透明度:47%。
(2)投影
混合模式:正片叠底(500808),不透明度:38%,角度90度(不使用全局光),距离:44像素,扩展:0%,大小:29像素。其他默认。
在这里插入图片描述

9.创建一个148像素,颜色为d99e98-ffffff,角度为90度的正圆。
在这里插入图片描述

(1)投影
混合模式:正片叠底,不透明度:60%,角度90度(不使用全局光),距离:35像素,扩展:0%,大小:53像素。
在这里插入图片描述

10.创建一个大小为88像素,颜色为d99e98-ffffff,角度为90度,的正圆。
在这里插入图片描述

成品到这里就完成了。


http://www.ppmy.cn/news/707119.html

相关文章

基于OpenHarmony的智能指南针

电子指南针是现代的一种重要导航工具,大到飞机船舶的导航,小到个人手机导航,电子指南针可以说和咱们生活息息相关,密不可分。为什么电子指南针能指示方向?本 Demo 将为你呈现,其中蕴含了人类智慧及大自然的…

洛谷指南针

跳至内容 一个动态更新的洛谷综合题单 目录 隐藏 1 Copyleft 2 新版本食用指南 3 更新日志 4 Part 0 试机题 5 Part 1 入门阶段 5.1 Part 1.1 从零开始 5.2 Part 1.2 数组基础 5.3 Part 1.3 字符串基础 5.4 Part 1.4 函数,递归及递推 6 Part 2 基础算法…

iOS 指南针

代码地址如下:http://www.demodashi.com/demo/11107.html 高仿系统指南针,方向数据是地磁航向数据,有定位地理位置信息和地磁方向信息,可以和系统的指南针对比看一看。 一、运行效果预览 二、实现过程 1.继承于UIView创建一个带刻…

绝逼实用又美观的指南针应用(App)

很多应用花钱购买下载量,买评论,制造一个个虚假繁荣。看似光鲜的外表下一个个丑陋的UI,垃圾般的功能。这就是在各大应用市场搜索关键字“指南针”找到的应用的真实写照。更恶心的是那些二次打包别个英文软件的打包党,一个个缺陷横…

iOS指南针

前言: 这个小项目使用到了CoreLocation框架里面的设备朝向功能,对CoreLocation感兴趣的可以翻一下之前的文章 有朋友发现一个尴尬的问题(图片的东西2个方向是不对的),原谅我的大意,赶时间就直接百度了张图…

指南针

一 原理分析 移动设备中一般都包括方向传感器,而方向传感器是用于感应设备的摆放状态,方向传感器可以为我们返回三个角度,这样一来就可以知道设备的摆放状态,下面逐一说明下这三个角度: 第一个角度:表示手机…

Android之指南针学习

点我下载源码 5月12日更新到V5版:http://download.csdn.net/detail/weidi1989/5364243 今天,在小米的开源项目中下载了一个指南针源码学习了一下,感觉不仅界面做得很漂亮,代码也是很精致,所以我在研究了之后&#xff…

指南针为什么不叫指北针

相信大家对于指南针都会有个疑问,明明是指北,为什么要叫指南针呢?以下是我从网上查阅的资料解释这个问题的。以下资料来自(http://history.gmw.cn/2016-02/20/content_18952179.htm) 指南针为什么不叫指北针&#xff…