自动按钮创建
WEB和主页上使用的按钮材料可以自动创建。
您可以通过设置颜色和大小,并输入按钮的文字,在浏览器上轻松创建按钮素材,您可以将其下载为 JPG 或 PNG。您可以免费使用创建的按钮。
按钮创建画面
用左侧的颜色选择器按颜色选择一种颜色,设置按钮大小、线宽、圆角半径等并输入按钮文字,按钮将显示在下方。您还可以在“详细设置”中添加文字阴影和内阴影。在Chrome等的情况下,您可以通过右键单击并单击“将图像另存为”来保存图像,但如果不能,请单击下面的“创建JPG”或“创建PNG” JPG图像或PNG图像将是生成,所以请保存并使用它。
按钮设置
高级设置
PNG创建
JPG创作
字体大小: | px |
按钮宽度: | px |
按钮高度: | px |
行宽: | px |
圆角半径: | px |
层次: |
按钮文字: |
人物影子: |
框架边框: |
内心的阴影: |
阴影深度: | % |
阴影位置 X: | % |
阴影位置 Y: | % |
阴影模糊: | % |
按钮图像文件
如何使用自动按钮创建
颜色选择
您可以从左侧的颜色选择器中选择按钮的背景颜色。 除了点击调色板选择颜色外,您还可以直接指定RGB颜色代码或通过输入值指定HSV。
按钮设置
您可以更改字体大小、按钮大小、线宽等。 数字输入也可以通过移动带有范围输入的条来更改。
字体大小 | 您可以在 8px 和 96px 之间指定按钮字符的字体大小。 |
---|---|
按钮宽度 | 您可以在 40px 和 300px 之间指定按钮的宽度。 |
按钮高度 | 您可以在 30px 和 200px 之间指定按钮的垂直宽度。 按钮的宽度和高度将是指定的大小,包括线条的宽度。 |
行宽 | 您可以在 0px 和 20px 之间指定按钮线的宽度。 为 0px 时,不显示该行。 |
圆角半径 | 您可以在 0px 和 100px 之间指定圆角的半径。 如果它超过按钮宽度或高度的一半,它将是该值。 |
层次 | 如果“无”,它将以指定的颜色绘制。 如果“是”,则使用从比指定颜色更亮的颜色到指定颜色的渐变来绘制颜色。 选择“反转”,渐变的颜色将反转。 |
按钮文字 | 输入要在按钮上显示的字符。 文本颜色根据背景颜色显示为白色或黑色。您也可以输入多行。 如果文本大于按钮的宽度,它将水平缩小到按钮宽度的大小。 |
高级设置
您可以添加详细的设置,例如角色阴影和内部阴影。
人物影子 | 如果设置为“是”,则会在文本下方添加一个 1px 的阴影。 当文本颜色为白色时,阴影颜色显示为黑色,当文本颜色为黑色时,阴影颜色显示为白色。 |
---|---|
框架边框 | 更改边框的颜色。 在“有色”的情况下,颜色以指定的颜色为准,在“黑色”的情况下,以黑色边框显示。 如果您选中“内白线”,则会在边框线内显示一个白色边框。 |
内心的阴影 | 如果设置为“是”,则会在内部投射阴影。阴影设置如下。 |
阴影深度 | 将阴影不透明度设置为 0% 到 100%。 |
阴影位置 X | 根据按钮位置将阴影的水平位置从 -100% 设置为 100%。 |
阴影位置 Y | 根据按钮位置将阴影的垂直位置从 -100% 设置为 100%。 |
阴影模糊 | 设置从 0% 到 100% 的阴影模糊程度。 |
转换为图像
保存按钮时,点击“创建JPG”或“创建PNG”,分别创建JPG图片和PNG图片,右键保存使用。