Graffiti Generator

Adding and Editing Text

In the "Text Content" section, you can enter the text you want to display. Click the "Add Text" button to create a new text layer. Each layer can have different text content, font, and style.

Layer Management

The layer list shows all text layers on the canvas. You can:

• Click on a layer to select and edit it
• Use the "Move Up" and "Move Down" buttons to adjust layer order
• Double-click on the layer name to rename the layer
• Click the delete icon on the right of the layer to remove it

Layer order determines the stacking order of elements, with layers at the top of the list appearing on top.

Selecting Font

Select your preferred font from the "Font Style" dropdown menu. The preview area will display the selected font's effect in real-time.

Adjusting Size

Use the size slider to adjust the text size, ranging from 12px to 120px.

Color Settings

You can set three color attributes:

• Fill: The main color of the text
• Stroke: The color of the text outline
• Shadow: The color of the text shadow

Upload Custom Font

Click the "Choose File" button to upload your own font file (supports .ttf, .otf, .woff, and .woff2 formats). After uploading, the new font will be added to the font selection list.

Available Effects

The effects section provides various text effects, click on the effect preview to apply:

• Shadow: Add a 3D shadow effect to the text
• Outline: Add an outline effect to the text
• Glow: Add a glowing effect to the text
• Rainbow: Fill the text with a rainbow gradient
• Grunge: Add a gritty street style to the text
• Fire: Add a flame-like gradient effect to the text

Combining Effects

You can combine multiple effects to create unique visual effects. For example, you can apply both outline and glow effects, or rainbow and shadow effects. Try different combinations to find the effect that best suits your artwork.

Selecting Background

In the background section, you can select different background styles. Click on the background preview to apply it to the canvas. The system provides various preset backgrounds, including solid colors, patterns, and textures.

Upload Custom Background

Click the "Upload Custom Background" button, you can upload your own image as a background (supports .jpg, .jpeg, and .png formats). The uploaded background will be saved in local storage and displayed in the background selection area.

Background Adjustment

After selecting a background, you can:

• Adjust the brightness and contrast of the background
• Change the display mode of the background (tiled, stretched, or centered)
• Set the transparency of the background

These adjustments help you create the most suitable background effect for displaying text.

Adding Stickers

The stickers section provides various preset stickers, click on the sticker preview to add it to the canvas. After adding, you can:

• Drag the sticker to adjust its position
• Use the control points at the corners to adjust its size and rotation
• Double-click on the sticker to delete

Upload Custom Sticker

Click the "Upload Custom Sticker" button, you can upload your own image as a sticker (supports .jpg, .jpeg, .png, and .svg formats). The uploaded sticker will be saved in local storage and displayed in the custom stickers area.

Adding Decorations

The decorations section provides various decoration elements, such as stars, arrows, hearts, and bubbles. The operation method is the same as that of stickers, you can freely adjust position, size, and rotation.

Upload Custom Decoration

Similar to stickers, you can also upload your own image as decoration elements. The uploaded decoration will be saved in local storage and displayed in the custom decoration area.

Downloading Artwork

After completing the creation, you can download the artwork through the following methods:

• Click the "PNG" button to download the PNG format image with a transparent background
• Click the "JPG" button to download the JPG format image

Sharing to Social Media

Click the "Share" button, you can see various social media sharing options:

• Twitter
• Facebook
• Pinterest
• Reddit
• Instagram
• Tumblr

After selecting the platform, the system will generate a sharing link or QR code for you to share the artwork with friends or publish it to social media.

Accessing Community Resources

Click the "Community Resources" link at the top navigation bar to enter the community resources page. Here, all resources uploaded and stored in local storage by users are displayed.

Browsing Resources

The community resources page is divided into three tab pages:

• Backgrounds: Display all custom backgrounds uploaded by users
• Stickers: Display all custom stickers uploaded by users
• Decorations: Display all custom decorations uploaded by users

Using Resources

Hovering over a resource item will display "Use" and "Delete" buttons:

• Click the "Use" button to apply the resource to the current artwork
• Click the "Delete" button to remove the resource from local storage

Managing Resources

The total number of resources is displayed at the top of each tab, and a "Clear All" button is provided to delete all custom resources of that category with one click.

Creative Tips

• Contrast Color Usage: Use color combinations with contrasting colors to make the text more noticeable
• Layer Overlay: Create multiple text layers with the same text, apply different effects and slight offset, to produce complex visual effects
• Background and Text Coordination: Ensure that the background does not become too complex to affect text readability
• Decoration Element Dazzle: Use decoration elements in moderation to avoid the scene from becoming too messy
• Save Common Settings: Record related settings after finding a favorite style combination, for quick application next time

Performance Optimization

• Avoid using too many layers at the same time to maintain good editing performance
• Large background images may affect loading speed, it is recommended to use appropriately sized images
• Regularly clean up unnecessary custom resources to avoid local storage from becoming overly bloated

Creative Inspiration

Here are some creative inspirations:

• Create personalized social media avatar or cover image
• Design unique greeting cards or invitation cards
• Create motivational quotes or inspirational image
• Design T-shirts or other clothing patterns
• Create brand logos or promotional materials