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

Kittl
11 Apr 202406:26

TLDRIn this tutorial, the creator demonstrates how to achieve the trending hollow text effect, perfect for streetwear designs. The process begins with selecting an image and placing it on a white background to facilitate subject removal. Using the KD (Krita) software, the presenter adds a text box with a bold font, such as 'Came Poster', and types the word 'marble' to match the marble statue in the image. The text is then centered and duplicated, with the duplicate's fill color removed and a black border added. This creates a cutout window effect. The video also explores using shapes, like midcentury stars, to achieve a similar effect. The presenter advises on layering and positioning for the desired look and suggests experimenting with different colors and vectorized images. The tutorial concludes with a time-lapse showing the application of the hollow text effect in a thumbnail design, encouraging viewers to subscribe for more tutorials and offering a promo code for the Pro Plan in the video description.

Takeaways

  • 🎨 Start by selecting a suitable image for the background, such as a marble statue on a white background, to easily remove the subject from the background.
  • 🔄 Lock the background image to prevent it from interfering with the text effect creation process.
  • ✍️ Choose a bold and fitting font for the text, such as 'Came Poster', and center it on the artboard.
  • 🔲 Duplicate the text layer, remove the fill color, and add a black border to create a hollow text effect.
  • 🌟 Use shapes from the elements panel, like midcentury star shapes, to create a similar hollow effect with geometric designs.
  • 🔄 Experiment with different colors for the text and shapes to achieve the desired contrast for the cutout effect.
  • 🧩 Duplicate the artboard and remove the text to apply the hollow effect to shapes instead.
  • 🖼️ Utilize the vectorizer tool to experiment with different variations of the effect using one or two colors.
  • 📏 Align the text and shapes carefully to ensure they match and create a cohesive cutout window effect.
  • 🎶 Incorporate music into the design process to enhance the creative atmosphere.
  • 📢 Promote the use of the software (KD) by encouraging viewers to subscribe for more tutorials and offering a promo code for the Pro Plan.

Q & A

  • What is the purpose of using a white background for the image in the Hollow Text Effect tutorial?

    -The white background is used to cleanly remove the subject from the background, creating a clear space for the text effect to be applied.

  • What is the font used for the text in the tutorial?

    -The Cameo Poster font is used in the tutorial with a black font weight.

  • How can the text be centered on the artboard?

    -After typing the text, you can center it on the artboard by adjusting the alignment settings or using the centering tools in the design software.

  • What is the purpose of duplicating the text layer and removing the fill color?

    -Duplicating the text layer and removing the fill color allows for the creation of a border around the text, which contributes to the hollow text effect.

  • How does the tutorial achieve a cutout window effect with the text?

    -The cutout window effect is achieved by aligning a full black text layer (with no fill, only border) behind the original text layer, creating the illusion of a hollow or cutout space.

  • What is the alternative method mentioned for creating a sandwich effect with the text and background?

    -The alternative method involves duplicating the background layer, moving the background from the top layer, and then placing the text in between the two layers to create a sandwich effect.

  • How can shapes be used to create a similar cutout effect as the text?

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

  • What is the process for using the vectorizer tool in the tutorial?

    -The vectorizer tool is used by applying it to an image, then experimenting with one or two colors to create different variations. After that, the fill color is turned off, and a white border weight is added to achieve the desired effect.

  • How does the tutorial suggest duplicating and resizing elements to create a layered effect?

    -The tutorial suggests duplicating elements like the star shapes, resizing them, and placing them in strategic positions to create a layered effect that adds depth to the design.

  • What is the final step in the tutorial for enhancing the design with the cutout effect?

    -The final step involves placing the elements with the cutout effect in the desired positions, adjusting their sizes and layering order to finalize the design.

  • How does the tutorial encourage viewers to explore different effects and subscribe to the channel?

    -The tutorial encourages viewers to explore different effects by suggesting they try out various techniques and subscribe to the channel to not miss out on future tutorials, text effects, graphic design tips, and print on demand related content.

  • What promotional offer is mentioned for new users of K in the video description?

    -A promo code is mentioned in the video description that provides a percentage off the Pro Plan for new users signing up for K.

Outlines

00:00

🎨 Creating a Hollow Text Effect in KD

The first paragraph of the video script details the process of creating a hollow text effect using a software called KD. The presenter begins by selecting an AI image, which could be a personal photo, a pet's picture, or an image from Unsplash. They choose a marble statue on a white background to cleanly separate the subject from the background. The presenter then locks the image and adds a text box using a specific font, 'Came Poster', and types 'marble' in black. The text is centered and duplicated, with the duplicate's fill color removed and replaced with a black border. This creates a cutout window effect. The presenter also demonstrates how to use shapes, specifically midcentury star shapes, to achieve a similar effect. The process involves duplicating, changing colors, and layering to create a visually appealing design.

05:01

🌟 Experimenting with Shapes and Images for Unique Effects

The second paragraph continues with the creative process, focusing on experimenting with shapes and images to create unique effects. The presenter duplicates the artboard and removes the text, then explores using shapes, specifically stars from the midcentury design section. Stars are colored black, duplicated, and the duplicate's fill color is removed while applying a black border. The presenter then aligns the stars to maintain the cutout effect. The video also touches on the possibility of using text with different colors and incorporating vectorized images. The vectorizer tool is used to play with one or two colors, and the presenter suggests turning off the fill color and adding a white border for a distinct look. The text is layered over the vectorized image to finalize the design. The paragraph concludes with a time-lapse demonstration of creating a thumbnail using a gradient background, the statue, and text, emphasizing the cutout technique. The presenter encourages viewers to subscribe for more tutorials and provides a promo code in the video description for a Pro Plan discount.

Mindmap

Keywords

💡Hollow Text Effect

The 'Hollow Text Effect' is a graphic design technique where text appears to be empty or hollowed out, creating a window-like effect. In the video, this effect is achieved by removing the fill color from the text and adding a black border, which allows the background image to show through the text, thus creating the illusion of a hollow space.

💡KD (Krita Design)

Krita Design (KD) is a digital art software used for creating vector graphics, illustrations, and other visual designs. The video tutorial focuses on using KD to create a specific text effect, indicating that it is a versatile tool suitable for various graphic design tasks.

💡Canvas

In graphic design, a 'canvas' refers to the surface or workspace where the design is created. The script mentions using a canvas to start the design process and placing an AI image on it, which sets the foundation for the hollow text effect.

💡AI Image

An 'AI image' in this context likely refers to an image generated by artificial intelligence, which can be a synthetic image created based on certain parameters or styles. The video uses an AI-generated marble statue image as a background for the hollow text effect.

💡Font

A 'font' is the term used to describe the design of a set of typefaces, including the size, shape, and style of the letters. The video script mentions using the 'Came Poster' font for the text, which is a specific choice that contributes to the overall aesthetic of the design.

💡Text Box

A 'text box' is a user interface element that allows users to input or display text within a defined area. In the script, adding a text box is the step where the user can type their desired text, which will later be styled with the hollow effect.

💡Duplicate Layer

In graphic design software, 'duplicating a layer' means creating an identical copy of an existing layer. This is a common technique used in the video to create a hollow effect by aligning a duplicate text layer without a fill color behind the original text.

💡Cutout Window Effect

The 'cutout window effect' is a visual technique where an object (in this case, text) appears to have been cut out, allowing the background to be visible through the object. The script describes how the hollow text effect creates this illusion by using a border and removing the fill color.

💡Shapes

In design, 'shapes' refer to the basic building blocks of visual elements, which can be geometric or freeform. The video uses star shapes as an example of how the hollow effect can be applied to different types of design elements, not just text.

💡Vectorizer

A 'Vectorizer' is a tool that converts images into vector format, which allows for infinite scaling without loss of quality. The script mentions using the vectorizer on an image to experiment with different variations of the hollow effect.

💡Promo Code

A 'promo code' is a sequence of numbers or letters that customers can use to receive a discount or other promotional offers. The video mentions a promo code for the Pro Plan of Krita Design, indicating a special offer for viewers interested in the software.

Highlights

Learn how to create a hollow text effect in KD using an AI image or any preferred image.

Cleanly remove the subject from the white background for a clear cutout window effect.

Duplicate the background layer to create a sandwich effect with the text.

Use the Came Poster font for a stylish look and type your desired text.

Center and size the text appropriately on the artboard.

Duplicate the text layer, remove fill color, and add a black border for the hollow effect.

Experiment with different shapes like midcentury stars for a unique cutout effect.

Use the vectorizer tool to play with one or two colors and create variations.

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

Place the solid version of text and images on the background for depth.

Duplicate and resize elements to create a composition on the artboard.

Use different colors for the fill and outline of stars to match the text color.

Experiment with various design elements to achieve a cohesive look.

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

Get a discount on the Pro Plan with the promo code provided in the video description.

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

Use KD, a free-to-sign-up platform, to try out the hollow text effect and other design techniques.

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