메뉴 건너뛰기

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 48028
1815 기본 벽체 세우기 연습 file rene 2004.12.28 5357
1814 둥근 모서리 기초도형 그리기 file rene 2004.12.28 5087
1813 애플모션 강좌 13강 칼레이도스코프 덴디 2004.12.27 5453
1812 Flash->Motion Design용 Loop Source 만들기 2 덴디 2004.12.26 6064
1811 Flash->Motion Design용 Loop Source 만들기 덴디 2004.12.25 3612
1810 Motiondive Tokyo 동영상 강좌 오버뷰 [1] 덴디 2004.12.24 2990
1809 플래시 MX 2005 임박.... 그리고.. [8] Fc 2004.12.23 8638
» "빛" 이 스쳐지나가는 배너만들기(지존 노가다;;) [17] 우연 2004.12.19 23306
1807 [레이아웃] 레이아웃의 수정법과 문서수정 [11] 구루미 2004.12.10 7877
1806 컬러 와/배색/보색/대비색 등의 웹에필요한색채조율 [23] piasol 2004.12.10 14001
1805 와인잔만들기 [7] file zizibecap 2004.12.08 17299
1804 크리스마스..루돌프 그리기 [4] file zizibecap 2004.12.07 10795
1803 방울 토마토 그리기.. [3] file zizibecap 2004.12.07 11130
1802 Smudge툴의 응용..;;; [8] file Smileru 2004.11.26 11626
1801 ★。레이어 스타일을 이용해서 이미지닉을 만들어보자! [1] file メカダッ 2004.11.20 9650
1800 이미지 닉 간단하게 만들어보자!!! [14] file 태민닷컴 2004.11.10 17595
1799 애플 모션 허접강의 [1] 덴디 2004.11.08 4685
1798 [초보대상]과일(레몬)그리기-일단 찍어보자~~ [7] file 이경숙 2004.10.27 10268
1797 쉽게 쉽게 가자구... 자주 사용하는 포토샾 단축키 [8] 꿈꾸는 붕어빵 2004.10.20 9508
1796 평범한 하늘을 번개치는 하늘로~~ [19] 이모씨 2004.10.18 12478