메뉴 건너뛰기

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
1935 트윈효과 멋지게 주자 ! [15] 혁명ⓥ 2002.09.08 16596
1934 [MN] 이미지, 스케치화 시키기 [7] mewnew 2002.09.08 6656
1933 작은 얼굴 만들어보기..^^; [3] file guni 2002.09.09 5177
1932 [MN] 이미지 X-ray효과내기 [7] mewnew 2002.09.10 236
1931 예쁜 문자 만들기^---------^* [14] file 솜냐★ 2002.09.10 11349
1930 하이링고님의 말씀에 대한 공식적인 사과문 [4] 김광욱 2002.09.11 14621
1929 포토샾에서 도트이미지작업을 편하게... [3] file 김미현 2002.09.11 13329
1928 boy 만들기 [11] file 레드 2002.09.11 7305
1927 문자디자인 [5] file 홍윤식 2002.09.12 12446
1926 -_- 허접 도트 강좌입니다. -로션- [7] w:)style 2002.09.12 3881
1925 [초급예제] 이미지에 두줄 이상의 빛나는 선 만들기 [5] file Heal.P.XERO 2002.09.13 7027
1924 문자디자인 - 2 [7] file 홍윤식 2002.09.13 6784
1923 단일색의 연상. [8] Neople 2002.09.13 3534
1922 -_- 허접 도트 강좌입니다. -나무- [2] w:)style 2002.09.13 4220
1921 [도트강좌]아스가르드/안디어스몽블링편^^~ [10] file 미스디쟌 2002.09.13 7872
1920 문자디자인 - 3 [1] file 홍윤식 2002.09.13 7388
1919 형용사적인 색의 연상. [9] Neople 2002.09.14 3783
1918 인트로 화면 만들기 [22] w:)style 2002.09.14 8705
1917 [MN] 빛을 이용한 인덱스화면 만들기 [6] mewnew 2002.09.15 8857
1916 초보자도 할수있다!!! 문자디자인 [15] file ∑『㈜SH™』 2002.09.15 13935