This Trending Text Effect Is Perfect For Streetwear 👌 (Hollow Text Effect Tutorial)

Kittl
11 Apr 202406:26

TLDRThis tutorial showcases how to create a stylish hollow text effect, perfect for streetwear branding, using the design software KD. The presenter begins by placing an AI-generated image or a personal photo on a white canvas, from which the subject is cleanly removed to leave a crisp background. A text box is added with a bold font like 'Came Poster', and the word 'marble' is typed to match the marble statue example. The text is centered and duplicated, with the fill color removed and a black border added to the duplicate. The layers are aligned to achieve a cutout window effect. The process is replicated with shapes, specifically midcentury star shapes, for a similar cutout aesthetic. The tutorial also explores variations of the effect using different colors and the vectorizer tool. The video concludes with a demonstration of applying the hollow text effect to a thumbnail design, encouraging viewers to subscribe for more design tutorials and offering a promo code for the Pro Plan in the video description.

Takeaways

  • 🎨 Use an AI image or any preferred image for the Hollow Text Effect, such as a marble statue on a white background.
  • 🖼️ Remove the subject from the background for a clean look, or keep the background by duplicating and adjusting layers.
  • ✍️ Select a suitable font, like the 'Came Poster', and center the text on the artboard.
  • 🔄 Duplicate the text layer, remove the fill color, and add a black border to create the hollow effect.
  • 🌟 Experiment with shapes, such as midcentury star shapes, for a similar cutout window effect.
  • 🔲 Adjust the color of shapes and text to achieve the desired contrast for the cutout effect.
  • 🧩 Layering is crucial; send the filled shapes to the back to create the cutout effect properly.
  • 🖌️ Customize the text and shapes with different colors and sizes to fit the design.
  • 🎭 Use the vectorizer tool for additional effects and variations with images.
  • 📈 Resize and position elements like stars and text to create a cohesive design.
  • 🔗 Utilize promo codes for Pro Plan and subscribe to the channel for more tutorials and content.

Q & A

  • What is the purpose of the tutorial?

    -The purpose of the tutorial is to teach viewers how to create a Hollow Text Effect in a design software, using an AI image or any other image of their choice.

  • What kind of background is recommended for the image to create a clean effect?

    -A white background is recommended to cleanly remove the subject from the background, which helps in creating the cutout window effect.

  • Which font was used in the tutorial for the text 'marble'?

    -The Cameo Poster font in black font weight was used for the text 'marble'.

  • How can you create a duplicate of the text layer?

    -You can create a duplicate of the text layer by holding the option key and clicking on the text layer.

  • What is the process to create a hollow effect for the text?

    -To create a hollow effect, remove the fill color from the text and add a black border weight. Then, duplicate the text, send the full black text to the back, and align the layers to create the cutout window effect.

  • How can you use shapes to achieve a similar cutout effect?

    -You can use shapes, such as midcentury star shapes, by duplicating them, removing the fill color, and adding a black border to create a similar cutout effect.

  • What is the benefit of using a different color for the star shape when the text is black?

    -Using a different color for the star shape when the text is black helps to create a contrast that enhances the cutout effect and makes the design more visually appealing.

  • What is the role of the Vectorizer tool in the tutorial?

    -The Vectorizer tool is used to experiment with images, allowing users to play around with one or two colors and see different variations to achieve unique cutout effects.

  • How can you ensure the solid version of the design is visible in the background?

    -To ensure the solid version is visible in the background, duplicate the design, make a cutout version and a solid version, and place the solid version behind the cutout in the layer hierarchy.

  • What is the software mentioned for signing up and trying out?

    -The software mentioned is 'K', which is free to sign up for and try out.

  • What kind of content can viewers expect from the channel if they subscribe?

    -Subscribers can expect to receive more tutorials on text effects, graphic design tips, and content related to print on demand.

  • Where can viewers find a promo code for a discount on the Pro Plan?

    -Viewers can find a promo code for a discount on the Pro Plan in the description of the video.

Outlines

00:00

🎨 Creating a Hollow Text Effect in KD

This paragraph explains how to create a hollow text effect using a graphic design software called KD. The user starts with an AI image or any preferred image on a white background, which can be easily separated from the subject. The chosen image is a marble statue. The user then adds a text box with the 'Came Poster' font and types 'marble', centering it on the artboard. A duplicate of the text is made, and the fill color is removed, with a black border added. The original text is sent to the back to create a cutout window effect. The process is further demonstrated with shapes, specifically midcentury star shapes, which are also made hollow and layered to achieve a similar effect. The user also discusses using the vectorizer tool for images and experimenting with different colors and effects.

05:01

📺 Demonstrating the Effect in a Thumbnail Design

The second paragraph describes the application of the hollow text effect in designing a thumbnail. It includes a time-lapse demonstration of creating a thumbnail with a gradient background, a marble statue, and text. The user duplicates the elements to create both a cutout and a solid version, ensuring the solid version is placed behind the text. The paragraph concludes with a call to action for viewers to subscribe to the channel for more tutorials, and mentions a promotional code for the Pro Plan available in the video description. The user encourages viewers to like the video and comment with other effects they'd like to learn.

Mindmap

Keywords

💡Hollow Text Effect

The Hollow Text Effect is a graphic design technique where text appears to be hollow or outlined, creating a window-like effect that reveals the background or underlying elements. In the video, this effect is achieved by removing the fill color from the text and adding a black border, which is then layered to create a cutout appearance. It is central to the tutorial's theme, demonstrating how to apply this effect to various elements for a visually appealing design.

💡AI Image

An AI image, as mentioned in the script, refers to an image generated or manipulated by artificial intelligence, often to create a specific visual effect or style. In the context of the video, the AI image is used as a background for the Hollow Text Effect, showcasing how the effect can be applied over a variety of images, including those created or altered by AI.

💡Canvas

In graphic design and the context of the video, a canvas refers to the surface or workspace where the design is created. It is the foundational layer on which all elements, including text and images, are placed and manipulated. The script describes using a canvas with a marble statue image, setting the stage for the Hollow Text Effect tutorial.

💡Font

A font is the term used to describe the typeface and style of a set of text characters. In the video, the creator selects a specific font called 'Came Poster' for the text, which contributes to the overall aesthetic and theme of the design. The choice of font can significantly impact the visual appeal and message conveyed by the text.

💡Artboard

An artboard is a term used in design software to denote the area in which the design is created. It is similar to a canvas but often refers to a specific design space within a larger project. The video script describes duplicating the artboard to experiment with different design elements, such as shapes and text, to achieve the desired Hollow Text Effect.

💡Vectorizer

The Vectorizer is a tool within design software that converts images into vector format, allowing for infinite scalability without loss of quality. In the video, the Vectorizer is used to manipulate an image, creating a one-color or two-color variation that can be combined with the Hollow Text Effect for a unique design outcome.

💡Cutout Window Effect

The Cutout Window Effect is a visual technique where an object or text appears to cut into the background, revealing what's underneath. This effect is central to the video's tutorial, where the Hollow Text Effect creates a window through which the background or other design elements can be seen.

💡Text Box

A text box is a design element used to input and format text within a design. In the video, the text box is added to the canvas to create the 'marble' text, which is then manipulated to achieve the Hollow Text Effect. The text box serves as the starting point for the design process described in the tutorial.

💡Layering

Layering in graphic design involves arranging different elements on separate layers to control their position and interaction within the composition. The video script discusses layering the text and shapes to create the Hollow Text Effect, with the black outline text sent to the back to form the 'hollow' part, and the filled shapes layered appropriately to complete the design.

💡Midcentury Star Shapes

Midcentury Star Shapes refer to geometric shapes popular in mid-20th century design, characterized by their simplicity and symmetry. In the video, these shapes are used as an example of how the Hollow Text Effect can be applied to different design elements. The star shapes are manipulated to create a cutout effect similar to the text, showcasing the versatility of the technique.

💡Pro Plan

A Pro Plan, as mentioned in the video, likely refers to a professional or premium subscription plan for a design software or service. The video offers a promo code for the Pro Plan, suggesting that the Hollow Text Effect and other advanced features may be accessible through this upgraded subscription, providing users with more tools and capabilities for their designs.

Highlights

Learn to create a Hollow text effect in KD (Krita) using an AI image or any image of choice.

Remove the subject from the background for a clean look or keep the background by duplicating layers.

Select a suitable font such as the Came poster font for the Hollow text effect.

Center and size the text appropriately on the artboard before duplicating it.

Create a black border around the text for the Hollow effect and send it to the back of the artboard.

Achieve a cutout window effect by aligning the text layers.

Duplicate the artboard and experiment with shapes like midcentury star shapes for a similar effect.

Use the abstract section in the elements panel to find unique shapes for the Hollow text effect.

Create a cool cutout effect with shapes by aligning them and adjusting their colors and borders.

Experiment with different colors and layering to achieve various cutout effects with text and shapes.

Use the vectorizer tool to create unique variations with the Hollow text effect.

Play with fill colors and border weights to customize the Hollow effect to your preference.

Create a thumbnail using a gradient background, statue, and text with the Hollow effect.

Duplicate and create both cutout and solid versions of the text and shapes for a layered effect.

Ensure the solid version of the text and shapes are on the background for a cohesive look.

Subscribe to the channel for more tutorials on text effects, graphic design tips, and print on demand content.

Sign up for Krita (KD) for free and use the promo code in the video description for a discount on the Pro Plan.

Engage with the video by liking and commenting on other effects you'd like to learn in Krita.

Watch the time-lapse to see the Hollow text effect creation process from start to finish.