Image Styler 발표자 : 백승현 신홍범.

Presentation on theme: "Image Styler 발표자 : 백승현 신홍범."— Presentation transcript:

1 Image Styler 발표자 : 백승현 신홍범

2 차례 ImageStyler의 소개 ImageStyler의 주요기능 ImageStyler의 특징
26 April 2019

3 ImageStyler의 소개 그래픽의 비중이 높아지고 있는 웹페이지 제작을 염두에 둔 획기적인 웹 +그래픽 편집기
어도비가 윈도즈 3.1에서 명성을 날리던 엘더스 포토스타일러를 인수 포토 대신 이미지란 이름을 붙이고 스타일러를 그대로 둔 제목을 가지고 포토샵에 그 기능의 일부를 첨가 전문적인 웹 편집기와 전문 그래픽 편집기에 비해 기능이 다양하지 못함 26 April 2019

4 ImageStyler의 주요 기능 손쉽게 일관성 있고 매력적으로 보이는 웹 그래픽 작성
작품의 다른 부분은 그대로 유지하면서 언제든지 효과 변경 바탕이 되는 개체를 대체 또는 수정 세련된 그래픽과 시각적 효과의 생성 웹 그래픽과 자바 스크립트 전환 효과를 최적화. 이미지를 재 작성할 필요 없이 웹 그래픽을 갱신. 정교한 웹용 HTML 레이아웃 및 이미지 맵을 작성 26 April 2019

5 ImageStyler의 특징 이미지를 편집하고 HTML로 저장 다양한 이미지스타일을 적용 쉽게 이미지 편집
이미지 스타일러의 가장 큰 특징 편집창에서 이미지를 만드는 작업이 곧 HTML로 코딩 파일 저장 형식은 크게 세 가지로, 자체 포맷인 IST와 그림 포맷인 JPG, GIF, PNG 와 HTML 형식 작업 중 웹 브라우저를 통해 미리보기 가능 다양한 이미지스타일을 적용 쉽게 이미지 편집 다양한 필터 효과를 미리 적용시켜둔 이미지 스타일, 텍스쳐 등이 기본적으로 내장 필요에 따라 변형, 등록이 가능, 이미지 작업을 매우 쉽고, 빠르게 처리 그래픽 편집 기능과 웹 편집 기능에서의 불완전 웹과 그래픽 편집에서의 필수적인 몇 가지 기능이 빠져 있음 26 April 2019

6 시스템 사양 Intel(R) Pentium(R) 이상의 프로세서 ( Macintosh: PowerPC(R) 프로세서)
Microsoft Windows 95, Windows 98, Windows NT 4.0 운영 체제 ( Macintosh: MacOS 소프트웨어 버전 (최소 사양), MacOS 소프트웨어 버전 8.0 (권장 사양)) RAM 32 MB 40 MB의 사용 가능한 하드 디스크 공간 256색 비디오 디스플레이 카드 (최소 사양), 24비트 비디오 디스플레이 카드 (권장 사양) CD-ROM 드라이브 26 April 2019

7 ImageStyler의 메뉴(File (파일) 메뉴)
New : 새로운 문서를 작성합니다. Open : (*.ist)확장자인 파일을 연다. Close : 열려있는 윈도우를 닫는다. Save : 현재작업중인 창을 저장한다. Save as : 현재작업중인 창을 다른이름으로 다른곳에 저장 Revert : 작업중인 창을 최종 저장 단계로 되돌린다. Place : 일반적인 이미지를 불러온다. Replace : 다른이미지를 다시 불러온다. Place As Texture : 이미지를 텍스쳐로 대치 Import : 일반 포맷이 아닌 특수한 그래픽을 불러온다. Export Settings : 익스포트기능 설정 Export : 현재 작업중인 파일을 익스포트 Export As : 현재 작업중인 것을 다른이름으로 익스포트 Export Selection : 현재 선택한 것만 익스포트 Preview In : 자신이 제작한 것을 브라우저에서 미리 확인 Batch Replace HTML : HTML화일을 불러온다. Print setup : 인쇄할 페이지를 설정 Print : 인쇄 Exit : 프로그램 종료 26 April 2019

8 ImageStyler의 메뉴(Edit (편집) 메뉴)
Undo Move : 최근의 작업을 취소. Can't Redo : 취소한 작업을 되살린다. Undo : 열려있는 윈도우를 닫는다. Cut : 선택한 영역을 잘라서 저장. Copy : 선택한 영역을 복사. Paste : 복사된 데이터를 붙임. Clear : 선택한 영역 삭제. Paste Style : 오브젝트에 특정 스타일을 적용. Paste Special : 오브젝트에 여러 가지 옵션값을 부여. Select All : 창에있는 모든 것을 선택. Deselect All : 선택된 모든 것을 해지. Duplicate : 오브젝트의 복사본을 만든다. Make Alias : 인쇄할 페이지를 설정한다. Break Alias : 복사본이나 가상본을 해제. Canvas Size : 사용하는 창의 크기를 조절. 26 April 2019

9 ImageStyler의 메뉴(View (보기) 메뉴)
Toolbars : 최근의 작업 취소 Active Export Preview : 취소한 작업을 되살린다 Zoom in : 화면 확대. Zoom out : 화면 축소 Actual Size : 원래의 사이즈로 보기 26 April 2019

10 ImageStyler의 메뉴(Object (목적) 메뉴)
Arrange : 창에 있는 레이어들의 위치를 이동. Align : 오브젝트의 위치를 지정. Distribute : 3개 이상의 오브젝트들을 일정한 가로와 세로 간격으로 정렬. Group : 선택한 오브젝트를 그룹. Ungroup : 그룹 지어진 오브젝트들을 원 상태로 되돌림. Combine : 2개 이상의 오브젝트를 합치거나 빼낼 때. Uncombine : Combine한 것을 원상태로 되돌림. Maintain Alignment : Transform : 오브젝트의 형태를 변화. 26 April 2019

11 ImageStyler의 메뉴(Layer (레이어) 메뉴)
New Layer : 새로운 레이어를 생성. Duplicate Layer : 레이어를 복사. Delete Layer : 레이어를 삭제. Select Layer : 오브젝트 레이어 팔레트 선택. Arrange : 오브젝트 레이어 팔레트에서 레이어 순서 바꿈. Clear Layer Attributes : 레이어에 적용된 효과를 없앰. 26 April 2019

12 ImageStyler의 메뉴(Window (창) 메뉴)
Tool : 툴바 열기. Properties : 속성 팔레트 열기. Transform : 트랜스폼 팔레트 열기. Web : 웹 팔레트 열기. Color : 색상 팔레트 열기. Opacity : 불투명도 팔레트 열기. Distort : Distort 팔레트 열기. Layer : 레이어 팔레트 열기. Gradient : 그라디언트 팔레트 열기. 3D : 3D 팔레트 열기. Filters : 필터 팔레트 열기. Object Layers : 오브젝트 레이어 팔레트 열기. Java Script : 자바 스크립 팔레트 열기. Export : 익스포트 팔레트 열기. Reset To Default : 팔레트 위치를 초기화. 26 April 2019

13 ImageStyler의 툴바 26 April 2019

14 ImageStyler의 팔레트 텍스쳐 팔레트 스타일 팔레트 원하는 개체의 색깔대신 무늬를 넣어 주는 팔레트.
모든 개체를 선택한 후 팔레트에 나온 스타일을 선택하면, 선택한 스타일대로 모양이 나타남. 버튼 등 효과를 주는데 많이 쓰임. 26 April 2019

15 ImageStyler의 팔레트 쉐이프 팔레트 익스포트 팔레트
원하는 그림을 더블 클릭하여 자신이 자주쓰는 아이콘을 넣고 쓸수있다. 익스포트 팔레트 확장자에 따른 속성을 지정하여 출력. 이미지포맷에 따라 속성을 지정할 수 있다. Active Preview Size는 내보낼 때 이미지의 크기를 미리 계산. 26 April 2019

16 ImageStyler의 팔레트 트랜스폼 팔레트 속성 팔레트
개체의 위치(X,Y)와 크기(W,H), 외형의 변화등와 각도를 변화. 속성 팔레트 개체의 속성 지정. 도형이 선택될 때는 그에 맞는 속성 창으로 바뀌고. 글자 클릭시 글자크기 및 창 모양이 바뀐다. 26 April 2019

17 ImageStyler의 팔레트 필터 팔레트 웹 팔레트 단순한 필터 적용
웹상의 위치를 지정. 개체를 선택한 후 절대경로와 상대경로에 맞게 지정. 26 April 2019

18 ImageStyler의 팔레트 그라디언트 팔레트 레이어 팔레트 총 5가지 종류 색상의 그라디언트 효과를 줄 수 있다.
레이어의 쓰임과 위치 그리고 크기와 부드러움을 설정. 26 April 2019

19 ImageStyler의 팔레트 Distort 팔레트 불투명 팔레트 개체에 왜곡현상을 줄 수 있다.
개체의 불투명도(0~100)를 조절. 각도에 따른 글라디언트효과 지정. 26 April 2019

20 ImageStyler의 팔레트 색상 팔레트 전경색과 배경색, 개체의 색상을 지정. 색상모드를 바꿀수 있다.
26 April 2019

21 ImageStyler의 장점 photoshop에서 두세번의 과정을 거쳐야 할 것을 Adobe ImageStyler에서는 한번에.  메뉴들이 그림으로 되어있기 때문에 처음 접하는 사람도 쉽게 알수 있다. 완성된 이미지는 곧바로 Netscape, Explorer로 가지고 갈 수 있다. 바로 전에 했던 방법을 항목별로 취소(photoshop같은 경우 무엇을 막론하고 단 한번의 취소만 되지만 Adobe ImageStyler는 항목대로 각각을 취소) 26 April 2019

22 참고 문헌 및 사이트 1. http://webde.pe.kr/
2. 3. 4. 5. 6. 26 April 2019