메뉴 건너뛰기

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
1295 단순한 폰트 모양 바꾸기... [7] 정진경 2003.04.17 10208
1294 초보분들을 위한 사진 단순화시키기. [10] file hozz호찌 2003.04.17 12321
1293 누구나쉽게할수있는 패스파인더를 이용한 디테일일러스트레이션.. [11] file ColorS_HikkI 2003.04.17 16774
1292 밑에..디테일에서쓰였던..패스파인더 Divid 알아보기... [1] file ColorS_HikkI 2003.04.18 7833
1291 FF-IX 비비 리터칭으로 도트 찍기 [초중급] [13] file freeism 2003.04.18 9356
1290 [SWISH] 잔상효과. [4] file 아메 2003.04.18 7969
1289 [SWISH] 잔상효과. 2번째 file 아메 2003.04.18 5956
1288 자물쇠 만들기 [초급] [13] file freeism 2003.04.19 8581
1287 홈페이지에 쓰일 그림, 크기를 딱 맞추어 보자! - 메뉴 설명 [20] file 세죠위그이 2003.04.19 22103
1286 오로라 비스무리한 효과(?).. [7] file X-Type 2003.04.19 6941
1285 뭔가 더욱 귀찮아진 뽀샤시 방법 -0-;;; [10] file LILIS 2003.04.20 12193
1284 눈송이 박아둔듯한 유리 느낌의 글자체 만들기?! [3] happy sua! 2003.04.20 12379
1283 예쁜(?) 그라데이션 효과 [9] file rombardi 2003.04.20 20435
1282 로딩되는[!?] 배너 만들기 (☆★★) [10] file 쉼터-태호 2003.04.21 15718
1281 이미지 난장판으로 만들기. [4] file hozz호찌 2003.04.21 8400
1280 원하는 부분 세밀하게 따내기 [11] file rombardi 2003.04.21 13206
1279 우주느낌이 나도록만들기 [15] file 김례 2003.04.21 13074
1278 아드레날린을 이용해 동영상 캡쳐하기 [4] file 쉼터-태호 2003.04.24 4627
1277 쭘식 플래쉬 메뉴 만들기 (1) [10] file 쭘's 2003.04.24 27717
1276 쭘식 플래쉬 메뉴 만들기 (2) [15] file 쭘's 2003.04.24 37759