# 2.2 이미지 추가 또는 생성

{% hint style="info" %}
메뉴얼은 <mark style="color:purple;">**Z: -70**</mark> 값을 기준으로 작성되었습니다. Z축 교정 값에 따라 작업 공간의 크기가 달라질 수 있습니다.
{% endhint %}

**레이저 이미지를 생성하는 방법은 다음 세 가지가 있습니다:**

1. **기본 툴 사용**: 제공된 도구를 이용해 이미지를 직접 생성합니다.
2. **PC에서 불러오기**: 로컬 저장소에서 이미지를 가져옵니다.
3. **기본 예제 사용**: HUENIT LAB에서 제공된 예제 이미지를 불러와 사용할 수 있습니다.

## (공통) 사용방법

> 기본 인터페이스

1. **개체 목록 확인:** 아이콘을 클릭하면 현재 그려진 개체들의 목록이 표시됩니다.
2. **현재 선택된 개체:** 레이저 페이지에서 선택된 개체가 개체 목록에서 강조 표시됩니다.
3. **선택된 개체 표시:** 선택된 개체에는 크기 조절 및 회전이 가능한 가이드가 표시됩니다.
4. **선택된 개체 변형 표시:** 선택된 개체의 종류에 따라 변형 옵션이 화면 우측에 표시됩니다.

<figure><img src="https://3075547475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmpoZH5TMk0ougpcCYECz%2Fuploads%2FkhceusGRR7c7OWXRv7D5%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-10-31%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%203.39.03.png?alt=media&#x26;token=9c485403-f1d2-462e-903f-d59bdef65620" alt=""><figcaption></figcaption></figure>

## (공통) 주의사항

### 1. 작업 공간 내에서 이미지 생성

Z축 교정 값에 따라 작업 공간의 크기와 위치가 달라질 수 있습니다. 이는 로봇팔이 해당 Z 값에서 실제로 이동할 수 있는 영역을 나타냅니다.

<figure><img src="https://3075547475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmpoZH5TMk0ougpcCYECz%2Fuploads%2F8az0N3ialjaNHH5ZtqZh%2Fimage.png?alt=media&#x26;token=4468d131-baf4-440f-9409-370ea59f45b3" alt=""><figcaption></figcaption></figure>

따라서 동일한 X, Y 좌표라도 Z축 교정 값에 따라 이동 가능 여부가 달라질 수 있습니다.

<figure><img src="https://3075547475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmpoZH5TMk0ougpcCYECz%2Fuploads%2FALKfvHZvZGuzk3V2m3jP%2Fimage.png?alt=media&#x26;token=3d5e1e32-00b4-464f-ae0e-2a131edbc9c0" alt=""><figcaption></figcaption></figure>

## 이미지 추가 또는 생성 방법

### 1. 기본 툴 사용

<figure><img src="https://3075547475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmpoZH5TMk0ougpcCYECz%2Fuploads%2FeEbJ0hgdhZhJGsyqfbf7%2Fimage.png?alt=media&#x26;token=12a4deb9-4cad-42f5-b296-63b9e00bb609" alt=""><figcaption></figcaption></figure>

* 펜(Pen)으로 이미지 그리기

펜 툴을 선택한 뒤, 작업 공간에서 점을 연속적으로 찍어 원하는 모양을 그릴 수 있습니다. 작업을 마친 후에는 \[Done] 버튼을 누르거나 키보드의 \[ESC] 키를 눌러 완료합니다.

<figure><img src="https://3075547475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmpoZH5TMk0ougpcCYECz%2Fuploads%2FxNTjjdSXjd9jyhF48Jxg%2FHuenit_high.gif?alt=media&#x26;token=9f84f614-2860-4ddd-8b33-b930ebfb7548" alt=""><figcaption><p>펜(Pen)으로 이미지 그리기</p></figcaption></figure>

* 사각형 그리기

사각형 툴을 선택한 후, 작업 공간에서 시작점을 클릭하고 드래그하여 원하는 형태의 사각형을 생성합니다.

<figure><img src="https://3075547475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmpoZH5TMk0ougpcCYECz%2Fuploads%2FB9zoiR0vkxnvuFrmm7yy%2FHuenit%201.0.269%20_%20New%20_%202025-10-31%2016-07-02_high.gif?alt=media&#x26;token=26e89de7-bad3-453b-99b7-be1e7189387f" alt=""><figcaption></figcaption></figure>

* 원형 그리기

원형 툴을 선택한 후, 작업 공간에서 시작점을 클릭하고 드래그하여 원하는 형태의 원형을 생성합니다.

<figure><img src="https://3075547475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmpoZH5TMk0ougpcCYECz%2Fuploads%2F9Eo6xWSNmWTdyvlVQ1mJ%2FHuenit%201.0.269%20_%20New%20_%202025-10-31%2016-07-42_high.gif?alt=media&#x26;token=fb2aad8b-59f6-4866-8661-034d7c88caec" alt=""><figcaption></figcaption></figure>

* 텍스트 그리기

텍스트 툴을 선택하면, 작업 공간 밖 원점 위치에 기본 텍스트 박스 'Huenit'이 생성됩니다. 생성된 텍스트 박스를 작업 공간으로 이동한 뒤, 원하는 텍스트로 변경합니다.

{% hint style="warning" %}
현재 한글 글꼴은 'NanumGothic-Regular'만 지원됩니다.
{% endhint %}

<figure><img src="https://3075547475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmpoZH5TMk0ougpcCYECz%2Fuploads%2FkVuk7XgERrEo7qFyJRao%2FHuenit%201.0.269%20_%20New%20_%202025-10-36_high_sub.gif?alt=media&#x26;token=c861569b-3cf2-4100-96b4-6525aca3bec5" alt=""><figcaption></figcaption></figure>

* 다각형 그리기

다각형 툴을 클릭한 뒤, 원하는 형태의 다각형을 선택하고 작업 공간에서 클릭 후 드래그하여 모양을 그립니다.

<figure><img src="https://3075547475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmpoZH5TMk0ougpcCYECz%2Fuploads%2FgSI8wAqFf6BSYZmKlxiK%2FHuenit%201.0.269%20_%20New%20_%202025-10-31%2016-11-51_high.gif?alt=media&#x26;token=87fc6449-c51c-4795-a0c5-0cf552e21649" alt=""><figcaption></figcaption></figure>

### 2. PC에서 불러오기

* 파일 불러오기

\[불러오기] 아이콘을 클릭한 후, 원하는 이미지 파일을 선택하고 \[열기] 버튼을 눌러 파일을 불러옵니다.

<figure><img src="https://3075547475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmpoZH5TMk0ougpcCYECz%2Fuploads%2FpIz9Xg75KZAzZripaOwb%2Fimage.png?alt=media&#x26;token=54bba0a7-2ced-4ed1-a58a-94bbd4737322" alt=""><figcaption></figcaption></figure>

* 드래그&드롭

이미지를 작업 공간으로 드래그&드롭하여 간편하게 불러올 수 있습니다.

<figure><img src="https://3075547475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmpoZH5TMk0ougpcCYECz%2Fuploads%2FHmZnkTTkDpztU5qO9YdB%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-10-31%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%205.08.56.png?alt=media&#x26;token=617a892c-5453-4904-93dc-d97dad279996" alt=""><figcaption></figcaption></figure>

### 3. 기본 예제 사용

> 예제 불러오기

* \[예제] > \[Examples]을 순서대로 클릭한 뒤, 원하는 예제를 선택하고 \[불러오기] 버튼을 눌러 불러옵니다.

{% hint style="info" %}
불러오기를 진행하면 기존에 작성 중이던 내용은 사라집니다.
{% endhint %}

<figure><img src="https://3075547475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmpoZH5TMk0ougpcCYECz%2Fuploads%2FkLoEcwglWlCC59rhimvK%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-10-31%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%205.40.47.png?alt=media&#x26;token=b61bc1bf-a41b-4db7-8f86-fbf63f393128" alt=""><figcaption></figcaption></figure>

* Z축 교정을 다시 확인한 뒤 \[적용] 버튼을 누르면 예제가 불러와진 것을 확인할 수 있습니다.

{% hint style="info" %}
예제 이미지가 작업 공간 밖에 있을 경우, 작업 공간 내로 이동시켜 주세요.
{% endhint %}

<figure><img src="https://3075547475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmpoZH5TMk0ougpcCYECz%2Fuploads%2FcBbUPl94Ght5T1g65kOV%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-10-31%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%205.48.04.png?alt=media&#x26;token=4f8bd3b6-e63b-44d9-b54c-8223a62e460d" alt=""><figcaption></figcaption></figure>

> 예제 불러오기(예시)

<figure><img src="https://3075547475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmpoZH5TMk0ougpcCYECz%2Fuploads%2FZi3IBMa8L8pEfRMcYC7j%2FHuenit%201.0.269%20_%20New%20_%202025-10-31%2017-51-15_1080p.gif?alt=media&#x26;token=06399c79-db93-4504-9cfe-1293827da102" alt=""><figcaption></figcaption></figure>