(위 그림은 이미지에디터에서 그려졌습니다.)

컴포넌트 소개


이미지에디터는 그림을 새로 그리거나 그림을 불러와 편집할 수 있는 이미지 편집용 에디터 컴포넌트입니다.
연필, 브러시, 픽셀편집, 지우개, 선, 직사각형, 원, 타원, 채우기, 텍스트 넣기 등의 툴들을 제공하며, 사각영역선택/편집, 레이어기능과 약간의 필터/효과기능도 제공됩니다.
한글뿐만 아니라 영어, 중국어, 일본어도 지원됩니다.

이미지에디터 체험게시판

v0.5 변경사항

  • 브러시 툴이 추가되었습니다.
  • 로컬 파일을 불러올 수 있습니다. (업로드)

업데이트

  1. 이미지에디터 내에서 로컬파일 불러오기
  2. 브러쉬 툴 추가
  3. 굵기(Thickness) 한도 상향조정

버그해결

  1. 파일 불러오기시 쓸데없는 레이어추가버그 해결
  2. 선택영역에 필터적용시 어긋남, 일부필터는 전체가 적용범위로 됐었던 현상 해결
  3. 텍스트툴에서 글을 입력했음에도 불구하고 '내용을 입력하세요' 라고 나오는 오류 해결된것으로 예상
    └ 의심가는 부분을 수정하였습니다.

다운로드

swf파일 외에도 php파일, js파일 등의 수정이 있었기때문에 swf파일만 바꾸시면 안됩니다.

기능 소개

그리기 도구 (Tools)

  • selection.png 사각선택영역

    사각형의 영역을 선택하여 이동, 크기조절, 복사할 수 있으며 자취를 남길 수 있습니다.

    ctrl + 이동/크기조절 - 복사
    shift + 이동/크기조절 - 자취 남기기
    delete - 삭제
  • pencil.png 연필

    연필 툴로는 자유로운 드로잉이 가능합니다.
  • brush.png 브러시

    브러시 툴로 유연한 드로잉을 할 수 있습니다.
    픽셀보정기능이 적용되지 않습니다.
  • pixel.png 픽셀툴

    한 픽셀(pixel)씩 편집이 가능합니다.
    확대후 도트작업시 유용합니다.
  • eraser.png 지우개

    사각형 형태로 지울 수 있습니다.
  • line.png

    선 툴을 이용해 선을 그릴 수 있습니다.
  • rectangle.png 사각형

    사각형을 그릴 수 있습니다.
  • circle.png

    원을 그릴 수 있습니다.
    마우스 클릭지점이 원의 중심이 됩니다.
  • ellipse.png 타원

    타원을 그릴 수 있습니다.
  • text.png

    textbox.png

    이와 같이 글을 넣을 수 있습니다.
  • fill.png 채우기

    윈도우 그림판의 페인트통 기능처럼 플러드필을 할 수 있습니다.

layer.png 레이어 (Layer)

layerbox.png

기초적인 레이어기능 이용이 가능합니다.

filter.png 필터 (Filter)

filterbox.png

여러 필터들을 적용할 수 있습니다.

undoredo.png 되돌리기/다시하기 (Undo/Redo)

되돌리기/다시하기 기능을 지원합니다.

단축키는 각각 crtl+z, ctrl+y입니다.

속성 설정

propertiesbox.png
확대/축소기능과 굵기, 색, 불투명도, 픽셀보정(안티얼라이싱), 모서리 형태 설정을 할 수 있습니다.

설치 방법

  1. 다운로드

  2. 업로드

    제로보드가 설치된 웹 계정에 올립니다.

    ftp.png

    웹 계정의 (zbxe경로)/modules/editor/components/ 폴더 내에 위와 같이 업로드합니다.

  3. 그외

    • 컴포넌트 버튼이미지 고르기

      icon1.gif  icon2.gif  icon3.gif
      (좌측부터 각각 icon1.gif, icon2.gif, icon3.gif)

      기본3개와 각각의 psd파일이 준비되어 있습니다.
      이중 마음에 드는 이미지파일을 icon.gif로 이름변경 하신 후 올리시거나
      직접 psd파일을 수정하여 만들어 쓰실 수 있습니다.

      기본으로 icon1.gif 가 icon.gif 로 되어있습니다.

      icon_bg.gif

       (icon_bg.gif)
       버튼 배경도 준비해놓았습니다.
    • 버튼위치이동

      updown.png

      제로보드XE 관리자 페이지 - 기능성 모듈 - 위지윅 에디터에서 위/아래 화살표를 이용해 위치를 옮기실 수 있습니다.

기타

icon_springnote.gif이미지에디터 개발노트
이미지에디터 다국어 번역페이지

개발에 도움주신 분들

zero (고영수)
vhain (유주완)
타골라스

번역 도와주신 분들

좀비이 (chinnp, ailainet.openid.ne.jp) - 중국어, 일본어
ekinplus (ekinplus.myid.net) - 중국어

그외 이미지에디터 관심주시는 모든 분들 감사합니다.

p.s 텍스트 버그는 의심가는부분을 고쳐보았습니다만 적은 확률로 발생되는 버그(재현방법을 몰라서;)라서 해결되었다고 확신할 수는 없습니다.
그리고 일부 폰트가 지원안되는 문제는 보류중입니다. 이에관해 알려진바가 없어 flex자체버그가 아닐까 의심됩니다.

제작자 댣군
현재평점 10 (평가자 수 : 1)
profile
여기에서 행복한 시간 되십시오.