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

Kittl
11 Apr 202406:26

TLDRIn this tutorial, the creator guides viewers on how to achieve the trending hollow text effect using a graphic design tool. The process involves starting with a canvas and an image, such as a marble statue on a white background, which can be cleanly separated from the background. The text 'marble' is added using a specific font and is then duplicated to create a hollow effect. The tutorial also explores using shapes, like midcentury stars, to create a similar cutout effect. Further customization is shown by experimenting with the vectorizer tool and different colors to achieve unique variations. The video concludes with a demonstration of how to apply this effect to create a thumbnail with a gradient background, a statue, and text. The presenter 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 tutorial.
  • 🖼️ Remove the subject from a white background for a clean look, or keep the background for a sandwich effect.
  • ✍️ Select a suitable font, such as the CamEO poster font, and center the text on the artboard.
  • 🎨 Duplicate the text layer, remove the fill color, and add a black border for the hollow effect.
  • 🔄 Send the black text layer to the back to create a cutout window effect with the original image.
  • 🌟 Utilize shapes, like midcentury stars, for a similar cutout effect with a different visual appeal.
  • 🔲 Experiment with different colors for the text and shapes to achieve various cutout effects.
  • 🌈 Use vectorized images and play with one or two colors to create unique variations.
  • 📏 Align the text and vectorized shapes carefully to ensure they match and produce the desired cutout effect.
  • 💡 Apply the hollow text effect to create thumbnails with a gradient background and layered elements.
  • 📚 Subscribe to the channel for more tutorials on text effects, graphic design tips, and print-on-demand content.
  • 🎉 Take advantage of the promo code in the video description for a discount on the Pro Plan.

Q & A

  • What is the title of the tutorial video?

    -The title of the tutorial video is 'This Trending Text Effect Is Perfect For Streetwear 👌 (Hollow Text Effect Tutorial)'.

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

    -The purpose of using a white background is to cleanly remove the subject from the background, which aids in creating the hollow text effect.

  • What is the name of the font used in the video?

    -The font used in the video is called 'Came Poster'.

  • How does one create a hollow text effect?

    -To create a hollow text effect, you duplicate the text layer, remove the fill color from the duplicate, and add a black border weight to it. Then, send the black text to the back of the artboard to create a cutout window effect.

  • What is the alternative to using a white background?

    -An alternative is to duplicate the layer, move the background from the duplicate layer to the top, and then remove the original background to keep it intact. This allows you to sandwich the text between two layers.

  • How can you further enhance the hollow text effect?

    -You can enhance the hollow text effect by using shapes, such as midcentury star shapes, and applying the same technique of removing the fill and adding a border to create a cutout effect with the shapes.

  • What is the process to duplicate the artboard in the video?

    -To duplicate the artboard, hold the option key and drag the artboard to create a copy.

  • How does one align the shapes to create a cutout effect?

    -Select the shapes and send the filled shape to the back, then align the shapes so that they overlap and create a cutout effect where the background is visible through the shapes.

  • What is the name of the tool used for experimenting with images?

    -The tool used for experimenting with images is called 'Vectorizer'.

  • How can one change the color of the text or shapes in the design?

    -To change the color, select the text or shape, and then modify the fill color or border weight to the desired color.

  • What is the final step shown in the video to complete the design?

    -The final step shown is placing the elements in the desired positions, resizing them as needed, and ensuring they are layered correctly to achieve the desired cutout effect.

  • What is the name of the software used in the tutorial?

    -The software used in the tutorial is not explicitly mentioned in the transcript, but it is likely referring to a design software that supports vector graphics and text manipulation.

Outlines

00:00

🎨 Creating a Hollow Text Effect in KD

The first paragraph introduces the process of creating a hollow text effect using a graphic design tool, KD. The speaker begins by selecting a marble statue image on a white background from the images panel. They explain that the white background allows for easy subject removal, but also mention that one can keep the background by duplicating the layer and manipulating it. The speaker then adds a text box with the word 'marble' using the Came Poster font in black. The text is centered and sized appropriately, followed by the creation of a duplicate text layer. The fill color of the duplicate is removed, and a black border is added. The black text is sent to the back to create a cutout window effect. The paragraph concludes with a suggestion to take the effect further by duplicating the artboard and experimenting with shapes, specifically midcentury star shapes found in the elements panel.

05:01

🌟 Experimenting with Shapes and Vectorizer

The second paragraph continues the tutorial by demonstrating how to achieve a similar cutout effect using shapes. The speaker duplicates the artboard and removes the text, then selects midcentury star shapes from the abstract section. These shapes are colored black and duplicated to create a border-only version. The shapes are aligned to create a cutout effect. The tutorial then shows how to duplicate and resize the shapes to place them on a subject's shoulder. The process is repeated with different elements, emphasizing the versatility of the cutout effect. The speaker also explores using the vectorizer tool with the image, suggesting playing with one or two colors to create variations. The vectorized image is given a white border, and text is layered on top, aligned to match the vectorized image. The paragraph concludes with a time-lapse demonstration of using the cutout effect to create a thumbnail, using a gradient background, the statue, and text. The video ends with a call to action to subscribe to the channel for more tutorials, and a mention of 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 that reveals what's behind it. In the video, this effect is achieved by removing the fill color from the text and adding a black border, which is then layered over an image to create a cutout window through the text.

💡KD (Krita Design)

Krita Design, often abbreviated as KD, is a vector graphics editor that is used for creating illustrations, icons, UI elements, and other graphic design projects. The video tutorial demonstrates how to use KD to create a Hollow Text Effect, showcasing the software's capabilities for graphic design.

💡Canvas

In graphic design software like Krita Design, the canvas refers to the working area where the design is created. The script mentions setting up a canvas and placing an image on it, which serves as the backdrop for the Hollow Text Effect being demonstrated.

💡AI Image

An AI image, as mentioned in the script, likely refers to an image generated by artificial intelligence, which can create original artwork based on certain inputs or styles. The video uses an AI-generated image of a marble statue as the background for the Hollow Text Effect.

💡Font

A font is the term for a set of text characters that share a common design style. The video script discusses choosing a font, specifically the 'Came Poster' font, for the text effect. The font choice is crucial as it impacts the overall aesthetic of the design.

💡Text Box

A text box is a user interface element that allows for the input and display of text. In the context of the video, the presenter uses a text box to add the word 'marble' to the canvas, which is then manipulated to create the Hollow Text Effect.

💡Duplicate Layer

In graphic design, duplicating a layer involves creating an exact copy of an existing layer. This is a common technique used to preserve the original layer while making edits on the copy. The script describes duplicating the text layer to create the hollow effect by removing the fill and adding a border.

💡Artboard

An artboard is the virtual space within design software where a composition is created. The video script mentions duplicating the artboard to experiment with different design elements, such as shapes, to achieve the desired cutout effect.

💡Midcentury Star Shapes

Midcentury Star Shapes refer to geometric shapes that are reminiscent of the design styles popular during the mid-20th century. In the video, these shapes are used as design elements layered behind the text to enhance the Hollow Text Effect.

💡Vectorizer

A Vectorizer is a tool within graphic design software that converts images into vector format, which allows for infinite scalability without loss of quality. The script describes using the Vectorizer tool to experiment with different variations of the image used in the Hollow Text Effect.

💡Cutout Window Effect

The Cutout Window Effect is a visual technique where an object, such as text or a shape, is made transparent or hollow to reveal the content behind it. This effect is central to the video's tutorial, where it is achieved by using a combination of filled and outlined text or shapes.

Highlights

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

Choose a font like 'Came poster' for the text effect and type your desired text.

Center the text on the artboard and adjust the size to fit your design.

Duplicate the text layer and remove the fill color, adding a black border instead.

Send the full black text layer to the back to create a cutout window effect.

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

Use the vectorizer tool to play with different color variations and create unique effects.

Create a solid and cutout version of your design elements for a layered effect.

Use the hollow text effect to create thumbnails with a gradient background and layered text.

Discover how to use the hollow text effect with images and different colors for a creative outcome.

Duplicate the artboard and remove the text for experimenting with shapes and effects.

Align the solid and outline shapes properly to achieve the desired cutout effect.

Adjust the size and position of duplicated elements to fit harmoniously within the design.

Explore the use of different background colors and layering techniques to enhance the visual appeal.

Use promo codes in the video description to get a discount on the Pro Plan of Krita.

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

Krita is free to sign up for and offers a platform to try out various graphic design techniques.

Engage with the community by liking the video and leaving comments on other effects you'd like to learn.