메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

이미지레디( + 포토샵 연계) 간편작업요령 요약노트
----------
디자인 문외한이지만 아쉬워 포토샵을 건드리다 이미지레디 강좌를 찾아보니 초보자용 종합강좌를 찾
기가 쉽지 않았습니다. 찾아본 강좌, 강좌에 달린 댓글 등에서 주옥같은 참고사항만 모읍니다.
출처가 표시되지 않은 것 중 제가 직접 터득하지는 못했지만 거의 창작에 가까울 정도로 보완 정리하
였기에 출처 표시가 어색할 것 같아 생략한 내용도 있습니다.
엔지오에 올릴 글인데, 고수들의 댓글 참고하여 보완해 나가면 훌륭한 핸드북이 만들어질 것을 기대하
는 욕심도 만만찮게 가지고 있음을 고백합니다.
이하 존칭 생략함을 양해 바랍니다.
----------
<이미지레디> 추천강좌 : 읽고 따라 해 보면서 금방 자신감을 가질 수 있는 강좌들 위주로 선택함.
1. Tween 기능을 이용한 애니메이션 만들기 (디미지프로의 공지사항강좌(몇 안됨)를 보고 이 강좌를
보면 자신감이 생깁니다.) http://www.dimagepro.co.kr/bbs/view.php?id=img_ready&no=22
2. 이미지 레디로 간단한 움직이는 아이콘 만들기
http://www.nzeo.com/bbs/zboard.php?id=p_design&no=2482
3. 애니메이션 팔레트에서의 각 기능 사용법 :
http://www.tiptech.net/lecture/photoshop/imgready/animation.htm
----------
<이미지레디/포토샵> 이미지레디 파일을 포토샵으로 옮겨 작업하기, 포토샵 파일을 이미지레디로 옮
겨 작업하기 - 둘 다 툴바 맨 아래쪽의 Jump to ... 아이콘을 클릭, 또는 단축키로 Ctrl + Shift + M
----------
<이미지레디> 애니메이션 팔레트가 보이지 않으면? [Window>Show Animation] 메뉴 선택
----------
<이미지레디> 두 프레임 사이에 수많은 중간프레임을 자동생성하는 트윈 기능 : 1. 애니메이션 팔레트
아래쪽 중간쯤 아이콘(물방을 굴러내리는 모양의 아이콘)을 클릭 2. Tween with 셀렉트 3. Frames to
Add 수치 증감 또는 직접 입력 4. 트윈 대화상자의 나머지 옵션 설명은
http://www.tiptech.net/lecture/photoshop/imgready/animation.htm에서 복사한다 - Layer : 잔상
효과가 적용되는 레이어를 선택한다. All Layers를 선택하면 모든 레이어에 적용이 되고 Select Layer
를 선택하면 선택된 레이어에만 잔상효과가 적용된다. Parameters : 잔상효과를 적용할 요소를 체크
한다. Position은 이미지의 움직임에 대한 잔상효과를 적용하고, Opacity는 레이어 Opacity의 변화에
대한 잔상효과를 적용하고, Effects는 레이어에 적용된 각종 Effects 효과에 대한 잔상효과를 적용한
다.)
----------
<이미지레디> 애니메이션용 이미지 파일 새로 만들기 : 포토샵에서 만든 후 툴바 맨 아래쪽의 Jump to
... 아이콘을 클릭, 또는 단축키로 Ctrl + Shift + M을 눌러 이미지레디에서 작업하는 것이 편하다.
----------
<포토샵> 다른 레이어에 같은 필터 적용하기 : 엔지오>댓글(헤븐)
http://www.nzeo.com/bbs/zboard.php?id=p_design&keyword=레디&no=2619 Ctrl + Alt + F (예
제 : 1. 이미지를 연다. 2. Ctrl + J를 눌러 레이어를 복사한다. 3. [Filter>Pixelate>Mosaic] 메뉴 선택
하고 셀 사이즈에 적당한 수치 입력 3. 다른 레이어 클릭 4. Ctrl + Alt + F 5. 이후 3. 4. 작업을 반복하면
된다) - 포토샵에 직전 사용한 필터의 종류를 기억하는 메모리 공간이 할당되어 있다고 생각하면 될
것이다.
----------
<이미지레디> 애니메이션 파일 저장 : [File>Save Optimized] 메뉴 또는 Ctrl _ Alt + S
----------
<이미지레디> 애니메이션 파일 형식 : 작업이 끝난 후 [File>Save Optimized] 메뉴 또는 Ctrl _ Alt + S
로 저장하면 자동으로 .gif 파일로 저장된다. .gif 파일이 아닌 다른 포멧으로 저장하면 애니메이션이 실
행되지 않는다고 한다.
----------
<이미지레디> 애니메이션 반복횟수 지정 : 1. 애니메이션 팔레트 아래 왼쪽 버튼(Forever) 클릭 2.
Once/Forever 중에서 선택하거나 Other 선택하여 반복횟수를 직접 입력
----------
<이미지레디> 프레임 전부선택 방법 : (애니메이션 팔레트에서) 1. 첫 프레임 클릭 2. (프레임수가 많
으면 아래 오른쪽의 네비게이션 바를 오른쪽 끝으로 밀어 두고 3. 마지막 프레임 Shift + 클릭
----------
<이미지레디> 한 프레임을 보여줄 시간 설정 : 1. 프레임 아래쪽의 0 sec(또는 그 오른쪽의 화살표) 클
릭 2. 메뉴화된 시간 선택 또는 Other ... 선택하여 직접 시간 입력
----------
<이미지레디> 모든 프레임에 같은 지연시간 설정 : (애니메이션 팔레트에서) 1. 첫 프레임 클릭 2. (프
레임수가 많으면 아래 오른쪽의 네비게이션 바를 오른쪽 끝으로 밀어 두고 3. 마지막 프레임 Shift + 클
릭 -> 1. 프레임 아래쪽의 0 sec(또는 그 오른쪽의 화살표) 클릭 2. 메뉴화된 시간 선택 또는 Other ...
선택하여 직접 시간 입력
----------
<이미지레디> 프레임 자동생성 방법 : 엔지오>댓글(모기)
http://www.nzeo.com/bbs/zboard.php?id=p_design&keyword=애니메이션&no=2576 타 포멧형
식 파일을 전부 gif파일로 만든뒤 한폴더에 다 잡아넣고 File->Import->Folder as Frames..으로 폴더
지정해주면그 폴더 전체가 불려와지면서 파일이름 순으로 프레임 다 잡혀집니다;  그러면 노가다가 전
혀 필요없죠^^;
----------
<포토샵> 레이어 간편복사 방법 : (1) 레이어 팔레트에서 레이어를 드래그하여 Create a new
layer(휴지통 바로 왼쪽 버튼)에 드롭한다. (복잡한 방법 : 1. 이미지를 연다. 2. (레이어 팔레트에
Layer1과 같은 레이어 이름이 보이지 않으면) [Image>Mode] 메뉴에서 RGB Color 체크(확인) 3.
Layer1과 같은 레이어 이름에서 Ctrl + 마우스오른클릭 4. 팝업메뉴에서 Duplicate Layer 선택) - 이
방법을 사용하면 copy, copy2 차례로 독립된 이름이 없는 레이어가 생긴다.
(2) Ctrl + J (복잡한 방법 : 위 (1)의 복잡한 방법 4. 같은 팝업메뉴에서 Layer via Copy 선택) - 이 방
법을 사용하면  Layer2와 같이 새 이름의 레이어가 만들어진다.
(3) 그런데 위 (1) (2)의 두 경우의 차이를 모르겠다.
----------
글 보아 주셔서 감사합니다.
----------
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
475 얼굴의 점/주름살을 제거하고/피부톤을 하사하게 보정/턱을 갸날프게 [6] file 어지니 2005.05.04 13401
474 플래시를 시작하기 위한 준비 [1] Fc 2005.05.06 7495
473 아이콘 용 말풍선 만들기. ( 1/2 ) [3] file 퓨처리즘 2005.05.08 12609
472 아이콘 용 말풍선 만들기. ( 2/2 ) [4] file 퓨처리즘 2005.05.08 14072
471 간단한 Innor Glow효과의 활용으로 깔끔한 네모박스 만들기 [5] file 박종규 2005.05.09 12029
470 플래시의 기초(이론) [5] Fc 2005.05.11 6114
469 [플래시 MX 동영상 강좌] 1. 기본 사용방법익히기 [18] 서기 2005.05.20 8887
468 플래시와 제로보드 연동 기초 (외부 TXT 파일 호출 하여 뿌려주기) [6] 홈때기~♪ 2005.05.20 7191
467 [플래시 MX 동영상 강좌] 2. 태극기 그리기 [18] 서기 2005.05.22 12345
466 [플래시 MX 동영상 강좌] 3. 심볼을 배워보자! [7] 서기 2005.05.22 5585
465 [플래시 MX 동영상 강좌] 4. 심볼을 이용한 에니메이션 - Motion Tweening [11] 서기 2005.05.23 5760
464 [플래시 MX 동영상 강좌] 5. 레이어를 이용한 에니메이션 [16] 서기 2005.05.24 13565
463 [플래시 MX 동영상 강좌] 5-1. 레이어를 이용한 에니메이션 보강 [8] 서기 2005.05.24 6579
462 [플래시 MX 동영상 강좌] 6. 텍스트 에니메이션 [13] 서기 2005.05.25 7781
461 [플래시 MX 동영상 강좌] 7. 트위닝 옵션 [10] 서기 2005.05.26 7483
460 [플래시 MX 동영상 강좌] 8. 사운드 연습(공튀기기) [5] 서기 2005.05.27 6175
459 도트 패턴 [2] file 김혜영 2005.05.28 10541
458 [플래시 MX 동영상 강좌] 9. Shape Tweening [6] 서기 2005.05.28 4339
457 플래시와 제로보드 연동(리스트에서 해당 내용을 플래시로 보여주자 1) [9] file 홈때기~♪ 2005.05.28 9183
456 [플래시 MX 동영상 강좌] 10. Shape Hint [6] 서기 2005.05.29 4060