웹디자인 강의
Photoshop [케이] 오디오 인터페이스입니다. [2편]
2003.09.08 07:54
자자 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를 자기가 원하는 만큼 주세요)
자 다음편은 버튼이에요!
댓글 18
-
박현진
2003.09.14 06:57
-ㅁ- 아 머리 뽀개지는줄 알았네 -
타락천사˚
2003.09.11 23:47
오옥~ 진짜멋있다~ 꼭 써먹을께요..ㅎㅎ -
Samdori™
2003.09.10 18:51
엔지오가 테이블이 안먹히는 게 아니라 제로보드 자체가 테이블이 안 먹힙니다..'ㅅ' -
Kei
2003.09.10 19:22
pillisia // 감사합니다;
아햏햏 // 표없이 준비할려니까 도저히 제머리론 힘드네요 나름대로 이방법 저방법쓰는중;
D3 // 예..;ㅁ; -
아햏햏
2003.09.10 16:13
3편 빨리나왔음 좋겠음 ..ㅎㅎㅎ -
ⓟillisia
2003.09.10 12:04
ㅡㅅㅡb 추천 누르고 갑니다. -
Kei
2003.09.10 10:04
...고수는 아니지만 상태출력바도 뭔지 몰라서 무효;ㅅ; -
Kei
2003.09.08 08:17
에에ㅠㅠ;.. 무지 열심히 준비했는데 NZEO에 표 태그가 안먹혀서!!
미쳐;ㅁ; 혹시혹시; 하다가 도저히 못알아보시는분들;
Http://laboratory.lil.to에 오셔서 p-shop 쪽에 보세요;
아우 속상해;ㅁ; 이걸 얼마나 준비해서 보여줄날만을
기달리며 햇건만;ㅅ;.... -
이진석
2003.09.08 10:34
1편 보고, 넘 좋아서, 2편도 읽어봤는 데~! 짱~~~~~~~이네요~!!!
좋은 강좌 앞으로도, 계속 부탁드립니다~!!!!
메일링 서비스 하시면, 함 신청해볼텐데~!!!! ^_____________^ **
팬이고 싶어요~!! 움하~!! ^^ ( 전 남잔데~! ㅋㅋ ^^; ) -
Kei
2003.09.08 10:38
헉! 팬..쑥스럽..//ㅅ//;; -
Kei
2003.09.08 10:47
아 뒤늦은 뒷북이긴한데;
Wings 께 특별 땡큐~
이미지박스 용량주신거말씁입니다!
고맙습니다! -
JS블루
2003.09.08 19:04
이걸로.. 윈앰프 방송 상태출력바 만들면 짱일듯 乃 -0-;;
(두리번~ 두리번~) 고수님들 안 계시낭?? ㅡㅡ;;; -
pinemin
2003.09.17 15:59
^_^ 네~ 봤는데요 사이트에 좋은 내용이 많아서 URL을 적은것뿐이예여~~ -
Kei
2003.09.16 19:46
pinemin님 일편읽어보시지요-ㅂ-; -
pinemin
2003.09.16 15:49
-
초싸이언빤스
2003.09.15 13:08
흐음.. 액정까지 열심히 따라했는데..(잘 했는지는 모르겠음.. 저장중...)
이거 다음 언제 올라와요? -_-;;;;
다음 것도 기대됩니다... -
(-_ㅡ*)
2003.09.21 00:54
오..정말 멋진데요!! 유용한 사이트에요!!
정말 많은걸 배웠다는..ㅠ.ㅠ
thanks~pinemin~ -
이관준
2003.09.22 22:03
구뜨 강의 입니다.
처음으로 추천도 눌러봤구...공부도 많이 되었네요...
강의도 알아보기쉬워 좋구요..
3편강의 빨리 올려주었으면 합니다. 여기까진 똑같이 만들어 졌네요...^_^;
버튼 만들고 싶어여....빨리 오려주세요...