메뉴 건너뛰기

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
615 [초급예제] 파인드에지효과. [5] file J.H 2002.02.26 5994
614 if만 알아도 만들건 만든다.. [1] file 김영진 2005.06.23 5992
613 토마토 먹음직하게 그리기.. [8] 인묘정 2002.07.15 5983
612 (Cool3D)움직이는 텍스트애니만들기^-^ [20] file 미스디쟌 2002.06.27 5981
611 [허접강좌]뭐...뭐냐 이게? [6] file 블라인드 2002.12.29 5980
610 [힐링포션의 그림판강의] 명암있는 구체 쉽게 그리기 [18] file Heal.P.XERO 2003.02.12 5968
609 박스를 그려봐요^^* [5] ★소프트™ 2002.04.29 5968
608 [제로보드강좌]6-3강. 여러가지 스킨 적용해보기[북마크 스킨] [24] 네찌 2006.12.26 5965
607 간단한 복제하기. [1] 김동현 2005.12.12 5957
606 [SWISH]마음을 전하는 카드 만들기 [5] file 여어자 2003.05.18 5956
605 [SWISH] 잔상효과. 2번째 file 아메 2003.04.18 5956
604 뷰렛에이스 [플래시 평가문항,설문지 제작강좌] - 2강 file 에듀멘 2006.07.29 5952
603 [재업] 축전 만들기 [6] file 〃앵이〃 2003.02.23 5947
602 소스 보며 포토샵 배우기 #1 [7] file .KLE 2003.01.31 5947
601 3D도형 만들기 [18] file 다래호군~ 2002.08.22 5943
600 눈 내리는 이미지 만들기 10 [1] 문학의향기 2006.07.28 5941
599 파원포인트강좌,스위시맥스강좌 file 에듀멘 2007.02.27 5933
598 1 워밍업 (포토샵 구하기, 파일열고 저장하기 같은 단순한 것들) file 박진 2004.07.21 5933
597 레고 모양 타일 만들기...-상화의 첫번째 허접강좌 [17] file 상화 2003.01.27 5931
596 [Toy] Qoo 그리쟈!! >㉦< [15] 토이 2002.07.01 5923