How To Mask Objects Inside Letters Using Kittl

Kittl
20 Jun 202304:23

TLDRIn this tutorial, viewers learn how to create letter masks in Kittle, a graphic design software. The process begins by selecting a letter style from the available Sans serif and slab serif options. Users can type the desired letter and drag it onto the artboard, where it automatically matches the size of other letters. The video demonstrates creating a word using letter masks and then adding an illustration or photo that adheres to the mask's shape. The mask can be adjusted for size and position, and its color can be changed to complement the design. An advanced technique is also shown, where multiple masks are layered for a more complex effect, such as placing a skyline across the letters of 'Paris', allowing the background images to show through. The video encourages viewers to explore Kittle's capabilities for mask layering and customization.

Takeaways

  • 🎨 Use Kittle to create letter masks with different styles like Sans serif and Slab serif.
  • πŸ” Search for a specific letter in the letter masks category for quick access.
  • πŸ“ Letters are the same size when selected, simplifying the process of arranging them.
  • 🌟 Recommended to create words using letter masks for future capabilities and variety.
  • πŸ’¬ Select and size up all letters together for uniformity before adding a mask.
  • πŸ–ΌοΈ Drag illustrations into the letter to adhere to the mask shape.
  • πŸ”„ Release a mask by right-clicking and selecting the appropriate option if you don't like the result.
  • πŸ”„ New elements dragged will affect the current mask, allowing for easy changes.
  • πŸ“· Double-click inside a letter to adjust the scale of the illustration within the mask.
  • 🎨 Change the color of the mask to match your design, such as choosing a light blue.
  • πŸ™οΈ Layer masks on top of each other for a unique visual effect, as demonstrated with the word 'Paris'.

Q & A

  • What is the subject of the video?

    -The video is about learning how to create letter masks in Kittle to mask objects inside letters.

  • What are the two styles of letter masks mentioned in the video?

    -The two styles of letter masks mentioned are Sans serif and Slab serif.

  • How can you select a specific letter mask in Kittle?

    -You can either scroll through the available letters in the letter masks category or type the letter you want in the search bar to find it.

  • What is the advantage of using letter masks that are the same size?

    -The advantage is that you don't have to individually select and size each letter, making the process more efficient and easier.

  • How do you apply an object or illustration to a letter mask in Kittle?

    -You can drag and drop an illustration into the letter mask, and it will adhere to the shape of the mask perfectly.

  • What is the 'Delft style' mentioned in the video?

    -The 'Delft style' refers to a blue and white ceramic style that is dreamy and reminiscent of Fine China, which the speaker loves.

  • Can you change the color of the mask in Kittle?

    -Yes, you can change the color of the mask by default, which is light gray, to any other color, such as a light blue, to match your design.

  • How can you remove an object from a letter mask if you don't like it?

    -You can select the object, right-click, and choose to release the mask from it, which will remove the object from the mask.

  • What is the process for resizing an illustration within a letter mask?

    -You can double-click inside the letter mask to readjust the photo or illustration, allowing you to scale up or scale down as needed.

  • Can you use images as well as illustrations in letter masks?

    -Yes, you can use both images and illustrations in letter masks, as demonstrated by the example of using photos of Paris inside the letters of the word 'Paris'.

  • How can you create a layered effect with letter masks?

    -You can create a layered effect by copying and pasting groups of letter masks and then adding new illustrations or images on top of the existing ones.

  • What is the final step shown in the video for adjusting the layered masks?

    -The final step is to adjust the size and position of the new illustrations or images and then change the color of the top layer to allow the background to show through.

Outlines

00:00

🎨 Creating Letter Masks in Kittle

The video begins by teaching viewers how to create letter masks in the design software Kittle. It explains that in the elements panel, there is a category called letter masks with two styles: Sans serif and slab serif. Users can type the desired letter to see available styles, and once selected, the letters are the same size, simplifying the process of arranging them. The tutorial then guides through creating a graphic using the Sans serif style with the letters 'f l y'. It also demonstrates how to add text and images inside the letter masks, adjust the mask's color, and layer multiple masks for a layered effect. The video concludes with a teaser for more tutorials and an encouragement to subscribe for updates.

Mindmap

Keywords

πŸ’‘Letter Mask

A letter mask is a design technique where objects or images are concealed or revealed within the shape of a letter. In the video, the presenter demonstrates how to use letter masks in Kittle to create visually appealing graphics by placing illustrations or images inside the letter shapes to form words.

πŸ’‘Kittle

Kittle is presumably a design software or tool used for creating graphics. The video tutorial focuses on how to use Kittle to make letter masks, suggesting it has features that facilitate the creation of masked graphics and typography.

πŸ’‘Sans Serif

Sans serif refers to a type of font that does not have the small lines or 'serifs' at the end of the strokes of the letters. In the video, the presenter chooses a sans serif style for the letter mask, which is one of the available styles for creating clean and modern-looking graphics.

πŸ’‘Slab Serif

Slab serif is a font style characterized by thick, block-like serifs, which are the small lines or strokes attached to the ends of the letter strokes. It is mentioned as another style option for letter masks in the video, offering a different aesthetic compared to sans serif.

πŸ’‘Artboard

An artboard is a digital space within graphic design software where designers can lay out and arrange visual elements. In the context of the video, the artboard is where the letter masks are placed and manipulated to create the final graphic design.

πŸ’‘Masking

Masking in graphic design is the process of using shapes or layers to hide or reveal parts of an image or illustration. The video shows how to apply a mask to an illustration by dragging it into the letter shape, which then only displays the portion of the image that fits within the mask.

πŸ’‘Delft Style

The Delft style refers to a blue and white color scheme often associated with Delftware, the classic Dutch pottery. In the video, the presenter chooses a 'delft style' color for the mask, which adds a traditional and artistic touch to the design.

πŸ’‘Illustration

An illustration is a visual representation, such as a drawing or a graphic, used to decorate or explain a text. The video script mentions dragging illustrations into the letter mask to create a design where the illustration fits perfectly within the letter shape.

πŸ’‘Photo

A photo, short for photograph, is an image created by capturing light on a light-sensitive surface. In the video, the presenter discusses using photos of Paris inside the letter shapes to create a unique design where each letter is filled with a relevant image.

πŸ’‘Layering Masks

Layering masks is a technique where multiple masks are stacked on top of each other to create complex visual effects. The video demonstrates how to layer masks in Kittle to achieve a layered look where silhouettes or other images appear on top of the initial masked elements.

πŸ’‘Transparency

Transparency in design refers to the property of an object or image that allows light to pass through, making it see-through or semi-see-through. The video mentions working with 'perfect transparent images,' which is important for the masking technique to ensure the images within the masks are visible.

πŸ’‘Silhouette

A silhouette is the outline that is left when an object or figure is backlit, or when it is represented as a solid black or dark shape against a lighter background. In the video, the presenter uses silhouettes to create a layered effect where the silhouette of the Paris skyline is placed on top of the masked images.

Highlights

Learn to create letter masks with graphics using Kittle.

Access the letter masks category in the elements panel to find different styles like Sans serif and slab serif.

Easily type in the desired letter to find it in the letter masks group.

Click or drag and drop the chosen letter mask onto the artboard for immediate use.

Letters are automatically the same size, simplifying the design process.

Create words using letter masks for a consistent and professional look.

Add a mask by dragging an illustration into the letter shape, which will adhere perfectly to the mask.

Release an unwanted mask by right-clicking and selecting the appropriate option.

Double-click inside a letter to readjust and scale the illustration within the mask.

Change the color of the mask to match your design aesthetic.

Use letter masks with images as well as illustrations for a unique effect.

Stack multiple masks on top of each other for layered and complex visuals.

Create a skyline or other design across multiple letters for a cohesive look.

The original background can be seen through the first set of letters when new illustrations are added on top.

Experiment with different silhouettes and colors to find the best design for your project.

Kittle makes it easy to stack and adjust masks for a customized design.

Explore more tutorials using Kittle for additional design techniques and inspiration.

Subscribe to the channel for upcoming videos and features on Kittle and other design tools.