diff --git a/src/app/[locale]/blogs/Add-Text-Shadow/1024_576.png b/src/app/[locale]/blogs/Add-Text-Shadow/1024_576.png
new file mode 100644
index 0000000..69eb2b2
Binary files /dev/null and b/src/app/[locale]/blogs/Add-Text-Shadow/1024_576.png differ
diff --git a/src/app/[locale]/blogs/Add-Text-Shadow/512_288.png b/src/app/[locale]/blogs/Add-Text-Shadow/512_288.png
new file mode 100644
index 0000000..6732cab
Binary files /dev/null and b/src/app/[locale]/blogs/Add-Text-Shadow/512_288.png differ
diff --git a/src/app/[locale]/blogs/Add-Text-Shadow/blog-prompt.txt b/src/app/[locale]/blogs/Add-Text-Shadow/blog-prompt.txt
new file mode 100644
index 0000000..d85f816
--- /dev/null
+++ b/src/app/[locale]/blogs/Add-Text-Shadow/blog-prompt.txt
@@ -0,0 +1,9 @@
+我要写一篇博文，介绍如何设置文字阴影。你是一个专业的SEO优化师，从seo的角度来帮我组织这个blog。
+1 打开 https://fast3dtext.com/editor
+2 输入想要的Text
+3 调整背景、字体、颜色
+4 打开Effect - Shadow的开关，选择自己喜欢的阴影颜色
+5 操控三维视角
+6 下载
+
+至此，即完成了文字阴影
\ No newline at end of file
diff --git a/src/app/[locale]/blogs/Add-Text-Shadow/data.ts b/src/app/[locale]/blogs/Add-Text-Shadow/data.ts
new file mode 100644
index 0000000..63bd6ae
--- /dev/null
+++ b/src/app/[locale]/blogs/Add-Text-Shadow/data.ts
@@ -0,0 +1,18 @@
+import Cover2 from "./512_288.png";
+import { BlogItem } from "../list";
+
+export const Blog: BlogItem = {
+ id: "Add-Text-Shadow",
+ date: "2025-08-19",
+ cover: Cover2,
+ en: {
+ title: "How to Add Stunning Text Shadow Effects to 3D Text Online",
+ summary:
+ "Learn how to create eye-catching text shadow effects for your 3D text designs using Fast3DText. This step-by-step guide shows you how to enable shadows, choose shadow colors, and create professional-looking 3D text with depth and dimension. Perfect for designers and content creators.",
+ },
+ zh: {
+ title: "如何为3D文字添加惊艳的阴影效果（在线工具）",
+ summary:
+ "本文教你使用 Fast3DText 为3D文字添加专业的阴影效果。通过开启阴影开关、选择阴影颜色和调整三维视角，你可以轻松创建具有深度感和立体感的3D文字设计。适合设计师和内容创作者使用。",
+ },
+};
diff --git a/src/app/[locale]/blogs/Add-Text-Shadow/en.tsx b/src/app/[locale]/blogs/Add-Text-Shadow/en.tsx
new file mode 100644
index 0000000..5c31a69
--- /dev/null
+++ b/src/app/[locale]/blogs/Add-Text-Shadow/en.tsx
@@ -0,0 +1,89 @@
+import { Box, Heading, Text, Link, Flex } from '@radix-ui/themes';
+import Image from 'next/image';
+import img from "./1024_576.png";
+
+export default function Page() {
+ return (
+
+ How to Add Stunning Text Shadow Effects to 3D Text Online
+
+
+
+
+
+
+ Want to make your 3D text designs stand out with professional shadow effects? This comprehensive guide shows you how to easily add text shadow effects to your 3D text using Fast3DText.com - the best free online 3D text generator with shadow capabilities.
+
+
+ 🎯 Why Add Text Shadow Effects?
+
+ Text shadows add depth, dimension, and professionalism to your 3D designs. They create visual hierarchy, improve readability, and make your text pop against any background. Perfect for social media graphics, presentations, logos, and marketing materials.
+
+
+ 🚀 Step-by-Step Guide to Adding Text Shadows
+
+ 1. Open the 3D Text Editor
+
+ Start by visiting 👉 https://fast3dtext.com/editor
+
+
+ 2. Enter Your Text Content
+
+ Type the text you want to transform into 3D with shadow effects. You can enter single words, phrases, or multiple words separated by spaces for individual control.
+
+
+ 3. Customize Basic Settings
+
+ Set up your foundation:
+
+
+
Background: Choose solid colors, gradients, or transparent background
+
Font: Select from various 3D-compatible fonts
+
Text Color: Pick your main text color
+
+
+ 4. Enable Shadow Effects
+
+ This is the key step! Navigate to the Effect panel and toggle on the Shadow switch. This activates the shadow functionality for your 3D text.
+
+
+ 5. Choose Your Shadow Color
+
+ Select the perfect shadow color that complements your text. You can choose:
+
+
+
Matching colors for subtle effects
+
Contrasting colors for dramatic impact
+
Dark shadows for traditional depth effects
+
Colored shadows for creative designs
+
+
+ 6. Adjust 3D Perspective
+
+ Drag and rotate the 3D scene to find the perfect angle that showcases your shadow effect. The shadow will dynamically adjust based on your 3D viewpoint.
+
+
+ 7. Download Your Creation
+
+ Click the Download button to save your 3D text with shadow effects as a high-quality PNG image. Ready to use in your projects!
+
+
+ 💡 Pro Tips for Best Results
+
+
Use darker shadow colors for more pronounced effects
+
Experiment with different shadow intensities
+
Consider your background color when choosing shadow colors
+
Try multiple angles to find the most flattering shadow presentation
+
+
+ 🎨 Creative Applications
+
+ Text shadow effects are perfect for: logo design, social media graphics, YouTube thumbnails, presentation slides, website headers, marketing materials, and personal projects.
+
+
+
+ Start creating stunning 3D text with professional shadow effects today at Fast3DText.com!
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/app/[locale]/blogs/Add-Text-Shadow/page.tsx b/src/app/[locale]/blogs/Add-Text-Shadow/page.tsx
new file mode 100644
index 0000000..536a6a1
--- /dev/null
+++ b/src/app/[locale]/blogs/Add-Text-Shadow/page.tsx
@@ -0,0 +1,82 @@
+import Footer from "@/components/Footer";
+import Header from "@/components/Header";
+import { Box, Flex, } from "@radix-ui/themes";
+import { useLocale } from "next-intl";
+import En from "./en";
+import Zh from "./zh";
+import { Locales } from "@/i18n/config";
+import { Metadata } from "next";
+import { Blog } from "./data";
+
+export default function Page() {
+
+ const locale = useLocale() as "en" | "zh";
+
+ return (
+
+
+
+
+
+ {locale == "en" && ()}
+ {locale == "zh" && ()}
+
+
+
+
+
+ )
+}
+
+const host = process.env.NEXT_PUBLIC_HOST;
+
+const locales = Locales;
+
+export function generateStaticParams() {
+ return locales.map((locale) => ({ locale }));
+}
+
+export async function generateMetadata({
+ params,
+}: {
+ params: Promise<{ locale: string }>;
+}): Promise {
+ const { locale } = await params;
+
+ const name = Blog.id;
+ const title = Blog[locale as "en" | "zh"].title;
+ const description = Blog[locale as "en" | "zh"].summary;
+ return {
+ title,
+ description,
+ keywords: [],
+ openGraph: {
+ title,
+ description,
+ url: `${host}/${locale}/blogs/${name}`,
+ images: [
+ {
+ url: `${process.env.NEXT_PUBLIC_HOST}/og-image.png`,
+ width: 1200,
+ height: 630,
+ alt: title,
+ },
+ ],
+ locale: locale,
+ type: "website",
+ },
+ twitter: {
+ card: "summary_large_image",
+ title,
+ description,
+ images: [`${process.env.NEXT_PUBLIC_HOST}/og-image.png`],
+ },
+ alternates: {
+ canonical: `${host}/blogs/${name}`,
+ languages: {
+ en: `${host}/en/blogs/${name}`,
+ zh: `${host}/zh/blogs/${name}`,
+ },
+ },
+ };
+}
\ No newline at end of file
diff --git a/src/app/[locale]/blogs/Add-Text-Shadow/zh.tsx b/src/app/[locale]/blogs/Add-Text-Shadow/zh.tsx
new file mode 100644
index 0000000..1b97818
--- /dev/null
+++ b/src/app/[locale]/blogs/Add-Text-Shadow/zh.tsx
@@ -0,0 +1,89 @@
+import { Box, Heading, Text, Link, Flex } from '@radix-ui/themes';
+import Image from 'next/image';
+import img from "./1024_576.png";
+
+export default function Page() {
+ return (
+
+ 如何为3D文字添加惊艳的阴影效果（在线工具）
+
+
+
+
+
+
+ 想要让你的3D文字设计通过专业的阴影效果脱颖而出吗？本完整指南将教你如何使用Fast3DText.com轻松为3D文字添加阴影效果 - 这是最好的免费在线3D文字生成器，具备阴影功能。
+
+
+ 🎯 为什么要添加文字阴影效果？
+
+ 文字阴影能为你的3D设计增添深度、立体感和专业感。它们创建视觉层次，提高可读性，并让你的文字在任何背景下都更加突出。非常适合社交媒体图形、演示文稿、Logo设计和营销材料。
+
+
+ 🚀 添加文字阴影的分步指南
+
+ 1. 打开3D文字编辑器
+
+ 首先访问 👉 https://fast3dtext.com/editor
+
+
+ 2. 输入你的文字内容
+
+ 输入你想要转换为带阴影效果的3D文字。可以输入单个单词、短语或用空格分隔的多个单词以获得单独控制。
+
+
+ 3. 自定义基本设置
+
+ 设置基础配置：
+
+