메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

                    


            


            우선 적용할 이미지하나를 불러옵니다.
            


            배경레이어 하나를 추가합니다.
            


            그리고 툴박스에서 흰색을 선택한후 Rounded rectangle tool을 선택합니다.
            


            그리고 CTRL + +로 화면을 확대시킵니다.
            그리고 배너 가로크기의 3/1정도의 크기로 사각기둥을 만듭니다.
            그리고 Opacity로 투명도를 80%로 설정합니다.
            


            그리고 Ctrl + -로 화면을 원래크기로 만듭니다.
            Edit → Free transform을 선택한후 오른쪽으로 살짝 기울입니다.
            


            그리고 사각기둥을 아래,위 모두 쫙~~~악 늘립니다.(아주길게)
            그리고 툴박스 왼쪽 젤~위의 사각점선을 클릭하면..
            Apply the transformation? 이뜨거든요..
            그냥 Apply 을 선택합니다.
            

 


            다음 Filter → Blur → Motion Blur을 선택하시고..
            Angle = 0 , Distance = 7 로 설정하고 OK합니다.
            이것을 두번더 반복!
            테두리가 뿌옇게 흐려졌으면 ㅇㅋ!
            

 


            Ctrl + + 로 확대시킨후..
            선택툴로 기둥을 선택한후 왼쪽끝으로 보일랑 말랑할정도에 놓아줍니다.
            그리고 File → Save for Web 선택
            폴더를 만들어서 1.gif 라는 이름으로 저장합니다.
            

 


           자 돌아온후 이제 노가다를 합시다.
           키보드방향키 오른쪽으로 5번 아래도 5번눌러줍니다.
           그리고 File → Save for Web 선택
            2.gif 라는 이름으로 저장합니다.
            

 


            자 돌아온후 또!!!
           키보드방향키 오른쪽으로 5번 아래도 5번눌러줍니다.
            그리고 File → Save for Web 선택
           3.gif 라는 이름으로 저장합니다.
            

 


            이렇게 계속합니다.
            기둥이 오른쪽 끝까지가서 안보일때까지..ㅠㅠ
             (21번째 정도면 "딱" 적당합니다.)
           휴~다하셨으면 포토샵을 끕니다.
            

 


            나모 gif애니메이터를 실행합니다.
            (나모설치프로그램으로 설치하시면 됩니다.)
            새애니메이션을 선택한후(Ctrl + N)
            오른쪽버튼을 클릭하면 프레임 삽입하기가 뜨거든요..
            거기서 추가를 선택하고 아까저장했던 이미지들을 모두 선택한후 확인!
            속성에서 애니메이션를 클릭한후 반복하기 , 계속반복하기 두개모두 체크합니다.
            그리고 프레임란으로 넘어가서 마지막 이미지만 남겨두고
            모든이미지의 지연시간을 5로 설정합니다.
            마지막이미지의 지연시간은 200으로~
            자~끝났습니다.저장하세요.



            ※이미지레디를 이용해서도 할수있지만 전 노가다로 해봤어요.^^

            
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
115 [제로보드강좌]3강. 제로보드 설치하기 [22] 네찌 2006.12.20 7783
114 [제로보드강좌]4강. 제로보드 그룹설정 및 살펴보기 [14] 네찌 2006.12.20 7616
113 [제로보드강좌]5강. 제로보드 게시판 설정과 스킨사용법 [21] 네찌 2006.12.21 7494
112 [제로보드강좌]5-1강. 제로보드 게시판 옵션 세팅 방법 [19] 네찌 2006.12.21 7035
111 [플래시동영상강의] 액션스크립트를 이용한 눈내리는 무비제작하기 [6] 서기 2006.12.21 9726
110 [제로보드강좌]6-1강. 여러가지 스킨 적용해보기[방명록스킨] [31] 네찌 2006.12.22 6202
109 [제로보드강좌]6-2강. 여러가지 스킨 적용해보기[갤러리 스킨] [29] 네찌 2006.12.23 8769
108 [제로보드강좌]6-3강. 여러가지 스킨 적용해보기[북마크 스킨] [24] 네찌 2006.12.26 5965
107 [제로보드강좌]7강. 알FTP 알아보기(웹호스팅/서버호스팅 계정인경우) [27] 네찌 2006.12.26 6455
106 이미지편집,에니메이션자료 [4] 윤선미 2006.12.29 6020
105 [제로보드강좌]8강. 원프레임 사이트 만들기 (기본편) [53] 네찌 2006.12.30 11886
104 스위시로 연하장 만들기 4 (동영상) ragee 2006.12.31 6090
103 레이아웃 을 html로 [14] file 씨리우스 2007.01.02 9669
102 smooth한 움직임을 표현해보자 [2] 최대호 2007.01.03 8213
101 [제로보드강좌]9강. 회원관리/외부로그인 [45] 네찌 2007.01.04 10455
100 [제로보드강좌]10강. 최근게시물 뽑아내기 [42] 네찌 2007.01.07 9538
99 [제로보드강좌]11강. 최근게시물[설문조사] 뽑아내기 [32] 네찌 2007.01.12 6743
98 동영상강좌및교육 에듀멘 2007.01.14 6985
97 포토샾 제가 아는 단축키 TIP [1] 김민철 2007.01.14 7413
96 [제로보드강좌]12강. 최근게시물[이미지] 뽑아내기 [51] 네찌 2007.01.19 10290