메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

우.. ㅠㅠ 열씸히 작성한거 날라가서..
그냥 빨리 쓸께요.. 잇힝~
그냥 포샵가지고 놀다가 발견한것이라 허점이 많이 보일듯해요.
이상한점 알려주세요.
아차.. 운영자님꼐서 그림창고 용량 올려주시면.
경로수정 할테니 지우지는 말아주세요 ㅜㅜ

1.jpg
1. 우선 그림이될 파일을 불러 옵니다.


2.jpg
2.image -> Canvas Size를 선택한후 가로세로의 크기를 대략 20픽셀씩 늘려줍니다.


3.jpg

3. 그럼 주위에 여백으루 테두리가 생긴것을 알수 있습니다.


4.jpg
4. 레이어1 밑에 새 레이어를 추가해 줍니다.


5.jpg
5. 이미지와 느낌이 비슷한 색상을 페이트통으로 부어줍니다.


6.jpg
6. 레이어1 을 Ctrl을 누룬상태에서 클릭을 해주면 점선으로 선택이 되는데
    그 상태에서 레이어2를 선택해 준후 Delete키를 눌러주면
    선택된 부분이 삭제가 되면서 가운데가 뻥 뚤리게 됩니다.


7.jpg

7. 다시 Image -> Canvas Size 에 들어가 신후.
    가로세로의 크기를 20픽셀씩 늘려줍니다.


8.jpg
8. 그럼 또다시 주위에 테두리로 여백이 생기게 되죠?


9.jpg
9. 이때 새레이어를 레이어2 밑쪽에 추가해 준후.
   배경이될 색상을 부어줍니다. 저는 흰색으로 하겠습니다.

이게 레이어에 그림자 효과를 주어볼 건데요..
Layer -> Layer Style -> Drop Shadow를 선택해 줍니다.


10.jpg
10. 그럼 다음과 같은 창이 뜨는데요.
     Inner Shadow를 선택해 준후.. 위의 그림과 같이 설정해 줍니다.
     하하;; ^^;; 편안설명을 해드렸어야 하는데.. 죄송합니다 ㅜㅜ..

     설정은 자신의 기호에 맞게 설정하실수 있습니다.


1.jpg
11. Inner Grow도 선택하신후 다음과 같이 설정해 줍니다.

      흠.. 이부분은 그림자의 색상을 바꿔주는 부분같네요..
      솔직히 이부분은 선택 안하시는편이 더 이뻐 보일듯 합니다. ^ㅡ^;;
      선택안해 주셔도 지장없습니다.

자 이제 오케이를 누루고 저장만 하면!!

완성품!!! 하하.. 허접하네요 ㅋ
어떤가요? 매직아이처럼 튀어나와 보이나요?? ^^

4.jpg

응용작 !! 하하.. 이것 역시..

5.jpg

응용작 2!!

index.jpg



또다른 꽁수 강좌~~ 아까 그림자를 설정해 주실때 부분에서
Bevel and Emboss를 선택해 주시면.. 간단해게 액자가 만들어 지더군요..

2.jpg

적용한 모습 ↓↓
3.jpg



휴.. 제대로 배우지 못한 제가..
가지고 놀다 발견한것을 강좌로 쓰려고 하니..
많이 힘드네요 ㅋ.. 여러분들 대단하세요 ^ㅡ^)b
더 배울점이 많은태니.. 이상한점 많이 지적해 주시고.
질문은 립흘로 해주세요 ^^;;
좋은하루 되세요~











번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
1315 첫 강좌입니다..!!! [8] file 신재권 2003.04.08 5739
1314 [하이링고]네온효과!! [36] file 하이링고 2003.04.08 14986
1313 레벨을 이용한 스타버스트 [13] file hozz호찌 2003.04.08 12975
1312 SWISH - 버튼만들기 8) 장면(Scene)이동하기 [3] file 아메 2003.04.09 7957
1311 일러스트로 개구리 그리기. [13] file 힙합퍼 2003.04.10 14251
1310 배너에 많이 사용되는 이동툴 도트찍기 [4] file 쉼터-태호 2003.04.11 8510
1309 팝콘과 팝콘컵 도트찍기 [9] 네로 2003.04.11 8188
1308 테이프로 붙여서 붕 떠있는 느낌 만들기 (너무 거창한듯;;;) [30] file treesung 2003.04.11 15820
1307 우물맨의 여덟번째 *사탕같은 버튼 만들기 [11] file 우물맨 2003.04.11 17519
1306 나름대로 도트 찍어보기.. [9] file Ricky 2003.04.11 7526
1305 [poser4.0]여성 캐릭터 헤어 만들기 입니다. [8] 김형인 2003.04.12 5893
1304 레벨4의 아쿠아(?)+스카이(?) 버튼이라고나 할까? [17] LOST-X 2003.04.13 22064
1303 [수정]파스텔톤의 따뜻한 느낌의 배경. [10] file hozz호찌 2003.04.13 17573
1302 필터강좌 - 텍스처 [7] 정현수 2003.04.13 5874
1301 초보분들을 위한 문자열 그런지스타일로 만들기. [7] file hozz호찌 2003.04.14 10749
1300 라이트닝 이펙트,채널로 버튼 만들기 [9] file 유이【juːi】 2003.04.15 10428
1299 [■ Sadstory]보석그리기 [29] file sad_story 2003.04.16 8478
1298 레이어스타일(Drop Shadow와 Inner Shadow)..기초강좌-_-::: [11] file 무어 2003.04.15 5388
1297 3번째 강좌 - - - - PORSCHE Carrera GT [21] file Blue™ 2003.04.16 6302
1296 예쁜 얼굴 더 예쁘게 [:+:뽀샤시 효과:+:] [10] file ♡OHLI4RANG♡ 2003.04.17 17698