메뉴 건너뛰기

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
308 #.....합성으로.....신비한 이미지만들기!!..:..:..:..신비한가....;;..:..:..:.. [17] file 엘프º 2003.01.13 14545
307 이쁜 모자이크 테두리 만들기 [19] file 유경선 2003.02.07 14555
306 [Photoshop+Gif Animation] 번쩍이는 글씨 만들기...^^; [16] Smileru™ 2002.08.16 14567
305 사물 확 튀게하는 효과!! [12] file Free-i^^/ 2004.01.28 14634
304 '메탈릭 와이어' 만들기 [20] 불럽 2002.02.22 14667
303 알수 없는 글씨 효과 강좌. ; [7] file 검은호수 2005.02.04 14676
302 축전에 쓰면 좋을 하트 움직이기 &세로선 움직이기 [4] file 이오르 2003.09.26 14692
301 포토샵예제-노끈효과만들기 [1] file IamAndy 2006.10.01 14747
300 배경그림을 이용하여 엠보스[입체]효과 주기.. [9] file *Hwan*ⓔ 2003.06.20 14764
299 빛나는 문자? 네온사인? Glow Text [4] file 카라 2002.02.22 14862
298 글자에 화려한 네온 입히기 [12] 유~후 2004.04.03 14885
297 합성용 멋진(?) 회오리 만들기 !!! [19] file 플럽 2003.05.11 14888
296 기타의 선을 따라 멋지게 이미지 합성해보기 [4] file 어지니 2005.02.28 14922
295 [문자디자인①]Smudge툴을 이용한 그냥.. 문자디자인...;; [9] file Smileru 2004.05.07 14922
294 이미지 점점 하얀색으로... 점점 멀어지나봐~~!! [10] file 손오빠 2003.07.02 14922
293 테두리 이쁘게 꾸미기! [10] file We'zle 2002.10.29 14931
292 [하이링고]투명큐빅박스 (일러+포토샵)-[2] [15] file 하이링고 2002.10.28 14937
291 TV 스캔라인 만들기 입니다. [2] file 카라 2002.02.21 14940
290 [나이트리의 포토샵강좌 02] - 초점 흐리기 [2] 나이트리 2003.05.14 14958
289 [초급예제] 회전중심이 어긋나지 않는 CD이미지 만들기 [24] file Heal.P.XERO 2002.09.05 14960