메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

자자 2편을 시작해볼까요?
네? 아직도 머리가 안빠졌다고요?
2편도 1편만큼 무섭고 어렵습니다.
자자 단단히 각오하세요~
자 시작하겠습니다.

자그럼 1편에서 만든 그림을 불러내고
이걸 쓸겁니다 세팅은 아래 그림처럼 해주세요!

 

대신 이번에는 하얀색 으로 설정해주세요 (전경색)
스타일 부분도 유심히 봐주세요~


        



새레이어를 만들어주시고~
Layer>Layer style>Gradient overlay  
해주세요~

아래 그림 처럼 나오나요?
 


        



자 이제 검은색 모양의 알약모양의 도형이 필요합니다
자 이렇게 하면 됩니다.

우선 레이어를 복사해야합니다.
그레이디언트 모양의 알약 레이어를 "새 레이어 만들기"로
끌고가면 복제되는걸 알수있습니다.
새로 복제된 레이어에 오른쪽 클릭해서 "Clear Layer Styles" 해준
다음에 "D 와 X"를 한번씩 눌러서 색을 리셋시켜줍시다.
그리고 컨트롤 + 백스페이스 (채워주기)

이제 이걸 좀더 작게 만들어봅시다.
컨트롤 + T 눌러서 변신시켜볼까요?


알트키를 누른 상태에서 원래 그레이디언트 레이어보다
조금 작게 만들어보세요 이건 여러번해야할수도있으니까
실패하면 컨트롤 + Z 눌러서 복구해봅시다.(실패하면)

만약 원하는 이미지가
 나왔다면 엔터를 눌러주세요

혹시 검은색 알약모양 그림이 조금
            지저분해보이면
컨트롤 + H 눌러주세요
(만약더 지저분해졌으면 그냥 다시해주세요)

위쪽 그림처럼 됏나요?

 


            

자 그 검딩이 부분은 플라스틱류로 됐어야하는데
빛나느 부분이 어디있냐 물어보시는분있는데
이제 작업할껍니다

Layer > Layer Style > Bevel and emboss해주세요.

위쪽 그림 처럼 세팅해주세요



Contour 도 넣어주세요.


        
            



Inner Glow 좀 넣어줍시다!


                    


        
            

위쪽 그림 처럼 나왔다면 좋겠습니다~


        
            

 


자 이제 진짜 LCD 스크린을 만들어볼까요?
다시,
            아까와 비슷한류의 테크닉을 사용할껍니다.
조금더 빛나는 유리/플라스틱
            모양의 LCD 스크린을 만들껍니다

새 레이어를 만듭시다, #86b7e7을 전경색으로해주세요
그리고 <- 이걸또 써먹어봅시다.

이제 LCD 스크린을 그려봅시다.
 

윗그림 처럼 설정을해주세요 자세히 잘보셔야합니다.
(이런 세팅이 젤 중요함) [스타일 부분 잘봐주세요 저부분도 자주 틀리는 부분]

자 그럼
이런 모양으로보세요~



에게 이게 무슨 LCD 스크린이냐! 그래서 레이어 스타일좀 할려고합니다 (에, 또!? 네! ) :)


 


            

Layer>Layer style>Drop Shadow
위쪽 그림 처럼 해주세요!  



Inner Glow 도 해주세요!


            




Bevel and Emboss 도 해주세요 ( 힘을내세요;_; ) 얼마 안남았답니다.


                  



마지막으로 Stroke 도 해주세요!


                    


                    

자 위쪽 그림 처럼 나왔나요!?
조금 플라스틱/유리
틱하지않습니까!?


                    

 


            


자, 이번내용은 옵션이에요, 하지만 조금더 진짜틱으로
만들기위해서 하이라이트 효과를 주는겁니다.

이렇게 하는겁니다
(꼭안해도 상관없어요)

약간 복잡할 수 있어요~  우선 파랑
            LCD 스크린을 "create new layer"아이콘으로 복사해서 복제품을 만듭시다.

그리고 새레이어를 오른쪽 버튼눌러서 "Clear layer style" 을
선택하시고 "X 와 D" 한번씩 눌러서
색을 리셋시켜줍시다.

컨트롤 + 백스페이스 눌러서 하얀색으로
fill 시켜봅시다.

그리고 이제 align=textTop> 를 이용해서 흰 모양을 클릭해서 컨트롤 + T
눌러봅시다!



위에 옵션 바를 윗스샷처럼 설정해주세요

(하이라이트 된 부분만!)


            



이런
 모양이 나왔나요?


                  

이제 fill opacity를 나춰보세요 (레이어 파렛트에있는거요) 0%으로요 아래 스샷와 같이



그럼
"D 와 X"를 눌러서 리셋 눌러봅시다

Layer>Layer style>Gradient overlay
            로 가셔서 아래 세팅을 해주세요




이제
오케이 버튼을 클릭하시고. 이제 좀 잘생긴 하이라이트가 나왔나요?, 하지만
완벽하진않네요.
그럼 마스크 레이어를 추가하기위해서 하이라이트
부분의 레이어에서
이버튼을 클릭하세요: <img src="http://www.nzeo.com/bbs/icon/member_image_box/188850/layermask.gif" width=20 align=textTop>

이제 펜툴을
선택합시다.: align=textTop> (제데로 찍었는지 잘봐주세요.)

옵션 바에 아래와 같이 세팅해주세요

            
그리고 아래 그림와 같이 모양을 내봅시다



이제 오른쪽 버튼을 눌러봅시다 [앵커 path 속에]
그리고 "Make Selection"을 클릭
그리고
세팅은 그냥 놔두고 Ok를 눌러주세요.


이제
"X 와 D"를 눌러서 컨트롤 + 백스페이스 눌러주세요
그리고 컨트롤 + D를 눌러주세요 (영역선택 취소) 



이런 그림이 나오지 않았나요? (혹시 위에 앵커 가지고 모양 잘못냇다면)
(Filter > Blur > Gaussian Blur를 자기가 원하는 만큼 주세요)

자 다음편은 버튼이에요!
 

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
1375 흑백 사진을 컬러 사진으로 바꾸자 [14] file 이오르 2003.09.26 12094
1374 입체감 있는 메뉴버튼 만들기 (완성된 버튼 다운로드 가능) [10] file 이오르 2003.09.26 38093
1373 [케이] 오디오 인터페이스입니다. [3편] [17] Kei 2003.09.24 16198
1372 이미지의 특정부분을 정교하게 선택해서 색바꾸기 [9] file 이오르 2003.09.24 15648
1371 하늘 그리기 ... [20] file 검천 2003.09.20 18164
1370 [SWISH]간단한 플래쉬 서브메뉴 만들기   ▨ 동영상 ▨ [6] file 서기 2003.09.19 12182
1369 KTF의 have a good time 따라하기 [21] file Toy 2003.09.18 22641
1368 메뉴막대 만들기.. [21] file (-_ㅡ*) 2003.09.18 21784
1367 무지개 색깔의 글자 만들기 (?) [7] file Tokki™ 2003.09.16 8921
1366 초보자를 위한 사진보정하기 2 [9] file 아싸 종진스 2003.09.16 13155
1365 해돋이효과?하다가.. 망쳐서.. 달로 바꾼효과?뭘까? [12] file Minus Hand 2003.09.15 8603
1364 "초보자"를 위한 이미지보정 1 - 고수분들은 따끔한 지적을 [9] file 아싸 종진스 2003.09.15 9724
1363 음 -ㅁ- 그... 글씨 빛나는 효과!?; [8] file SJH 2003.09.15 11799
1362 듀오톤사용하기 [8] file 김찬기 2003.09.14 9435
1361 [SWIFT 3D] 3D 회전하는 문자 만들기(로고나 배너등으로 응용해보아요~) [6] file ⓘ아이샤이 2003.09.14 7952
1360 밑의 854번 글, KTF 광고 표현하기 [UPGRADE] [7] file L.V.Verdinihi 2003.09.12 11044
1359 [ Normal ] 스모그현상 만들기 [ 다른방법 ] [11] file Nersion 2003.09.10 11068
» [케이] 오디오 인터페이스입니다. [2편] [18] Kei 2003.09.08 12867
1357 [케이] 오디오 인터페이스입니다. [1편] [23] Kei 2003.09.08 11404
1356 투명한-_- 글씨 만들기 [13] file 체리향기∮ 2003.09.07 16228