메뉴 건너뛰기

XE : Xpress Engine

웹디자인 강의

Photoshop "빛" 이 스쳐지나가는 배너만들기(지존 노가다;;)

2004.12.19 21:57

우연

                    


            


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


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


            그리고 툴박스에서 흰색을 선택한후 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 48029
1328 포토샵 7.0 - 22. 포토샵으로 홈페이지 메뉴만들기 [13] 서기 2005.11.11 23311
» "빛" 이 스쳐지나가는 배너만들기(지존 노가다;;) [17] 우연 2004.12.19 23306
1326 물 느낌의 텍스쳐 ( 배경같은.. ) 만들기 입니다. [17] file 카라 2002.02.21 23213
1325 심플한 버튼 만들기 [15] file Win'X' 2004.03.01 23148
1324 구띠 강좌입돠~.. 물방울 만들어 먹기.. 아... 쉽다~ [42] file 구띠 2002.05.06 23062
1323 [1003's love] 거품 만들기 [42] file 1003 2002.11.11 22829
1322 필터 Color Halftone을 이용한 물방울 테두리 효과 [12] file endless 2004.04.06 22761
1321 KTF의 have a good time 따라하기 [21] file Toy 2003.09.18 22641
1320 플라스틱 또는 젤 느낌의 텍스트 만들기 [16] file 카라 2002.02.21 22544
1319 azza7.net / #1 비내리는 효과 만들기 [18] file 아자:) 2003.07.21 22367
1318 엉망진창 아쿠아 만들기;;;;; [13] file 카루스 2004.02.15 22282
1317 바람개비 애니메이션이에요^^ [22] file endless 2004.06.15 22147
1316 움직이는 gif만들기(옛영화처럼보는것처럼) [7] 마이퍼피™ 2002.12.11 22128
1315 [4B연필강좌처음]-아주 깔쌈한 버튼 만들기 [37] 김성일 2003.08.24 22122
1314 홈페이지에 쓰일 그림, 크기를 딱 맞추어 보자! - 메뉴 설명 [20] file 세죠위그이 2003.04.19 22102
1313 사이트제작시 메인이미지로 쓰이는 이미지 만들어보기~ [17] file webdio *^-^* 2002.07.05 22068
1312 레벨4의 아쿠아(?)+스카이(?) 버튼이라고나 할까? [17] LOST-X 2003.04.13 22064
1311 그라디언트를 활용한 메뉴 만들기 [20] file webagit 2004.07.22 22003
1310 지저분하지만 멋진 테두리 하기 [21] file puki 2003.01.21 21840
1309 메뉴막대 만들기.. [21] file (-_ㅡ*) 2003.09.18 21784
태그 쓰기

Xpress Engine. Copyright NAVER Corp. All rights reserved.

사이트 이용 문의 개인정보보호취급방침 커뮤니티운영규칙 제로보드4