poem Gallection Movie

              Poem Collection Movie

                          (2013sus 3월 30일)

1.Photoshop CS5 실행

  1) 메뉴바 File-Open pa-1.jpg ~ pa3.jpg 선택

  2) 메뉴바 Edit-Define pattern클릭

     ※ 참고 pa-1.jpg, pa-2.jpg, pa-3,jpg 각각 Pattern으로 저장

2. 바탕 만들기

  1) 메뉴바 New

  2) Width ; 700pixels       Height : 500pixels

  3) 자판기 Shift + F5-Use-Pattern-pa-1.jpg 클릭

3. 테누리1 만들기

  1) 레이어창 – 레이어 추가

  2) 전경색 : #000000

  3) 툴바 Rectangle Marquee Tool 클릭

  4) 옵션바 Style – Fixed Size – Width ; 662   Height : 457 설정

  5) 작업창 왼쪽 위에 클릭

  6) 메뉴바 Edit – Streke : 3 Color: #000000  OK클릭

  7) Ctrl + D

  8) Ctrl + T

  9) 옵션바 Center x : 350    Y : 250  Double Click

  10) 레이어창 – 테두리1 입력

4. 테누리2 만들기

  1) 레이어창 – 레이어 추가

  2) 전경색 : #000000

  3) 툴바 Rectangle Marquee Tool 클릭

  4) 옵션바 Style – Fixed Size – Width ; 652   Height : 446 설정

  5) 작업창 왼쪽 위에 클릭

  6) 메뉴바 Edit – Streke : 3 Color: #000000  OK클릭

  7) Ctrl + D

  8) Ctrl + T

  9) 옵션바 Center x : 350    Y : 250 Double Click

  10) 레이어창 – 테두리2 입력

5. 테두리3 만들기

  1) 레이어창 – 레이어 추가

  2) 전경색 : #000000

  3) Rectangle marquee Tool 클릭

  4) 옵션바 Style – Fixed Size ; Width : 605  Height : 400설정

  5) 작업창 왼쪽 위에 클릭

  6) 메뉴바 Edit – Stroke ; 20 Color ; #000000

  7) Ctrl + D

  8) Ctrl + T  옵션바 Center  x ; 350 y : 250 설정   Double Click

  9) 레이어창 Add a layer Style 클릭(또는 레이어 우측 Double Click)

             Pattern Overlay – pa-2.jpg 선택

             왼편 바에 Stroke 클릭 – Size ; 2 Color : #000000

  10) 레이어 - 테두리3 입력

6. 클리핑 들기

  1) 레이어창 – 레이어 추가

  2) 전경색 : #000000

  3) Rectangle Marquee Tool 클릭

  4) 옵션바 Style : Fixed size ; Width : 560  Height : 355

  5) 작업창 왼쪽 위에 클릭

  6) Alt + Delete(색을 채움)

  7) Ctrl + D

  8) Ctrl + T     옵션바   Center x : 350 y : 250설정  Double Click

  9) 레이어창 – 레이어 – 이름 : 클리핑 입력

7.메뉴바 File-Open-로딩.gif 삽입

  1) 레이어창 – 레이어 3개 모두 선택

     (레이어 제일 아래 1번만 눈응 뜨고 나머지 눈은 감은채로)

  2) 메뉴바 Image- Image size – Constrain 체크  Width : 580설정  OK클릭

    ※ 참고 gif는 반드시 Constrain 체크 한 상태에서 Image Size를 조정

  3) 툴바 Move Tool로 이동

     ※ 레이어 3개가 선택된 상태에서 클릭 하여 레이어를 작업창 중앙에 Drag          하여서 옮겨 간다.

  4) 레이어창 – 3개의 레이어 중에서 제일 아래 레이어부터 각각 Ctrl+Alt+G       클릭(클리핑 실행)

  5) 레이어창 – 레이어 3개 모두 선택 – Ctrl + T – 크기와 위치 조정

     ※ 위치 조정 할 때는 Move Tool(이동틀) 클릭 하여 조정

     ※ 작업 편의상 레이어의 이름을 아래서부터 1, 2, 3으로 고친다.

  6) 레이어창–“클리핑”과 “레이어 1, 2, 3” 모두를 선택 – Ctrl + G(그룹으로       묶는다)-로딩

    ※ 참고 Size 조정, 이동, 레이어 Style 효과 줄 때 Ctrl + T 작업시등 gif         작업시는 항상 제일 아래 레이어만 눈을 뜨고 나머지는 눈 감긴 상태에서         레이어는 작업 한다

       다만 클리핑 실행시는 레이어를 아래것부터 하나씩 순차적으로 선택 하고         Ctrl+Alt+G 하되 제일 아래것만  눈을 띄우고 나머지의 눈은 감긴채 작         업 한다.

  7) 레이어창-레이어 로딩에 우클릭-Duplicate Group(그룹복사)-이름 : main

8.main 만들기

  1) 레이어창-main를 열고(▶-▼main 앞에 삼각형이 아래로)-기존 로딩의 레이       어 3개를 모두 선택(클리핑 제외) 우 클릭 – Delete Layer(레이어 삭제) -       yes

  2) 마우스를 클리핑에 놓고

  3) 메뉴바 Import Image-main.gif(또는 메뉴바 File-Open-main.gif)

  4) 레이어창-레이어 3개 모두 선택 하고

  5) 메뉴바 Image-Image Size-Constrain 체크 – Width ; 640

  6) 레이어창-레이어 3개 모두 선택 하고 Move Tool를 이용 하여 3개의 레이       어를 작업창에 Drag하여 클리핑의 중앙에 이동

  7) 레이어창-레이어 3개 모두 선택 하고 Ctrl+T 하고 크기와 위치 조정 하고        닫음

  8) 레이어창-제일 아래 레이어부터 각각 Ctrl+Alt+G(클리핑 실행)

  9) 레이어창-main 우클릭-Duplicate Group(그룹복사)5회-이름 ; a1 ~ a5

    ㉠ a1를 열고(▶-▼) - 기존 로딩의 레이어 3개를 모두 선택(클리핑 제외)         우 클릭 – Delete Layer(레이어 삭제) - yes

      ㉮ 마우스를 클리핑에 놓고

      ㉯ 메뉴바-File-Open-a1.gif 삽입

    ㉡ 레이어창-레이어 3개 모두 선택

                      a1.gif-Image Size-Constrain체크-Width : 590 설정

    ㉢ 레이어창-레이어 3개 모두 선택 Move Tool를 이용 하여 3개의 레이어를         작업창에 Drag하여 클리핑의 중앙에 이동

    ㉣ Ctrl+T 하고 작업창에서 크기와 위치 조정

    ㉤ 레이어창-제일 아래 레이어부터 각각 Ctrl+Alt+G(클리핑 실행)

  10) 위와 같은 방법으로 a2 ~ a5 까지의 아래 와 같은 Size를 조정 하여 작업        한다.

 

Image	Width
a1.gif	590
a2.gif	650
a3.gif	590
a4.gif	590
a5.gif	650

 

  11) a3 작업시 레이어가 4개가 되는데 맨 위의 4번 레이어는 삭제 하고 작업

       한다.              

9. 안쪽 테두리1 만들기

  1) 레이어창 – 레이어 추가

  2) Rectangle Marquee Tool 클릭

  3) 옵션바 Style : Fixed size : Width : 561  Height : 356 설정

  4) 작업창 이미지 왼쪽 위에 클릭한 다음

  5) 메뉴바 Edit-Stroke-3 OK 클릭

  6) Ctrl+D

  7) Ctrl+T

  8) 옵션바 x : 350  y ; 250 설정 √ Commit transform(Retun)일명 갈매기       해제

  9) 레이어창 – Add a layer style 클릭

               Pattern Overlay-pa-3.jpg클릭

               Stroke 클릭-Size : 1  Color : #000000  Ok클릭

  10) 이름 : 안쪽 테두리1

10. 안쪽 테두리2 만들기

  1) 레이어창 – 레이어 추가

  2) Rectangle Marquee Tool 클릭

  3) 옵션바 Style : Fixed size : Width : 551  Height : 348 설정

  4) 작업창 이미지 왼쪽 위에 클릭한 다음

  5) 메뉴바 Edit-Stroke-3 OK 클릭

  6) Ctrl+D

  7) Ctrl+T

  8) 옵션바 x : 350  y ; 250 설정 √ Commit transform(Retun)일명 갈매기       해제

  9) 레이어창 – Add a layer style 클릭

               Pattern Overlay-pa-3.jpg클릭

               Stroke 클릭-Size : 1  Color : #000000  Ok클릭

  10) 이름 : 안쪽 테두리2

    ※ 참고

      위 9항의 9과 10항의 9의 효과가 같다

      9항의 레이어 스타일 효과와 뒤 10항의 레이어 스타일 효과가 같을 때는        작업을 간편히 하기 위하여 먼저것(9항)의 효과를 복사하여 뒷것(10항)에        붙여넣기 하는 방법을 쓸수 있다.

    (방법 1) 안쪽 테두리1의 레이어 우클릭 Copy Layer Style 클릭    

             안쪽 테두리2의 레이어 우클릭 Paste Layer Style 한다.

    (방법 2) 위 방법의 작업을 더욱 간편히 하기 위하여 단축키를 쑬 수 있다.

             Alt키 누르고 먼저 (안쪽테두리1) 레이어 우측 fx를 마우스로 끌어               서 뒤(안쪽 테두리2) 레이어 우측에 놓으면 효과가 안쪽테두리2에               복사 된다.

11. 메뉴바 File-Open-코너.gif 삽입

  1) 메뉴바 Image-Image size-Constrain 체크 Height : 100 설정

  2) Move Tool로 왼쪽 위에 이동

  3) Alt키 누르고 오른쪽 위에 Drag 하여 복사

     Ctrl+T 하고 우 클릭-Filp Horizontal(√ Commit transform(Retun)일명 갈       매기 해제

  4) 코너 2개를 레이어에서 선택 하고 Alt키 누르고 작업창의 코너 1개를 선택       하고 아래에 Drag(결과 각각의 모서리(4 곳)에 코너,gif 가 하나씩 있다)

  5) 레이어창에서 제일위 레이어 2개를 선택 하고 Ctrl+T 하고 우 클릭 Filp        Vertical(√ Commit transform(Retun)일명 갈매기 해제

     sp 모서리 코너 네 개의 위치를 조정

  6) 레이어창 – 레이어 4개를 선택 Ctrl+G하여 그룹으로 묶는다-이름 : 코너

12.버튼 만들기(버튼용 Pattern 저장)

  1) 툴바 Rectangle Marquee Tool 클릭

  2) 옵션바 Style : normal

  3) 작업창 아래 테두리 두줄이 중간에 맞도록 Drag 하여 사각을 그린다.

  4) 메뉴바 Edit-Define Pattern-4.jpg OK 클릭

13) 버튼 만들기

  1) 메뉴바 New(Ctrl+N) Width : 100pixels   Height : 100pixels

  2) 레이어창 – 레이어 추가

  3) 툴바 Rectangle Marquee Tool 클릭

  4) 옵션바 Style - Fixed size : Width : 50   Height : 50 설정

  5) 작업창 바탕에 클릭

  6) Alt+Delete(전경색을 채움)

  7) Ctrl+T

  8) 옵션바 △(각도 도구)→ Rotation : 45° 설정(√ Commit transform(Retun)       일명 갈매기 해제

  9) 레이어창-Add a Layer Style 클릭(레이어 오른쪽에 Double Click)

             Pattern Overlay→Pattern : pa-4.jpg

    ※ 이 상태에서 두줄의 테두리가 다이아몬드 모양의 중앙에 위치 하도록 마         우스로 상하 조절 한다.

              Bebel and Emboss 체크  OK 클릭   Ctrl+D

14. 저장하기

  1) 레이어창 Backgroun 눈을 감김(버튼 주위가 투명이 됨)

  2) 툴바 Group Tool로 버튼을 근접 선택 하여 자름

       (√ Commit transform(Retun) 일명 갈매기 해제

  3) File→Save as→ 버튼.psd 저장

      File→Save as→ 버튼.png 저장→ 닫음

15. Animation

  1) 메뉴바 Window→Animation 클릭

  2) 레이어창 main, a1 ~ a5의 눈을 전부 감기고 로딩만 눈을 띄움

  3) Animation창 1Frame 클릭

  4) 로딩을 열고 1만 눈을 띄움

  5) Animation창 Duplicates(복사버튼) 클릭

  6) 로딩의 2만 눈을 띄움

  7) Animation창 Duplicates(복사버튼) 클릭

  8) 로딩의 3만 눈을 띄움

  9) Animation창 1 ~ 3Frame 3개 모두 선택하고

     속도 우마우스 other 열고 0.13 설정 OK클릭

     1Frame만 선택하고 ▶(Play 버튼)클릭 하여 미리보기

    ※ 화면의 움직이는 상태를 보고 미리보기 종료(■누름)

    ※ 이 gif의 속도는 0.13으로 할 것

16. 저장하기

  1) Animation 1Frame만 선택하고

     File→Save as Web & Devices→Save→로딩.gif 저장

  2) 같은 방법으로 main, a1 ~ a5도 각각 Animtion 작업을 하고 각각 gif로 저       장 한다.

  3) 레이어의 눈을 모두 띄우고

     File→Save as→0330.psd(덮어쓰기 저장)