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

방구석몽땅이
20 Mar 202303:03

TLDRThe video script introduces a method for converting images into vector format using the program Procreate, ensuring that graphics remain crisp even when enlarged. The process involves saving the character image as a bitmap, then using the Illustrator app to trace and convert it into vector format, resulting in a clean outline and color areas that remain intact when scaled. This technique is beneficial for maintaining image quality in Photoshop as well.

Takeaways

  • 🎨 The speaker introduces a program called Procreate for creating vector graphics without pixelation when enlarged.
  • 🖌️ Procreate is primarily used for character drawing, which can be observed to have a jagged appearance when magnified.
  • 🚀 To prevent pixelation, the file must be converted from bitmap to vector format.
  • 🔄 The background of the character is turned off and the image is saved in a process.
  • 📸 The saved image is then stored in the photo album and imported into the Illustrator app.
  • 🖼️ In Illustrator, the image can be imported in A4 size and converted to vector format.
  • 🔲 The conversion process leaves only the outlines, with the colors removed, as they are part of the sketch layer.
  • 🎨 After clicking on 'Painting' and waiting, the image is vectorized and can be viewed in its vector form.
  • 🔍 Upon magnification, the lines are cleanly processed, and the filled color areas are also neatly rendered.
  • 📈 This method can be utilized to vectorize images, ensuring they remain intact when scaled up or down in Photoshop.
  • 💡 The speaker encourages the audience to make good use of this technique for their own benefit.

Q & A

  • What is the main topic of the video?

    -The main topic of the video is about converting images from bitmap to vector format to prevent them from pixelating when enlarged.

  • Which program does the speaker use for drawing characters?

    -The speaker uses a program called Procreate for drawing characters.

  • What happens to a character image when it is enlarged in its original bitmap format?

    -When a character image in its original bitmap format is enlarged, it appears jagged and pixelated.

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

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

  • What is the first step in converting a bitmap image to vector format according to the video?

    -The first step is to remove the background of the character image and save it in a format like JPG or PNG.

  • Which app is used to vectorize the image?

    -The app used to vectorize the image is called Illustrator.

  • What happens when the vectorize button is clicked in Illustrator?

    -When the vectorize button is clicked, the image's outline is created, but the colors inside are removed.

  • How can the colors be restored in the vectorized image?

    -The colors can be restored by selecting the 'Painting' mode and then clicking on 'Paint' in Illustrator.

  • What is the result of enlarging a vectorized image?

    -When a vectorized image is enlarged, the lines are cleanly processed, and the filled color areas are also cleanly rendered without pixelation.

  • How can this method be beneficial when using Photoshop?

    -This method can be beneficial in Photoshop as it allows images to be enlarged or reduced without them appearing pixelated or distorted.

  • What are the potential applications of vectorized images?

    -Vectorized images can be used in various applications where images need to be resized frequently without losing quality, such as in print designs, logos, and web graphics.

Outlines

00:00

🎨 Vector Art Techniques with Procreate

This paragraph introduces the process of creating vector art using Procreate, a popular digital illustration software. The speaker explains that they primarily use this program to draw characters and maintain their quality even when enlarged. The key to achieving this is converting the image from bitmap to vector format. The speaker demonstrates how to save the character's background, import it into the Illustrator app, and use the app's features to convert the bitmap image to vector format, thus ensuring that the artwork remains crisp and intact when scaled up or down.

Mindmap

Keywords

💡Vector Graphics

Vector graphics are a type of digital image format that uses geometric shapes, lines, curves, and polygons to represent images. Unlike bitmap or raster images, vector graphics maintain their clarity and sharpness at any size because they are resolution-independent. In the context of the video, the main theme is converting images to vector format to prevent them from pixelating or becoming distorted when enlarged, as demonstrated by the process of transforming a character drawing into a vector format.

💡Adobe Illustrator

Adobe Illustrator is a software application developed by Adobe Inc. for creating vector graphics. It is widely used by graphic designers for various purposes, including designing logos, illustrations, typography, and complex page layouts. In the video, Adobe Illustrator is the primary tool used to demonstrate how to convert a character drawing into a vector format, highlighting its capabilities in handling vector-based images.

💡Character Design

Character design refers to the process of creating the visual appearance of characters for various forms of media, such as animation, video games, and graphic novels. It involves defining the physical features, clothing, accessories, and overall style of the characters. In the video, character design is the subject of the image conversion process, where the character's drawing is transformed into a vector format to preserve its details and clarity when scaled up.

💡Bitmap Image

A bitmap image, also known as a raster image, is a digital image represented by a grid of pixels or individual points of color. When a bitmap image is enlarged, the pixels become more visible, leading to a loss of detail and a pixelated appearance. In the video, the issue with bitmap images is contrasted with the benefits of vector graphics, which remain clear and crisp at any size.

💡Image Quality

Image quality refers to the clarity, sharpness, and overall visual fidelity of an image. High-quality images are clear, with accurate colors and well-defined details, while low-quality images may appear blurry, pixelated, or distorted. In the video, the focus is on improving image quality by converting a character drawing from a bitmap to a vector format, which enhances the image's scalability without compromising its quality.

💡Scaling

Scaling refers to the process of resizing an image, either making it larger or smaller. When scaling bitmap images, the number of pixels is altered, which can lead to a loss of quality and a pixelated appearance. The video discusses the challenge of scaling bitmap images while maintaining quality and presents vector graphics as a solution that allows for无损缩放 without distortion.

💡Pixelation

Pixelation is a visual defect that occurs in digital images when they are enlarged or viewed at a high resolution, causing the individual pixels to become visible and creating a blocky or grainy appearance. In the context of the video, pixelation is an undesirable effect that is associated with bitmap images and is contrasted with the smooth, clean lines of vector graphics.

💡Resolution-Independent

Resolution-independent refers to the property of an image or graphic that allows it to maintain its quality and clarity at any size or resolution. This is a key characteristic of vector graphics, which are not limited by the pixel grid as bitmap images are. In the video, the concept of resolution-independence is central to the benefits of vector graphics, as it enables the images to be scaled without losing quality or becoming pixelated.

💡Sketch

A sketch, in the context of digital design, is a preliminary drawing or design that serves as a basis for further development. Sketches often include outlines, basic shapes, and layout ideas before the final details and colors are added. In the video, the term 'sketch' is used to describe the initial stage of the character design before it is converted into a vector graphic, where only the outlines are defined and colors are not yet filled in.

💡Photoshop

Photoshop is a widely used software program developed by Adobe Inc. for image editing and manipulation. It is known for its extensive range of tools and features that allow users to retouch, enhance, and create complex visual compositions. In the video, Photoshop is mentioned as a potential destination for the vectorized image, suggesting that the image can be further edited or utilized in various design projects without losing quality.

💡Illustration

An illustration is a visual representation or depiction of an idea, concept, or subject, often created for artistic or informative purposes. In the context of the video, an illustration refers to the final vectorized image of the character design, which is clean, crisp, and suitable for scaling up or down without losing quality.

💡Image Conversion

Image conversion refers to the process of changing an image from one format to another, such as from a bitmap to a vector format. This process can involve various adjustments to the image's properties, including resolution, color depth, and file size. In the video, image conversion is the primary technique demonstrated, where a character drawing is transformed from a bitmap to a vector format to improve its scalability and image quality.

Highlights

Introduction to a program that allows for image enlargement without pixelation.

The program used is called Procreate, primarily for character drawing.

When zooming in on a character drawing, it appears jagged and stair-stepped due to pixelation.

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

Demonstration of turning off the character's background and saving the image.

Instructions on how to save the image in JPG or PNG format and store it in the photo album.

Using the Illustrator app to import the saved image and access the album.

Clicking the square button on the right to convert bitmap to vector format.

Observing the outline of the image after conversion, with colors removed.

The sketch is sourced from a sketch layer within the program.

Clicking on 'Painting' to see the image after it has been vectorized.

The image, once enlarged, shows clean lines and neatly processed color-filled areas.

Using this method, images can be vectorized and appear crisp even when enlarged or reduced in Photoshop.

Encouragement for viewers to utilize this technique for their own benefit.

Closing remarks expressing gratitude for the viewers' attention.