Solaris 공통 데스크탑 환경: 사용 설명서

13장 아이콘 편집기의 사용

아이콘 편집기는 아이콘이나 배경으로서 사용되는 비트맵과 픽스맵 이미지 파일을 만드는 도구입니다.

아이콘 편집기의 소개

아이콘 편집기는 표 13-1에 있는 두 가지 형식으로 이미지를 만들고 편집할 수 있도록 해줍니다.

표 13-1 아이콘 형식

형식 

설명 

파일 이름 

X 픽스맵(XPM)  

여러 정적 동적 색상으로 된 이미지. 

*.pm

X 비트맵(XBM) 

포그라운드 및 백그라운드드 색상으로만 구성된 이미지(흑백 아이콘에 사용) 

*.bm

그림 13-1 아이콘 편집기 기본 창

Graphic

그리기 도구 및 색상을 선택한 다음에 작업 영역에서 이들을 사용하여 이미지를 작성할 수 있습니다.사용자가 그리면 아이콘 편집기는 두 가지 형식으로 아이콘의 실제 크기 복사본을 표시합니다.작업 공간에 사용할 수 있는 색상이 충분하지 않으면 아이콘이 두 가지 색상으로 변환하므로, 컬러 시스템에서 사용할 이미지를 그린다 하더라도 아이콘의 두 가지 색상 버전을 고려해야 합니다.

아이콘 디자인에 대한 내용은 Common Desktop Environment: Style Guide and Certification Checklist

시작

아이콘 편집기를 시작하는 방법

  1. 응용 프로그램 관리자를 열면 그 안에 있는 데스크탑_응용프로그램 폴더가 나타납니다.

    Graphic
  2. 아이콘 편집기를 두 번 누르십시오.

    아이콘 편집기는 그리기 작업 영역이 비어있는 상태로 시작됩니다.

아이콘 편집기를 시작하여 다음과 같은 방법 중 하나로 작업 영역에 아이콘을 로드할 수 있습니다:


주 -

경로/usr/dt/bin.cshrc 파일에 설정되어 있지 않으면 /usr/dt/bin/dticon을 입력하여 명령행에서 아이콘 편집기를 실행시키십시오.


기본 그리기 작업

이 절에서는 아이콘을 만들고 편집하는 방법과 아이콘 편집기의 그리기 도구사용 방법에 대해 설명합니다.

기존 아이콘을 여는 방법

  1. 파일 메뉴에서 열기를 선택하십시오.

    저장하지 않은 변경 사항이 있는경우, 아이콘 편집기는 다른 아이콘을 로드하면 변경 사항을 잃게 될 수 있음을 유의하십시오.열기 명령을 취소하려면 취소를 누르십시오.변경 사항을 저장하지 않으려면 확인을 누르십시오.

  2. 파일명 입력 필드에 로드하고자 하는 파일의 이름을 입력하거나 파일 열기 대화 상자의 파일 섹션에서 로드하고자 하는 아이콘 파일을 선택하십시오.

  3. 저장을 누르십시오.


    주 -

    파일을 로드할 때, 출력 형식(옵션 메뉴에 있음)은 로드할 파일의 형식으로 자동 설정됩니다.


    파일 관리자에서 아이콘 파일을 2번 눌러 기존의 아이콘을 열 수도 있습니다.

새 아이콘을 시작하는 방법

    파일 메뉴에서 새 아이콘을 선택하십시오.

저장하지 않은 변경 사항이 있는경우, 아이콘 편집기는 새 아이콘을 시작하면 변경 사항을 잃을 수 있음을 경고합니다.새 아이콘 명령을 취소하려면 취소를 누르고 변경 사항을 저장하지 않으려면 확인을 누르십시오.

아이콘 편집기는 작업 영역을 지우고 기본 크기(32x32)로 크기를 조절합니다 .

이미 로드된 아이콘이 있는 경우, 이전에 로드한 아이콘과 크기와 이름이 같은 새 아이콘을 시작하려면 편집 메뉴에서 아이콘 지우기를 선택해야 합니다.

아이콘을 지우는 방법

  1. 필요하다면 현재의 아이콘을 저장하십시오.

  2. 편집 메뉴에서 아이콘 지우기를 선택하십시오.

    전체 아이콘 그리기 작업 영역이 지워집니다.

이미지를 그리는 방법

  1. (332 페이지의 표 13-2에 나열된) 그리기 도구 중에서 하나를 선택하십시오.

  2. 색상(고정 색상, 고정 회색 또는 동적 색상)을 선택하십시오.

  3. 선택한 도구로 그리기를 시작하십시오.

    각 도구를 사용한 그리기에 대한 세부 사항은 아래에서 설명됩니다.

그리기 도구

아이콘 편집기의 그리기 도구 영역이 그림 13-2에 표시되어 있습니다.

그림 13-2 아이콘 편집기 그리기 도구

Graphic

표 13-2 그리기 도구의 사용

도구 

용도 

활동 

연필 

자유 곡선과 개별 픽셀 그리는 데 사용. 

마우스 버튼을 누른 채로 자유 곡선을 그립니다. 

선 

직선 그리기 

마우스 버튼을 누른 채로 선을 긋습니다. 선을 그린 다음에 마우스 버튼을 놓습니다. 

직사각형 

채워진 직사각형 또는 윤곽선만 있는 직사각형을 그리는 데 사용. 

누른 채로 직사각형의 윤곽선을 그립니다. 직사각형을 그린 다음에 마우스 버튼을 놓습니다. 

원 

채워진 원 또는 윤곽선만 있는 원 그리기 

원의 중심이 될 곳을 가리키고 누른 채로 원하는 크기의 원을 그린 후 놓습니다.  

지우개 

넓은 영역의 이미지를 지우는 데 사용. 

누른 채로 지우려는 영역 위에서 끄십시오. 

개별 픽셀을 지우려면 연필 도구와 투명 색상을 선택하십시오. 

채우기 

선택한 색상으로 영역을 채우는 데 사용.  

채우기 할 영역 내에서 임의의 픽셀을 누르십시오. 선택된 픽셀과 색상이 같은 모든 인접 픽셀은 선택된 색상으로 다시 칠해집니다. 채워진 영역은 모든 방향으로 확장되며 다른 색상의 픽셀에 의해서만 경계가 구분됩니다.  

열린 다각형 

연결된 직선을 그리는 데 사용. 

시작점을 누른 다음 각 세그먼트에서 누르십시오. 

마지막 세그먼트를 끝내려면 두 번 누르십시오.  

닫힌 다각형 

직선을 연결하여 그리는 데 사용. 처음 행과 마지막 행이 연결되어 닫힌 다각형을 형성합니다. 

시작점을 누른 다음 각 세그먼트에서 누르십시오. 

마지막 세그먼트를 끝내려면 두 번 누르십시오. 

타원 

채워진 타원 또는 윤곽선만 있는 타원을 그리는 데 사용.  

누른 채로 원하는 크기와 모양으로 끈 다음에 놓으십시오. 

선택 

작업할 영역을 선택하는 데 사용. 편집 메뉴에 있는 여러 명령은 영역 선택이 필요합니다. 

선택할 영역의 모서리 픽셀을 가리키고 누른 상태로 원하는 영역까지 끈 다음에 놓으십시오. 

내부 채우기 

윤곽이 아닌 채워진 모양을 그리기 위한 직사각형, 원, 타원과 닫힌 다각형 도구 변경

확인란을 선택하면 자동으로 채워진 형태로 그려집니다.도구로 돌아가서 윤곽을 그리려면 확인란 선택을 해제하십시오. 

그리기 동작을 실행 취소하는 방법

    편집 메뉴에서 실행 취소를 선택하십시오.

가장 마지막에 변경한 한 가지 실행만 취소할 수 있습니다.

아이콘 파일의 저장

아이콘 파일을 저장하려면 적합한 파일 이름 접미사를 사용해야 합니다.아이콘의 기본 이름에 추가하는 접미사는 두 종류가 있는데 하나는 크기를 나타내는 접미사이고 다른 하나는 형식을 나타내는 접미사입니다.여러 아이콘 이름의 일반 형식은 다음과 같습니다.

basename.size.format basename.format

basename은 이미지 참조에 사용되는 이미지 이름입니다.

size는 다음과 같이 아이콘의 표준 크기를 표시하는 단일 문자입니다. l은 크기가 큰(48x48 픽셀), m은 중간(32x32), s는 작은(24x24) 그리고 t는 아주 작은 크기(16x16)를 나타냅니다. (("아이콘 크기 규약"를 참조하십시오.)아이콘이 표준 크기가 아닌 경우 이 문자를 생략할 수 있습니다.

format은 X 픽스맵(컬러 아이콘 형식)의 경우 pm또는 X 비트맵(흑백 아이콘 형식)의 경우 bm입니다.

투명색상이 있는 XBM 형식으로 아이콘을 저장하는 경우 아이콘 마스크 파일도 저장됩니다.아이콘 마스크 파일의 이름은 basename.size_m.format입니다.저장한 아이콘을 다른 폴더로 이동할 경우에는 마스크 파일도 반드시 이동해야 합니다.

예를 들어, 작성한 파일 유형에 대해 mail이라고 하는 아이콘을 지정한다고 가정하십시오. 화면이 컬러이고 아주 작은 아이콘을 사용할 수 있도록 파일 관리자 우선 설정 사항을 설정한 경우, 가정되는 아이콘 이름은 mail.t.pm입니다. 투명색상이 있고 XBM 형식으로 저장한 경우 다음과 같은 두 개의 파일이 만들어집니다. mail.t.bmmail.t_m.bm.

아이콘 크기 규약

표 13-3에는 CDE에서 사용할 새 아이콘을 만드는 데 권장되는 크기(-픽셀 단위)인 너비 x 높이-가 나열되어 있습니다.아이콘의 크기는 최대 256x256까지 가능합니다.

표 13-3 권장 아이콘 크기

용도 

고 

중 

저 

파일 관리자(대형) 

32x32 

32x32 

32x32 

파일 관리자(소형) 

16x16 

16x16 

16x16 

응용 프로그램 관리자(대형) 

32x32 

32x32 

32x32 

응용 프로그램 관리자(소형) 

16x16 

16x16 

16x16 

프론트 패널 

48x48 

48x48 

32x32 

프론트 패널 서브패널 

32x32 

32x32 

16x16 

아이콘 표시 창 

48x48 

48x48 

32x32 

작업공간 

32x32 

32x32 

32x32  

아이콘 저장 방법

  1. 옵션 메뉴에서 출력 형식을 선택하십시오:

    • 두 가지 색상의 X 비트맵 형식용의 XBM

    • 여러 색상의 X 픽스맵 형식용의 XPM(기본값)

  2. 파일 메뉴에서 저장을 선택하십시오.

    아이콘 이름이 없거나 다른 이름으로 저장을 선택하면 아이콘 편집기는 파일명에 대한 프롬프트를 요구합니다.이름을 입력하고 저장을 누르십시오.


    주 -

    투명색상이 있는 XBM 형식으로 아이콘을 저장하는 경우 아이콘 마스크 파일도 저장됩니다.아이콘 마스크 파일의 이름은 basename.size_m.format입니다.저장한 아이콘을 다른 폴더로 이동할 경우에는 마스크 파일도 반드시 이동해야 합니다.


새 이름을 가진 아이콘 저장 방법

  1. 파일 메뉴에서 다른 이름으로 저장을 선택하십시오.

  2. 아이콘 파일을 저장하고자 하는 곳에 파일명을 입력(또는 선택)하십시오.

  3. 저장을 누르십시오.

    파일이 이미 존재하는 경우 기존 파일을 겹쳐쓰려면 경고 대화 상자에서 확인을 눌러야 합니다.

색상 사용

데스크탑에 있는 아이콘은 22가지 색상의 팔레트를 사용합니다.

이들 색상이 아이콘 편집기에서 기본 색상입니다.이 색상 세트는 아이콘을 작성하기에 적합한 팔레트를 제공합니다.불필요한 색상을 사용하지 않으면서 아이콘을 보기 좋고 읽기 쉽게 하기 위해 제한된 팔레트가 선택되었습니다.

동적 색상은 아이콘이 표시될 응용 프로그램을 나타내는 데 사용되는 색상을 말합니다.아이콘이 파일 관리자에 나타나면 파일 관리자는 바탕색을 결정합니다.동적 색상은 스타일 관리자에 의해 다른 색상의 팔레트가 선택된 경우 아이콘의 색상을 변경하고자 할 때 유용합니다.또한 아이콘이 둘 이상의 장소에서 사용되거나 아이콘이 나타나는 응용 프로그램의 색상을 사용하고자 할 때도 동적 색상이 유용하게 쓰입니다.

위쪽 음영과 아래쪽 음영은 아이콘 아래에 음영을 그리는데 사용됩니다.이러한 색상들을 사용하여 아이콘을 표면에 새겨진 것처럼 만들 수 있습니다.이 방법은 프론트 패널 스타일 아이콘에서만 사용하는 것이 좋습니다.

투명 색상은 아이콘 뒤의 색상까지 볼 수 있도록 하므로 사각형이 아닌 모양의 아이콘을 만드는 데 유용합니다.아이콘이 상자 전체를 채우지 않을 경우 투명색으로 사용되지 않은 영역을 채워야 합니다.

고급 그리기 작업

아이콘 편집기의 기본 그리기 기능에 익숙해지고 나면 보다 수준높은 조작을 시도하고자 할 수 있습니다.이러한 작업을 위해서는 먼저 아이콘의 영역을 선택해야 합니다.선택 도구(지우개 옆에 있음)를 사용하여 이를 실행하십시오.

아이콘의 영역을 선택하면 다음 작업을 수행할 수 있습니다:

아이콘 영역 선택 방법

  1. 선택 도구(지우개 옆에 있음)를 누르십시오.

  2. 선택하고자 하는 영역 주변으로 상자를 끄십시오.

    영역이 선택되면 상자는 선택 영역 주위에서 깜박거립니다.

아이콘 영역을 자르는 방법

  1. 선택 도구를 사용하여 잘라내고자 하는 아이콘의 영역을 선택하십시오.

  2. 편집 메뉴에서 영역 자르기를 선택하십시오.

    아이콘의 일부분을 자르면 드러나 있는 영역은 투명해 집니다(즉, 투명한 색으로 채워집니다).

    영역을 잘라낸 후 편집 메뉴에서 영역 붙이기를 선택하여 아이콘을 다시 붙여넣기 할 수 있습니다.

아이콘 영역 복사 방법

  1. 선택 도구를 사용하여 복사하고자 하는 아이콘의 영역을 선택하십시오.

  2. 편집 메뉴에서 영역 복사하기를 선택하십시오.

  3. 편집 메뉴에서 영역 붙이기를 선택하십시오.

  4. 복사한 것을 붙여넣을 곳을 가리킨 후 누르십시오.

    복사한 영역을 여러 번 붙여넣기 하려면 원하는 만큼 3단계와 4단계를 반복하십시오.

아이콘 영역 이동 방법

  1. 선택 도구를 사용하여 이동하고자 하는 아이콘의 영역을 선택하십시오.

  2. 편집 메뉴에서 영역 자르기를 선택하십시오.

  3. 편집 메뉴에서 영역 붙이기를 선택하십시오.

  4. 붙여넣고자 하는 곳을 가리킨 후 누르십시오.

    잘라내기 한 영역을 여러 번 붙여넣기 하려면 원하는 만큼 3단계와 4단계를 반복하십시오.

아이콘의 일부를 회전하는 방법

  1. 선택 도구를 사용하여 회전하고자 하는 아이콘의 영역을 선택하십시오.

  2. 편집 메뉴에서 회전을 선택한 후 왼쪽 또는 회전을 선택한 후 오른쪽을 선택하십시오.

  3. 회전 영역을 붙여넣고자 하는 곳을 가리킨 후 누르십시오.

아이콘의 일부를 반사시키는 방법

영역을 반사시키면 선택된 영역의 픽셀 대 픽셀 반사 이미지가 생깁니다.

  1. 선택 도구를 사용하여 반사시키고자 하는 아이콘의 영역을 선택하십시오.

  2. 편집 메뉴에서 반사를 선택한 후 수직 또는 반사를 선택한 후 수평을 선택하십시오.

아이콘의 크기 조절

전체 아이콘 또는 아이콘의 영역의 크기를 조절할 수 있습니다.

현재 아이콘의 크기를 조절하는 방법

  1. 편집 메뉴에서 아이콘 크기 조절을 선택하십시오.

    아이콘 편집기가 새로운 크기를 물어보는 대화 상자를 표시합니다.

  2. 새로운 크기를 지정하려면 현재의 너비와 높이를 편집하십시오.

  3. 확인을 누르십시오.


    주 -

    아이콘을 보다 작게 만들 경우 오른쪽과 맨 아래 모서리가 잘립니다.아이콘을 보다 크게 만들 경우 기존의 이미지가 아이콘의 왼쪽 상단에 남게 됩니다.


아이콘의 영역 크기를 조절하는 방법

  1. 선택 도구를 사용하여 크기를 조절하고 싶은 아이콘의 영역을 선택하십시오.

  2. 편집 메뉴에서 크기 조절을 선택하십시오.

  3. 원하는 이미지의 크기와 형태를 정의하는 상자를 끌어 오십시오.

    상자의 크기가 오른쪽 상단에 표시되어 있습니다.이것은 이미지의 선택된 영역의 크기가 어떻게 조절되는지는 결정하지만 결과를 표시할 위치를 결정하지는 않습니다.

  4. 크기가 조절된 복사 부분을 붙여넣을 곳을 가리킨 후 누르십시오.

핫스팟

비트맵 이미지(XBM 형식)는 특별한 마우스 포인터 모양으로 사용할 수 있습니다.핫스팟은 마우스 포인터의 실제 포인트인 이미지 내의 단일 픽셀을 표시합니다.

핫스팟을 추가하는 방법

한 아이콘에는 하나의 핫스팟만이 있습니다.

  1. 편집 메뉴에서 핫스팟 추가를 선택하십시오.

  2. 핫스팟을 원하는 지점의 픽셀을 누르십시오.

핫스팟를 삭제하는 방법

    편집 메뉴에서 핫스팟 삭제를 선택하십시오.

화면 포착

어느 영역이든지 화면의 한 부분에서 아이콘 편집기로 복사할 수 있습니다.표시된 텍스트나 그래픽을 복사("잡기")하여 아이콘 편집기의 작업 영역에 로드할 수 있습니다.

표시된 영역을 포착(잡기)하는 방법

  1. 필요하다면 현재의 아이콘을 저장하십시오.

  2. 편집 메뉴에서 화면 이미지 잡기를 선택하십시오.

  3. 포착하고자 하는 작업 공간 주위로 상자를 끌어 옵니다(마우스 버튼 1을 누른 상태에서 끌어 놓습니다).


주 -

표시 영역을 포착하면 아이콘이 데스크탑에서 사용할 수 있는 몇 가지 색상을 사용할 수 있습니다.


아이콘 보기의 수정

확대 비율을 변경하거나 격자를 사용하여 아이콘 편집기 작업 공간에 있는 아이콘 보기를 변경할 수 있습니다.

격자를 숨기는 방법

    옵션 메뉴에서 격자 표시를 선택하십시오.

이렇게 하면 격자를 숨깁니다.격자를 표시하려면 옵션 메뉴에서 다시 볼 수 있는 격자를 선택하십시오.기본적으로 격자를 표시합니다.

아이콘의 확대 비율을 변경하는 방법

  1. 옵션 메뉴에서 확대 비율을 선택하십시오.

  2. 서브메뉴에서 원하는 확대 비율 수준을 선택하십시오.