[아이패드 일러스트] 프로크리에이트 그림 이미지 벡터로 바꾸는 방법

방구석몽땅이
20 Mar 202303:03

TLDRIn this informative video, the creator shares a technique for converting images into vector format using the Procreate program, ensuring that the artwork remains crisp even when enlarged. The process involves exporting the character design as a bitmap, then using the Illustrator app to vectorize it, resulting in clean lines and solid color areas that don't pixelate when scaled. This method is beneficial for maintaining the quality of images when imported into Photoshop or other graphic editing software.

Takeaways

  • 🎨 The speaker uses a program called Procreate for drawing characters.
  • 🔍 When zoomed in, characters drawn in Procreate appear jagged and staircase-like due to their bitmap nature.
  • 📁 To avoid distortion, the character image needs to be converted from bitmap to vector format.
  • 🖼️ The background of the character should be turned off before saving the image.
  • 📄 The image should be saved in a format like JPG or PNG and then imported into the Illustration app.
  • 📱 Open the Illustration app and select an A4 size canvas.
  • 📂 Import the saved image into the app by clicking on the album icon.
  • 🔲 Click the square button on the right to convert the bitmap image to vector format.
  • 🎨 After conversion, only the outlines will remain, and the colors will be missing because the source is a sketch.
  • 🖌️ Click on 'Painting' to see the image vectorized, with clean lines and neatly outlined color areas.
  • 🔍 When zooming in on the vectorized image, the lines and color areas will remain crisp and undistorted.
  • 📖 This method ensures that images remain clear and undistorted when resized in Photoshop or other image editing software.

Q & A

  • What is the main topic of the video?

    -The main topic of the video is about how to convert images into vector format using a program called Procreate, ensuring the image doesn't pixelate when enlarged.

  • Which program does the speaker primarily use for drawing characters?

    -The speaker primarily uses Procreate for drawing characters.

  • What happens to a character image when it's enlarged in Procreate?

    -When a character image is enlarged in Procreate, it appears jagged and pixelated with a staircase-like pattern.

  • How can one prevent an image from pixelating when enlarged?

    -To prevent an image from pixelating when enlarged, it needs to be converted from bitmap to vector format.

  • What is the first step in converting a character's background to vector format?

    -The first step is to turn off the character's background and save the file.

  • What file formats can be used to save the image for vector conversion?

    -The image can be saved in JPG or PNG formats.

  • How does the speaker import the saved image into the vector conversion process?

    -The speaker imports the saved image by using the Illustrator app, opening it in an A4 size canvas, and selecting the image from the album.

  • What button in Illustrator converts a bitmap image to vector format?

    -The speaker clicks the 'Convert to Vector' button in the top right corner of the Illustrator app.

  • What will the image look like after the vector conversion process?

    -After the vector conversion, the image will have clean outlines and no colors inside, as it appears in sketch mode.

  • What happens when you zoom in on the vectorized image?

    -When you zoom in on the vectorized image, the lines will be cleanly processed, and the filled color areas will be neat and crisp.

  • How does vectorizing an image help when using it in Photoshop?

    -Vectorizing an image ensures that it does not pixelate when enlarged or reduced in Photoshop, maintaining its quality.

Outlines

00:00

🎨 Vector Art Tutorial

This paragraph introduces a method for creating vector art using a program called Procreate. The speaker explains that by converting a raster image to vector format, the image will not pixelate even when enlarged. They demonstrate the process by first showing a character design with jagged edges when enlarged, indicating that it's a raster image. The speaker then guides the audience through the steps of converting the image to vector format using the 'Illustrate' app, which results in clean lines and colors that do not pixelate upon zooming.

Mindmap

Keywords

💡Vector Graphics

Vector graphics are digital images that are composed of geometric shapes, lines, curves, and polygons. Unlike raster or bitmap images, vector graphics maintain their quality when scaled, making them ideal for logos, illustrations, and any design that needs to be resized without losing clarity. In the video, the author discusses converting images to vector format to prevent pixelation when zooming in, ensuring the image remains crisp and clean at any size.

💡Adobe Photoshop

Adobe Photoshop is a widely used raster graphics editor developed by Adobe Systems. It is primarily used for image editing and manipulation but also supports various graphic design and authoring tools. In the context of the video, the author mentions using Photoshop to work with images, which implies the need for high-quality image editing capabilities, especially when dealing with vectorization processes.

💡Bitmap vs. Vector

Bitmap and vector are two different types of digital images. A bitmap image, also known as a raster image, is composed of individual pixels, which can result in a loss of quality when scaled up. A vector image, on the other hand, is made up of paths and does not rely on pixels, allowing it to be scaled to any size without losing resolution. The video emphasizes the importance of converting bitmap images to vector format to avoid distortion when enlarging or reducing their size.

💡Character Design

Character design refers to the process of creating and illustrating characters for various media such as video games, animations, and comic books. It involves defining the character's appearance, personality, and often their backstory. In the video, the author is working with character designs, which is why the discussion of image quality and scalability is crucial for maintaining the integrity of the design when displayed at different sizes.

💡Rasterization

Rasterization is the process of converting vector graphics into raster or bitmap images. This is often done for compatibility with certain software or file formats. However, in the video, the author is focusing on the opposite process—converting raster images to vectors—to ensure that the images do not pixelate when enlarged. This process is essential for maintaining the sharpness and clarity of the character designs.

💡Image Resolution

Image resolution refers to the amount of detail an image holds, typically measured in pixels per inch (PPI). Higher resolution images have more pixels and thus can be displayed at larger sizes without losing quality. The video script discusses the importance of maintaining high resolution to prevent images from appearing pixelated or blurry when zoomed in, which is particularly important for vector graphics and character designs.

💡Illustration App

The term 'Illustration App' likely refers to a software application designed for creating vector-based illustrations. In the video, the author uses an illustration app to convert the character design from a bitmap to a vector format. This app is crucial for the process of vectorization, allowing the author to maintain the quality of the character design at any scale.

💡Scaling

Scaling in graphic design refers to the process of resizing an image or design element. When scaling vector graphics, the shapes and lines maintain their sharpness and do not become distorted, unlike raster images that can lose quality and become pixelated. The video emphasizes the importance of scaling for maintaining the integrity of the artwork, especially when working with character designs that need to be displayed at various sizes.

💡Pixelation

Pixelation is a visual artifact that occurs when an image is enlarged beyond its original resolution, causing the individual pixels to become visible and the image to lose clarity. In the video, the author aims to prevent pixelation by converting images to vector format, ensuring that the character designs remain crisp and clear even when enlarged.

💡Outline

In the context of the video, an outline refers to the external lines that define the shape of an object or character in a design. When converting a bitmap image to a vector format, the outline is preserved, and the internal colors are removed initially. This allows the designer to focus on the structure of the character before adding details like shading and color fills.

💡Sketch

A sketch in the video's context refers to the initial draft or rough version of a character design. Sketches are typically used as a starting point for further refinement and development. The author mentions sketching as part of the process before converting the character design to a vector format, indicating the importance of having a solid foundation before scaling and finalizing the design.

Highlights

Introduction to a program that allows images to be enlarged without pixelation.

The program used is Procreate, primarily for character drawing.

Characters drawn in Procreate can be enlarged to reveal a jagged, stair-step appearance.

To prevent pixelation upon enlargement, the image file needs to be converted from bitmap to vector.

The process involves turning off the character's background and saving the image.

Saving the image in formats like JPG or PNG and storing it in the photo album.

Using the Illustrator app to open the saved image and convert it to vector format.

The image will only show outlines after conversion, with the colors removed.

The source is sketched, and by clicking on 'Painting', the image will be vectorized.

Upon enlarging the vectorized image, the lines are cleanly processed, and the filled color areas are also cleanly defined.

This method ensures that images remain unpixelated when enlarged or reduced in Photoshop.

The tutorial encourages viewers to utilize this method for their own image editing needs.

The video concludes with a thank you note and closing music.