#18 비트맵 이미지를 벡터로 변환하는 방법 - 일러스트레이터 기초 강좌

디자인베이스
27 Sept 202103:24

TLDRThis video script introduces a feature that converts bitmap images, such as JPEGs, into vector graphics, a process essential for various design applications. It explains the importance of embedding images in Illustrator to avoid issues with missing files and provides a step-by-step guide on how to use the 'Image Trace' function to create vector graphics. The script also discusses the customization options available, such as adjusting the 'Threshold' value for better detail and suggests a 'Threshold' level of around 60 for optimal results. The video concludes by encouraging the use of this method for efficiently converting bitmaps to vectors, enhancing the design process.

Takeaways

  • 📌 The video discusses a feature for converting bitmap images to vector format.
  • 🖼️ JPG files, which are bitmap-based, can be transformed into vector graphics for use in design applications.
  • 🔄 The process involves dragging and dropping the image file into the program.
  • ⚙️ The 'Image Trace' feature is used to convert the bitmap image into a vector graphic, with options to adjust the level of detail.
  • 📂 When importing images, Illustrator uses paths based on the file location. If the original file is moved or deleted, the image may not load correctly.
  • 🔄 To fix path issues, ensure the 'Embed Images' option is checked in the Illustrator settings.
  • 🎨 The 'Image Trace' panel offers various options to refine the vectorization process, such as adjusting the number of colors and the complexity of the paths.
  • 🖌️ Users can experiment with different settings to achieve the desired look for their vector graphics.
  • 📊 The 'Threshold' value can be adjusted to control the contrast and clarity of the vectorized image.
  • 🗑️ After vectorizing an image, users can delete the original bitmap to save space if it's no longer needed.
  • 👨‍🏫 The video provides a tutorial on how to use the 'Image Trace' feature effectively, including tips on customizing the settings for different design needs.

Q & A

  • What is the main topic of the script?

    -The main topic of the script is about a feature that allows users to convert bitmap-based images, such as JPG files, into vector graphics.

  • What is the term used to describe the process of converting images from bitmap to vector?

    -The term used for this process is 'Image Trace'.

  • What is the significance of the 'x' mark in the context of the script?

    -The 'x' mark is mentioned in the context of image loading in Illustrator. It signifies that if the original file is moved, deleted, or if there are other variables, the image in Illustrator may not load properly.

  • How does the script suggest dealing with the issue of images not loading due to file path changes?

    -The script suggests using the 'Embed' feature in Illustrator to ensure that images are embedded within the document, which prevents issues related to file path changes or file deletion.

  • What is the 'Image Trace Panel' and what does it offer?

    -The 'Image Trace Panel' is a feature in Illustrator that allows users to convert raster images into vector graphics. It provides various options and settings to control the tracing process and achieve the desired vector result.

  • What is the role of the 'Threshold' value in the Image Trace Panel?

    -The 'Threshold' value in the Image Trace Panel is used to control the level of detail in the traced image. A higher value can result in more detailed vector graphics, while a lower value can simplify the image more.

  • How can users adjust the 'Threshold' value for better image trace results?

    -Users can adjust the 'Threshold' value by accessing the 'Image Trace Panel' and tweaking the slider or entering a specific value to achieve the desired level of detail and clarity in the traced image.

  • What is the purpose of the 'Expand' function in Illustrator?

    -The 'Expand' function in Illustrator is used to convert the traced vector image into solid shapes, which can then be manipulated and used in the design.

  • What does the script suggest for users who find drawing vector-based images to be tedious?

    -The script suggests that users who find drawing vector-based images tedious can utilize the Image Trace feature as a convenient method to convert existing bitmap images into vector graphics.

  • What is the final advice given in the script regarding the use of traced vector images?

    -The final advice given in the script is for users to delete the unnecessary parts of the traced image and keep only the required vector shapes for their design work.

Outlines

00:00

🖼️ Introduction to Image Stress and Vectorization

This paragraph introduces the concept of Image Stress, a feature that allows for the conversion of bitmap images, such as the commonly known JPG format, into vector graphics. The speaker explains that this functionality is primarily used in graphic design software and can be applied through a simple drag-and-drop method. Additionally, the paragraph touches on the importance of embedding images to avoid issues related to file paths, deletion, or movement that may prevent the software from loading the image correctly. The speaker also provides a brief overview of how to use the 'Image Trace' feature to convert images into vectors, including the use of various settings to achieve the desired level of detail and clarity in the resulting vector graphic.

Mindmap

Keywords

💡Image Tumbler

The term 'Image Tumbler' refers to a feature that allows for the conversion of raster images, such as JPEG files, into vector graphics. This is significant in the context of the video as it enables users to manipulate and scale images without losing quality, which is ideal for graphic design work. The script mentions using this feature to transform images for use in design projects, highlighting its practical application in the creative process.

💡Bitmap

Bitmap is a type of image file that is resolution-dependent, meaning its quality is tied to the number of pixels in the image. In the video, the bitmap image is contrasted with vector graphics, which are more scalable and maintain quality at any size. The script discusses the process of converting bitmap images to vectors, which is a key concept for enhancing the utility of images in design work.

💡Vector Graphics

Vector graphics are images that are composed of mathematical shapes and lines, which allows them to be scaled to any size without losing clarity or quality. This is a crucial concept in the video, as the main theme revolves around the conversion of bitmap images to vector graphics for more flexible use in design. The script provides an example of using a feature to achieve this conversion, emphasizing the benefits of vector graphics in creative projects.

💡Drag and Drop

The phrase 'drag and drop' refers to a simple and intuitive method of moving or copying files and objects within a software interface by dragging them with a mouse or other pointer device and then releasing them in a new location. In the context of the video, drag and drop is mentioned as a straightforward way to import images into the design software, which is a fundamental operation for any design task.

💡Path

In the context of the video, 'path' likely refers to the file path, which is the location of a digital file or folder within a computer's directory structure. The script mentions that Illustrator uses paths to locate and embed images, which is important for understanding how design software manages assets. If the original file is moved or deleted, the path becomes broken, and the image may not display correctly in the design software.

💡Embedding

Embedding in the context of the video refers to the process of inserting an image or object into a document in such a way that it becomes part of that document. This is essential for ensuring that images are available and displayed correctly within the design, even if the original source file is moved or deleted. The script emphasizes the importance of embedding images to maintain the integrity of the design work.

💡Rasterize

Rasterize is the process of converting vector graphics into raster images, which are pixel-based. This is often done when a vector graphic needs to be used in a context where vector formats are not supported. However, in the video, the focus is on the opposite process—converting raster images to vector graphics for better scalability and design flexibility. The script mentions rasterizing as a feature that can be adjusted and controlled within the design software.

💡Illustrator

Illustrator, as mentioned in the video, is a vector graphics editing software developed by Adobe. It is widely used in the design industry for creating logos, illustrations, and other graphic elements. The script discusses various features of Illustrator, such as image embedding and rasterization, which are essential tools for designers working with vector-based graphics.

💡Object

In the context of the video, 'object' refers to a graphic element within the design software. Objects can be shapes, text, images, or other elements that are manipulated and arranged to create a design. The script mentions selecting objects and applying transformations or effects to them, which is a fundamental aspect of working with graphic design software.

💡Properties

Properties in the context of the video refer to the characteristics or attributes of a graphic object within design software. These can include color, size, position, and other settings that define how the object appears and behaves. The script mentions adjusting properties as part of the process of working with images and effects, which allows for fine-tuning the design to achieve the desired look and functionality.

💡Twitter

Twitter is mentioned in the context of the video as a platform for sharing information and updates. It is a social media service where users post and interact with messages known as 'tweets'. While not directly related to the main theme of graphic design, it serves as an example of how digital tools and platforms can be integrated into the broader workflow of a designer or content creator.

💡Shadow

Shadow, as discussed in the video, refers to the visual effect that gives depth and dimension to graphic elements. In design, creating shadows can make objects appear more realistic and three-dimensional. The script describes adjusting the shadow properties to enhance the visual appeal of the design, which is a common technique used by designers to add depth and interest to their work.

Highlights

Introduction to the image tumbler feature in this session.

The image tumbler feature allows for the conversion of bitmap-based images like JPG into vector format.

The process can be done through drag and drop for ease of use.

Mention of a potential issue with image loading if the original file is moved, deleted, or if there are other variables.

The importance of embedding images in Illustrator to avoid issues with file paths.

Explanation of the image loading options in Illustrator's interface.

Demonstration of the stress function to convert images into vector graphics.

Accessing the stress function through the 'Effects' menu and the 'Make' dropdown.

Detail on how to utilize the 'Trace' feature for vectorization with various settings.

Adjustment of 'Threshold' value for better image vectorization results.

Exploration of the 'Preserve Details' and 'Simplify' options for different vectorization outcomes.

Personal preference for 'Threshold' value adjustment for visual clarity.

Instructions on isolating the traced vector image and deleting the original bitmap.

Discussion on the practical applications of vectorization for designers.

Encouragement to explore the stress function for detailed vectorization needs.

Closing remarks and anticipation for the next session.