메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

start01.jpg

아차차!!! '싱글즈'처럼이 어떤것인지 모르신다면, 이 곳 http://(싱글즈 홈페이지가 성인사이트로 바뀌었네요. 그래서 삭제하였습니다. ^^; 지적해 주신 '여니'님 감사합니다. ^^ 04/05/28)
에 가셔서, 오른쪽 위 메뉴중 MULTIMEDIA 를 클릭하셔서, 오른쪽 아래 TV Spot 을 클릭해보세요~
'싱글즈'+ '의 TV광고를 보실수 있으실껍니다. ^^



① 우선 이런 그레디언트(gradient)를 만들어봅시다. ^^ 어렵지 않게 하실수 있으실껍니다.
    색깔은 16진수 값으로 D8D0C3을 사용하였습니다.
01.gif


② 텍스트를 넣어봅시다! 제 홈페이지에 쓸 내용으로 넣어봤습니다.

    ((TIP! - 텍스트(기타 다른..)레이어를 일반 그림레이어로 바꾸어 주는 'Rasterize Layer'를 이용,
      글자 하나하나를 이동시켜 글자의 맨 아래 선을 똑같이 맞추어 주시면 더 보기 좋아 집니다. ^^
      아참! Rasterize Layer는 레이어 창에서 원하는 레이어 선택후 오른쪽 버튼을 누르시면 보실수 있으실껍니다.))
02.gif


③ 자, 그럼 비치는 부분을 만들어 보겠습니다.

    1.비치는 부분을 만들기 위해 똑같은 레이어를 복사해 주신후,
03-1.gif

    2.Edit - Transform - Flip Vertical 을 이용하셔서 복사한 레이어를 뒤집은 다음!!
03-2.gif

    3.Filter - Gaussian Blur 효과를 주시고, 이어서 Filter - Motion Blur (90도요!) 효과를 준뒤,
      원래 글자와 선을 맞추시고, Opacity를 20%로 주어 마무리 합니다.

      ((TIP! - 실제 싱글즈광고에서는 글자와 비치는 부분 사이가 약간 떠있어, 저도 그렇게 했답니다. ^^
        그게 더 보기도 좋아요! 나중에 뒤쪽 그림자와 너무 딱! 붙어보일수가 있거든요... Blur효과는 원하시는 대로 적당히~))
03-3.gif


④ 이제 뒤쪽 그림자를 만들어 볼까요~

    1.그림자를 만들기 위해 똑같은 레이어를 복사해 주신후, Edit - Transform - Distort효과로,
      그림처럼 아주아주 납작하게 만들어줍니다. 오른쪽으로 기울어지면서요!!!
      (실제 싱글즈광고에서는 텍스트로 그림자를 만들기보단 브러쉬를 이용한것 같더군요. 쉬운방법으로~^^)
04-1.gif

    2.그리고나서 그림자처럼 보이기위해서 Filter - Gaussian Blur 효과를 역시 원하시는 대로 적당히 줍니다.
       그후 Opacity를 50%정도 주시면~~!!! 완성이랍니다!!!!!!!!
04-2.gif



@@ 약간만 꾸며보았습니다.;;;
finish01.jpg

아래 저 갈색부분은 SK Telecom의 '대한민국은 이미 새로워 지고 있습니다.' 광고를 따라해 봤습니다. ;;;;
역시 광고나, 포스터, 간판등은 텍스트디자인을 공부하는데 좋은것 같아요....^^


그리고 하고싶은 말이 하나 있는데요...


여러분께서 제 강좌를 완벽히 이해하시고, 또 완벽히 따라하실줄(안보고!^^) 아신다면,
여러분 홈페이지나 다른사이트에 '당연히' 이 효과의 강좌를 올리셔도 무방합니다.
이해하시고, 따라하실줄 까지 아신다면, 그건 여러분의 지식이니까요.
아 물론, 이미지나 텍스트까지 똑같이 해서 강좌를 올리는걸 말하는건 아닙니다.
그때 바로 '불펌'이라는 말을.... ^^


이상 스마일루 였구요. 고3여러분 힘내시고, 여러분 모두 행복하시길...
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
748 우물맨의 photoshop7**glass 효과만들기 [6] file 우물맨 2003.04.06 6986
747 점선만들기... [4] 블르 2003.04.06 9322
746 [하이링고]네온효과!! [36] file 하이링고 2003.04.08 14986
745 레벨을 이용한 스타버스트 [13] file hozz호찌 2003.04.08 12975
744 테이프로 붙여서 붕 떠있는 느낌 만들기 (너무 거창한듯;;;) [30] file treesung 2003.04.11 15820
743 우물맨의 여덟번째 *사탕같은 버튼 만들기 [11] file 우물맨 2003.04.11 17519
742 레벨4의 아쿠아(?)+스카이(?) 버튼이라고나 할까? [17] LOST-X 2003.04.13 22064
741 [수정]파스텔톤의 따뜻한 느낌의 배경. [10] file hozz호찌 2003.04.13 17573
740 필터강좌 - 텍스처 [7] 정현수 2003.04.13 5874
739 초보분들을 위한 문자열 그런지스타일로 만들기. [7] file hozz호찌 2003.04.14 10750
738 라이트닝 이펙트,채널로 버튼 만들기 [9] file 유이【juːi】 2003.04.15 10428
737 [■ Sadstory]보석그리기 [29] file sad_story 2003.04.16 8478
736 레이어스타일(Drop Shadow와 Inner Shadow)..기초강좌-_-::: [11] file 무어 2003.04.15 5389
735 예쁜 얼굴 더 예쁘게 [:+:뽀샤시 효과:+:] [10] file ♡OHLI4RANG♡ 2003.04.17 17698
734 단순한 폰트 모양 바꾸기... [7] 정진경 2003.04.17 10208
733 초보분들을 위한 사진 단순화시키기. [10] file hozz호찌 2003.04.17 12325
732 홈페이지에 쓰일 그림, 크기를 딱 맞추어 보자! - 메뉴 설명 [20] file 세죠위그이 2003.04.19 22103
731 오로라 비스무리한 효과(?).. [7] file X-Type 2003.04.19 6941
730 뭔가 더욱 귀찮아진 뽀샤시 방법 -0-;;; [10] file LILIS 2003.04.20 12193
729 눈송이 박아둔듯한 유리 느낌의 글자체 만들기?! [3] happy sua! 2003.04.20 12379