메뉴 건너뛰기

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 나무질감무늬로 액자 만들기 file 여어자 2003.05.06 9572
1314 [케이] 링만들기 - 중복찾기 해봤으나 없었음; [16] Kei 2003.10.04 9571
1313 알람시계 만들기 [6] gimbob 2003.01.15 9571
1312 잔잔한 물결 만들기;; [6] Click 2002.08.01 9565
1311 [쓰레기 강좌] 메인 테마로 쓸만한 이미지 만들기(?) [7] file azurespace 2002.12.31 9563
1310 영화 '킬러들의 수다' 포스터 글자 따라잡기. [7] file 반화넬 2003.01.09 9557
1309 [플래시 MX 동영상 강좌] 12. 버튼심볼 [11] 서기 2005.05.31 9546
1308 [제로보드강좌]10강. 최근게시물 뽑아내기 [42] 네찌 2007.01.07 9538
1307 구름이 있는 하늘 그리기 [7] file 냐ㅣ 2002.08.26 9524
1306 사진의 색조를 변화시켜 봅시다 [2] file ★소프트™ 2002.04.10 9509
1305 쉽게 쉽게 가자구... 자주 사용하는 포토샾 단축키 [8] 꿈꾸는 붕어빵 2004.10.20 9508
1304 [문자디자인④]브러쉬를 이용한 문자디자인~! ^-^ [14] file Smileru 2005.11.04 9500
1303 쎄멘 효과내기^^;(허접강좌2) [7] file 이영민 2004.02.14 9497
1302 그림판으로 도트를 그려보자 ! [3] file yeon 2004.04.17 9487
1301 Halfton Pattern으로 줄그은 이미지 만들기(2) - 원본의 색조 변경 방지하기 [5] file 청명 2004.03.14 9483
1300 도트매니아 도트강좌#1[귀여운소녀찍기] [22] file 도트매니아 2002.11.01 9478
1299 Table 태그로 도트찍기 [20] 깻잎사랑=_=v 2003.04.07 9472
1298 [키르강좌] 물결모양만들기...^^ [6] 키르(SP) 2002.03.07 9463
1297 [키르강좌] 초간단 축전만들기 ② [2] 키르(SP) 2002.02.27 9461
1296 모든 동영상을 -> swf,flv로 변환 tool[1분강좌] [3] 에듀멘 2006.11.09 9451