Stack thick extruded lettering with a bevel edge and drop shadow. Pick a color, tilt the depth, and export a transparent PNG — free, no watermark, in your browser.堆叠带斜切边和投影的厚重立体字。挑选颜色、倾斜深度,导出透明 PNG——免费、无水印,在浏览器里完成。
Yes. It is 100% free with no watermark and no sign-up. Transparent PNG export has no limits.
是的。完全免费、无水印、无需注册,透明 PNG 导出没有次数限制。
Yes. The canvas stays transparent, so the PNG drops onto any poster, stream overlay or video without a white box. The checkerboard on screen shows that transparency.
会。画布保持透明,PNG 可以直接放到海报、直播边框或视频上,不会带白框。屏幕上的棋盘格就是透明区域。
The tool stacks dozens of offset copies of your letter in a darker shade to fake extrusion depth, then paints the front face on top. It runs entirely on local Canvas.
工具把几十层偏移的深色字母堆叠起来伪造挤出深度,再在最上面绘制正面。全部在本地 Canvas 运行。
Yes. The tilt slider angles the extrusion so the block falls down-right, down-left or straight down, which moves where the dark side sits.
可以。方向滑块让立体向右下、左下或正下方倒,深色侧面的位置随之改变。
Real 3D software builds a mesh, lights it, and renders the result. We do not have that luxury in a small browser tool, so we cheat with a classic design trick: layering. The tool draws your word many times, each copy nudged a couple of pixels down and to the side and painted a little darker than the last. Stack enough of those offset layers and the eye reads a solid block with thickness, because the darker edge on one side looks like a face turned away from the light. The bright front face is drawn last, on top, so the word stays crisp. This is exactly how old arcade cabinets and web banners faked depth for decades, and it is why the effect stays fast even on a phone.
真正的 3D 软件会建模、打光、渲染。小浏览器工具没这个条件,所以我们用经典设计技巧「分层」来取巧:工具把你的词画很多遍,每一层向下、向侧面挪几像素,颜色比上一层稍暗。偏移层堆得足够多,眼睛就会读出一块有厚度的实心方块——因为一侧的深色边看起来像背对光的面。最后在最上面绘制明亮的正面,让文字保持锐利。这正是几十年来街机机柜和网页横幅伪造纵深的方式,也解释了为什么即使在手机上效果依然流畅。
Depth is the number of stacked layers and how far each one moves. Turn it up and the letter looks carved from a thick block; turn it to zero and you are back to flat text. Tilt rotates that movement vector. At +45 degrees the block falls toward the lower right, which matches a light source in the upper left. At negative tilt it falls the other way, as if the light moved. You do not need to understand the geometry to use it — just drag until the shadow sits where your other graphics expect it. A bevel edge adds a thin highlight along the front outline, which makes the block look chamfered rather than flat-cut, like a plastic trophy.
厚度就是堆叠层数以及每层移动的距离。调大,字像从厚方块里雕出来;调到零,就回到平面文字。方向则旋转这个移动向量。+45 度时方块向右下倒,对应左上的光源;负方向则相反,像光移到了另一边。你不需要懂几何才能用它——拖到阴影位置和你的其他图形吻合即可。斜切边会在正面轮廓上加一道细高光,让方块看起来像被倒角过,而不是直切,就像塑料奖杯。
Most online text generators bake a white or colored background into the PNG, which forces you to crop it out later. Our canvas stays empty except for the letter itself, and the checkerboard on your screen marks exactly where the transparency is. That means a downloaded "SALE" word can float directly over a product photo in your editor, over a video frame, or over a stream layout, with no cleanup step. Pair it with a glowing effect from our Neon Sign Text tool when you want light instead of solid blocks, or add captions around it with the Meme Text Styler.
大多数在线文字生成器会把白色或彩色背景烘焙进 PNG,逼你之后再抠出来。我们的画布除了字母本身是空的,屏幕上的棋盘格精确标出透明区域。这意味着下载的「SALE」可以直接浮在产品照片、视频帧或直播布局上,无需清理。想要发光而不是实心方块时,配合霓虹灯文字工具;想在周围加字幕,用表情包文字样式器。
Every layer you see is computed on your own device. There is no server round-trip, no upload, and no account, which is why the tool keeps working on a plane or in a basement with no signal. The word you type stays on your screen the whole time. If you need a full tutorial on pairing badges with lettering, our Badge Design Guide walks through shapes, materials and color pairings from scratch.
你看到的每一层都在你自己的设备上计算。没有服务器往返、没有上传、没有账号,这也是为什么在飞机上或没信号的地下室里工具依然能用。你输入的词全程只留在屏幕上。如果需要把徽章和字体搭配的完整教程,徽章设计指南会从零讲形状、材质与配色。
Extruded lettering is a hallmark of mid-century advertising: boxy chrome signs, wooden shopfront cutouts, and the bold titles of pulp movie posters. Those designers could not render anything on a computer, so they built the look by layering physical cardboard or wood, painting each edge a different shade. Our tool is a digital version of the same trick. The result reads as physical because our eyes expect a lit top face and a darker side face on any raised object. Get that relationship right and the letter feels like it could be picked up off the screen, which is why "SALE" and "NEW" blocks still dominate banner design a hundred years later.
挤出字是二十世纪中叶广告的标志:方正的铬牌、木质店招、 pulp 电影海报的粗标题。那些设计师没法在电脑上渲染,于是用分层的纸板或木头做出效果,把每条边刷成不同颜色。我们的工具是同一招的数字版。结果看起来像实物,是因为眼睛对任何凸起物体都期待一个亮的顶面和一条暗的侧面。把这个关系做对,字母就像能从屏幕上拿起来——这也是为什么一百年后「SALE」「NEW」方块仍然主宰横幅设计。
Not every font becomes a good 3D block. Thin, elegant typefaces lose their detail once you stack layers behind them, so this tool uses a heavy, rounded sans that keeps its shape at depth. Keep the word short: three to five letters reads as a solid object, while long words need a much smaller font and end up looking flat. Center the word on the canvas and let the tilt do the dramatic work rather than cramming extra words in. If the result feels too chunky, reduce depth; if it feels too flat, raise the depth and check that the bevel edge is on. These small adjustments are the difference between a letter that looks printed and one that looks built.
不是每种字体都适合做成立体块。纤细优雅的字体一旦在背后堆叠多层就会丢掉细节,所以工具用粗圆无衬线,让字形在深度下保持形状。词要短:三到五个字母读起来像实心物体,长词需要小得多的字号,最后显得扁平。把词居中,让倾斜去制造戏剧性,而不是硬塞更多字。结果太厚重就减厚度;太平就加厚度并确认斜切边开着。这些微调决定了字看起来是「印出来的」还是「造出来的」。
Ready to make something pop? Type your word above, push the depth slider, and download your transparent PNG in seconds. When you need glow instead of bulk, the Neon Sign Text tool is one click away.
准备好让文字跳出来了吗?在上方输入文字、推高厚度滑块,几秒钟下载透明 PNG。想要发光而不是厚重感时,霓虹灯文字工具就在隔壁。