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

Kittl
11 Apr 202406:26

TLDRIn this tutorial, the creator guides viewers through the process of making a hollow text effect using the design software KD. The video begins with placing an AI image on a white background, from which the subject is cleanly removed to create a cutout window effect. The text 'marble' is added in a bold font and centered on the canvas. A duplicate of the text is made, the fill color is removed, and a black border is added. The text layers are aligned to create the hollow effect. The same technique is applied to shapes, specifically midcentury star shapes, to achieve a similar effect. The video also explores the use of the vectorizer tool to experiment with different color variations and the cutout effect with text and shapes. The tutorial concludes with a demonstration of how to use the hollow text effect to create a thumbnail with a gradient background and a marble statue. The creator encourages viewers to subscribe for more tutorials and offers a promo code for a Pro Plan in the video description.

Takeaways

  • 🎨 Use an AI image or any preferred image for the Hollow Text Effect in KD (Krita).
  • 🖼️ It's possible to remove the subject from a white background or keep the background by duplicating layers.
  • 🔒 Lock the background layer to prevent accidental changes while working on the text.
  • ✍️ Select a suitable font and size for the text, center it on the artboard, and duplicate it for the effect.
  • 🖤 Change the fill color of the text to none and add a black border for the hollow effect.
  • 🌟 Utilize shapes, such as midcentury stars, for a similar cutout effect with a different visual appeal.
  • 🔲 Experiment with different colors for the shapes and text to achieve various cutout effects.
  • 🧩 Duplicate and arrange elements like stars and text to create a layered and cohesive design.
  • 🖌️ The Hollow Text Effect can be applied to text and vectorized images for unique outcomes.
  • 🎨 Play with gradients and solid colors to enhance the final design and create thumbnails.
  • 📚 Subscribe to the channel for more tutorials on text effects, graphic design tips, and print-on-demand content.
  • 🎉 Use the promo code provided in the video description for a discount on the Pro Plan of KD.

Q & A

  • What is the purpose of using a white background in the video?

    -The white background is used to cleanly remove the subject from the background, allowing for a more focused effect on the text.

  • What font did the presenter use for the 'marble' text?

    -The presenter used the 'Came Poster' font for the 'marble' text.

  • How does one create a hollow text effect in the video?

    -To create a hollow text effect, duplicate the text layer, remove the fill color from the duplicate, and add a black border weight to it.

  • What is the alternative method to using a white background?

    -An alternative method is to duplicate the layer, move the background from the duplicate to the top layer, and then sandwich the text between the layers.

  • How does the presenter create a cutout window effect with text?

    -The presenter creates a cutout window effect by aligning a solid text layer behind a hollow (outline) text layer.

  • What is the 'midcentury star shape' used for in the video?

    -The 'midcentury star shape' is used to create a similar cutout effect with shapes instead of text.

  • How does one add a border weight to a shape in the video?

    -To add a border weight to a shape, duplicate the shape, remove the fill color from the duplicate, and apply a black border weight.

  • What is the benefit of using the 'Vectorizer' tool in the video?

    -The 'Vectorizer' tool allows for the creation of different variations by playing with one or two colors, which can then be used to create unique cutout effects.

  • How can one use the hollow text effect for a thumbnail design?

    -One can use the hollow text effect for a thumbnail by creating a gradient background, placing the statue and text, duplicating them to create a cutout and solid version, and ensuring the solid version is on the background layer.

  • What is the significance of sending the filled shape to the back in the design process?

    -Sending the filled shape to the back creates a layered effect where the cutout shape is visible over the filled shape, contributing to the overall design aesthetic.

  • What is the recommended way to subscribe to more tutorials like the one in the video?

    -The recommended way to subscribe to more tutorials is by subscribing to the channel where the video was found.

  • How can one get a discount on the Pro Plan mentioned in the video?

    -One can get a discount on the Pro Plan by using the promo code provided in the video description.

Outlines

00:00

🎨 Creating a Hollow Text Effect in KD

This paragraph demonstrates how to create a hollow text effect using a software called KD. The process involves starting with an AI image or any preferred image and removing the background to isolate the subject. The user chooses a 'marble statue on a white background' for this example. The next step is to add a text box using a specific font, 'Came Poster', and types 'marble' in black font weight. The text is then centered and resized. A duplicate of the text is made, the fill color is removed, and a black border is added. This black text is sent to the back to create a cutout window effect. The paragraph also explores using shapes, specifically 'midcentury star shapes', to achieve a similar effect by duplicating, removing fill color, and adding a black border. The shapes are then aligned to create a layered cutout effect. The process is further extended to experimenting with images and vectorizing them to create different variations.

05:01

📺 Finalizing the Design and Promoting the Channel

The second paragraph showcases the finalization of the design by using the hollow text effect to create a thumbnail with a gradient background and a statue. The process involves duplicating elements, creating both a cutout and solid version of the text and statue, and ensuring the solid version is placed on the background. The paragraph concludes with a call to action for viewers to subscribe to the channel for more tutorials on text effects, graphic design tips, and print-on-demand content. It also mentions a promotional code available in the video description for a discount on the Pro Plan. The video ends with an encouragement for viewers to like the video, leave comments with effect requests, and a farewell until the next video.

Mindmap

Keywords

💡Hollow Text Effect

The 'Hollow Text Effect' is a graphic design technique where text appears to have a hollow or empty center, creating a visually appealing outline. In the video, this effect is created by removing the fill color from the text and adding a black border, which is then layered behind the original text to produce a 'cutout window' appearance. It is central to the tutorial's theme and is demonstrated through various steps using different elements such as a marble statue and star shapes.

💡KD (Krita Design)

KD, short for Krita Design, is a digital art and painting software that is also used for graphic design tasks like creating text effects. In the script, the presenter uses Krita to demonstrate how to achieve the hollow text effect, indicating that it is a versatile tool suitable for this type of design work.

💡Canvas

A 'canvas' in graphic design software refers to the workspace or surface on which the design is created. In the video, the presenter mentions having a canvas ready and placing different elements onto it, such as an AI image and text, to build the design.

💡AI Image

An 'AI image' typically refers to an image generated by artificial intelligence, often used to mean a synthetic or stylized image created by AI algorithms. In the context of the video, the presenter uses an AI-generated image of a marble statue as a background, which is then manipulated to create the hollow text effect.

💡Font

A 'font' is the term for a set of text characters that share a common design style. The choice of font can significantly impact the overall look and feel of a design. In the tutorial, the presenter selects the 'Came Poster' font for its aesthetic appeal, which is then used to create the hollow text effect.

💡null

💡Text Box

A 'text box' is a user interface element that allows for the input and editing of text. In the video, the presenter adds a text box to the canvas in Krita to type in the word 'marble,' which is then styled to achieve the hollow text effect.

💡Border Weight

The 'border weight' refers to the thickness of the line that outlines a shape or text. In the context of the video, after removing the fill color from the text, the presenter adds a black border with a specific weight to create the hollow effect.

💡Artboard

An 'artboard' is a term used in design software to describe the area in which the design is composed. The presenter duplicates the artboard in the video to create variations of the hollow text effect using different shapes and elements.

💡Midcentury Star Shapes

These are geometric shapes that are characteristic of the mid-20th century design style, often associated with the midcentury modern movement. In the video, the presenter uses these star shapes to demonstrate how the hollow text effect can be applied to various design elements, enhancing the visual interest.

💡Vectorizer

A 'vectorizer' is a tool that converts images into vector graphics, which are scalable and can maintain quality at any size. In the script, the presenter uses the vectorizer tool in Krita to manipulate an image and apply the hollow text effect, showcasing its utility in graphic design.

💡Pro Plan

A 'Pro Plan' typically refers to a professional or premium subscription tier for a software or service that offers additional features or capabilities beyond a basic or free version. The video mentions a promo code for a discount on the Pro Plan of Krita, indicating that there are advanced features available for users who subscribe to this level.

Highlights

Learn how to create a Hollow text effect in KD (Krita or a similar design software).

Use an AI image or any preferred image for the background.

Cleanly remove the subject from the background for a clear text effect.

Choose a suitable font, such as the Came Poster font, for the text.

Center the text on the artboard and adjust its size.

Duplicate the text layer and create a black border for a hollow effect.

Experiment with shapes, such as midcentury star shapes, for a unique cutout window effect.

Use the Vectorizer tool to experiment with different color variations.

Create a solid and a cutout version of the text for a layered effect.

Use different colors for the text and shapes to enhance the cutout effect.

Duplicate and align elements to create a cohesive design.

Apply the hollow text effect to various elements like images and shapes.

Use the hollow effect to create a compelling thumbnail for videos.

Subscribe to the channel for more tutorials on text effects and graphic design tips.

Sign up for K (Krita or similar) and use the promo code for a discount on the Pro Plan.

Engage with the community by liking the video and leaving comments on desired effects.

Explore the use of gradients and other design elements to complement the hollow text effect.

Watch the time-lapse to see the entire process of creating the hollow text effect.