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

디자인베이스
27 Sept 202103:24

TLDRThe video script introduces a feature that converts bitmap images, such as JPG files, into vector graphics, a process known as image tracing. It explains the importance of embedding images in Illustrator to avoid issues with missing files and outlines the steps to use the 'Trace' function effectively. The tutorial also demonstrates how to fine-tune the tracing results by adjusting properties and using various options, such as the 'Preserve Detail' checkbox and tweaking the 'Threshold' value for a more detailed and crisp vector output. The video concludes by encouraging viewers to utilize this method for easily converting complex or detailed images into vector format, enhancing their design workflow.

Takeaways

  • 📌 The video discusses a feature for converting bitmap images to vector format, which is useful for stress-free image editing.
  • 🖼️ The process can be done through drag-and-drop, making it user-friendly and accessible for various editing needs.
  • 🔍 When an image is imported into Illustrator, it is based on a path, and issues may arise if the original file is moved, deleted, or altered.
  • 🔗 To address path issues, the 'Embed Images' option should be utilized to ensure the image remains editable within Illustrator.
  • 🎨 The 'Image Trace' feature is introduced as a method to convert bitmap images into vector graphics, allowing for more detailed and scalable artwork.
  • 🔧 The 'Image Trace' panel offers various settings to adjust the level of detail and the look of the traced vector image.
  • 👌 The 'Threshold' value, which defaults at 128, can be modified to control the balance between black and white in the traced image.
  • 🎭 Adjusting the 'Threshold' can lead to a more defined and crisp graphic, enhancing the visual quality of the final product.
  • 🗑️ Unnecessary elements from the traced image can be deleted, leaving only the desired parts for further editing.
  • 💡 The video suggests that using vector-based graphics can be advantageous when detailed and precise editing is required, as opposed to working with bitmap images.
  • 📚 The video concludes by encouraging viewers to apply these techniques in their future projects and looks forward to the next session.

Q & A

  • What is the main topic of the script?

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

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

    -The term used is 'Image Trace' or 'Autotrace', which is the process of converting raster images into vector format.

  • What is the benefit of using vector graphics over bitmap images?

    -Vector graphics are beneficial because they can be scaled up or down without losing quality, making them ideal for various sizes and resolutions, unlike bitmap images which can become pixelated when enlarged.

  • How is the 'Image Trace' feature accessed in the software mentioned?

    -The 'Image Trace' feature is accessed by selecting the image in the software, going to the top menu, and clicking on 'Image Trace' or 'Autotrace' option.

  • What happens if the original image file is moved, deleted, or becomes inaccessible?

    -If the original image file is moved, deleted, or becomes inaccessible, the software may not be able to display the image correctly in the 'Image Trace' process, leading to potential errors or missing elements.

  • What is the purpose of embedding images in the software?

    -Embedding images ensures that all elements of the graphic are included within the final file, preventing issues with missing or broken links that can occur if the image is not embedded.

  • How can the 'Image Trace' settings be adjusted for more detailed vector conversions?

    -The 'Image Trace' settings can be adjusted by accessing the 'Window' menu and selecting 'Image Trace' to open the dialog box. Users can then modify properties such as the 'Threshold' value and check options like 'Preserve Details' for a more detailed vector conversion.

  • What is the recommended 'Threshold' value for a more natural-looking vector conversion?

    -The recommended 'Threshold' value for a more natural-looking vector conversion depends on the specific image, but the script suggests that a value around 60 might be suitable for a more aesthetically pleasing result.

  • How can users utilize the 'Image Trace' feature for complex illustrations?

    -For complex illustrations, users can select the 'Object' menu, choose 'Image Trace' or 'Make' and then use the 'OK' button to apply the feature. They can also adjust the settings in the 'Image Trace' dialog box for more detailed results.

  • What should users do with the traced vector image once they no longer need the original bitmap image?

    -Once the vector image is ready and the original bitmap image is no longer needed, users can delete the original image from their project to keep the file clean and focused on the vectorized content.

  • What is the final step for users to utilize the vector image in their projects?

    -The final step is to extract the vector image from the 'Image Trace' process by selecting the 'Object' menu, choosing 'Image Trace' or 'Expand', and then deleting the original bitmap image if it's no longer needed.

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, where images can be dragged and dropped into the workspace. However, the speaker also notes that this feature can be somewhat ambiguous when creating a lecture series, hence the need for a brief explanation. The paragraph discusses the process of importing images into Illustrator based on paths and the potential issues that may arise if the original file is moved, deleted, or altered. The speaker emphasizes the importance of embedding images to prevent such issues.

Mindmap

Keywords

💡Bitmap

Bitmap is a type of image file format that is widely recognized and used, with the .jpg extension being one of the most common. In the context of the video, it refers to the original image files that are to be converted into vector graphics. Bitmap images are composed of pixels, which can result in a loss of quality when scaled up, hence the need for conversion to vector format for more flexible use.

💡Vector Graphics

Vector graphics are computer graphics that are based on mathematical equations to represent shapes, lines, and colors, as opposed to bitmap images that use pixels. Vector graphics can be scaled up or down without losing quality, making them ideal for designs that need to be resized, such as logos or illustrations. In the video, the main functionality discussed is the conversion of bitmap images into vector graphics for more versatile use.

💡Drag and Drop

Drag and drop is a user interface technique that allows users to move or copy data or objects from one place to another by pressing and holding a mouse button, dragging the object, and releasing the button over the destination. In the video, this method is mentioned as a simple way to import the bitmap image into the software for conversion.

💡Image Path

An image path refers to the location or address in a file system where an image file is stored. In the context of graphic design software, it is crucial to maintain the correct image path to ensure that the software can locate and use the image files. The video discusses the importance of image paths when importing images into the software and the potential issues that may arise if the original file's location is changed or the file is deleted.

💡Embedding

Embedding in graphic design refers to the process of incorporating an image file directly into a document, so it becomes part of the file itself. This ensures that the image is always available, even if the original file is moved or deleted. The video explains that it is important to embed images to avoid potential issues with missing files in the design software.

💡Rasterize

Rasterize is the process of converting vector graphics into bitmap images. This is useful when a vector graphic needs to be used in a context where vector formats are not supported. However, it is important to note that rasterizing reduces the scalability of the image, as it becomes pixel-based. In the video, the term 'rasterize' is used in the context of converting bitmap images to vector graphics, which is the opposite process.

💡Illustrator

Illustrator is a popular vector graphics editing software developed by Adobe. It is widely used by designers for creating logos, illustrations, and other vector-based artwork. In the video, Illustrator is the software being used to demonstrate the conversion of bitmap images to vector graphics.

💡Object

In graphic design software, an object refers to a design element that can be manipulated and edited. Objects can be shapes, paths, text, or images. In the context of the video, objects are the elements that users work with in Illustrator, and the script discusses the process of converting bitmap images into vector objects that can be edited within the software.

💡Properties

Properties in graphic design software refer to the characteristics and settings of an object or element, such as size, color, and position. Adjusting the properties of an object allows designers to control and refine the appearance and behavior of the design elements. In the video, properties are mentioned in the context of fine-tuning the appearance of the rasterized image to achieve a desired level of detail and quality.

💡Detail

Detail in the context of the video refers to the level of intricacy and complexity in the design elements, particularly when converting bitmap images to vector graphics. Achieving the right level of detail is important for maintaining the visual quality and accuracy of the image after conversion.

💡Delete

In graphic design software, deleting refers to the removal of an object or element from the design. After the conversion process, if certain elements are no longer needed, they can be selected and deleted to streamline the design and focus on the essential components.

💡Graphic Design

Graphic design is the art and practice of creating visual content to communicate ideas, convey information, or attract and engage an audience. It involves the use of typography, photography, and illustration to produce various forms of print and digital media. The video's main theme revolves around a specific aspect of graphic design, which is the conversion of images from bitmap to vector format for more versatile and scalable use.

Highlights

Introduction to the image tumbler feature for converting bitmap images to vector format.

Explaining the drag-and-drop method for using the image tumbler.

Mention of the 'X' mark indicating a potential issue with image source file path.

Importance of embedding images to avoid issues with missing source files.

Demonstration of the image stress feature to improve image quality.

Accessing the 'Image Trace' option from the top menu for vectorization.

Explaining the various settings available in the Image Trace panel.

Use of the 'Threshold' value for controlling the detail level in the vectorized image.

Adjusting the 'Brightness' and 'Contrast' for enhancing the visual appeal of the vectorized image.

Recommendation to use the 'Object > Expand' feature for finalizing the vectorized image.

Instructions on how to delete unnecessary anchor points after vectorization.

Suggestion to use the 'Window > Image Stress' for advanced control over the vectorization process.

Explanation of the 'Tweak' value and its effect on the vectorization outcome.

Personal preference for a 'Tweak' value of 60 for achieving a balanced result.

Advice on using the vectorization method for creating detailed illustrations efficiently.

Closing remarks about the benefits of using the image tumbler and vectorization techniques.