[Gimp]김프 아이콘 만들기

jjangfree 2011. 3. 25. 15:14

2011. 3. 25. 15:14

그냥 gimp에서, 접힌 아이콘을 만들어 봅니다.

2011년 3월 25일 2차 수정

데모

준비물 : Layer Effects 플러그인(스크립트푸) : http://registry.gimp.org/node/186
관련자료 : http://jjangfree.tistory.com/835 의 c번 , http://jjangfree.tistory.com/958 , http://jjangfree.tistory.com/904

Layer effects 플러그인(파이썬버전) 한글화 http://jjangfree.tistory.com/1194

* 스크립트버전(layerfx.scm)과 플러그인버전(layerfx.py)이 있는데, 저는 플러그인버전을 씁니다.
플러그인 버전은, preview가 있기는 하지만,
python 이 김프보다 먼저 설치되어 있어야 합니다.

1. 400 x 400px 투명배경 만들기
해상도는 200px/in

2. 타원선택도구로 원을 만들어 줍니다.
도구옵션의 고정비 체크(비율이 1:1 아니면, 1:1로 써넣어 주세요.)

3. 그라디언트를 채우고, 선택영역해제(선택 > 선택없음)합니다.
     gimp 사용법
    * 전경을 배경으로(전경색 #ffffff , 배경색 #d9d9d9), 모양 원형, 반복 없음
    * 선택영역해제는, ctrl + d 같은 걸로, 단축키 지정하시면 좋습니다.

4. 가운데 정렬합니다.
    레이어 > 레이어 자동 잘라내기 후, 정렬도구 클릭-> 원모양 클릭 -> 수평/수직가운데 2개 클릭
    * 레이어 자동잘라내기 단축키 지정하시면 편합니다.

    : 자세한 것은 http://jjangfree.tistory.com/850 에서

5. 배경에 alt + 클릭 이나 우클릭 > 알파를 선택으로 & 레이어 추가하고, 선택 > 줄이기 16 px 줄입니다.
* shift 누르고 레이어추가하면, 팝업창 안뜹니다.

6. 적당한 그라디언트를, 위 3번과 같은 방식으로 채워주고, 선택영역해제
전경을 배경으로 (전경 #17829d, 배경 #72b9d2)
gimp 강좌

7. 텍스트도구로 , 글자 하나 써봅니다.

김프 글자쓰기 -> 김프 아이콘

segoe print bold , 180px, 색상 #efefef,

8. Layer Effects 플러그인으로, 장식합니다.
   * Layer Effects 여러 값들은, 자유입니다.

   a. 글자(h) 레이어에 우클릭 > layer effects 중 inner shadow 실행


   b. 글자(h) 레이어에, 색상 >명도-대비에서 명도 -7정도로 감소
       * 문자레이어가 래스터레이어로 바뀝니다.

   c. 푸른색의 안쪽 원부분(새레이어)레이어 선택 후, layer effects 중 inner glow 실행
        gimp layer effects

여기까지 입니다.
김프 모양

9. 접힌 모양을 만들어 봅니다.

    a. 레이어의 배경 선택후, 자유선택도구(라쏘툴)로 오른쪽 귀퉁이를 지정합니다.

    b. 배경을 제외한 위쪽 레이어 선택해가면서, delete 키로 삭제해줍니다.

    c. 오른쪽 모서리에 선택영역이 있는 상태에서,
        다시 배경 선택하고, 편집 > 잘라넣기?로 잘라낸 다음, 편집 > 붙여넣기로 띄운 후에,
       새레이어 추가버튼을 눌러줍니다.
        * 선택 > 띄우기로 띄우고, 레이어탭의 새레이어 추가버튼으로, 추가시켜도 됩니다.


    d. 가장 위에 붙여넣은 레이어가 생깁니다. 이 레이어에, 회전도구 선택하고 180도 회전시키고,
        이동도구로 잘려진 부분에 잘 맞춰줍니다.