웹디자인 강의
Photoshop [케이]LCD 인터페이스?
2003.10.08 13:27
우선 원하는 크기의 새그림을 열어봅시다.
전 200x75로
했습니다.
#212121를 전경색으로 마춰주시고 배경화면을 채워주세요.
그럼
다시 전경색을 #7FC4C7으로 바꿔주시고 
Rounded
Rectangel Tool를 이용해서 원하는 크기
를 그려줍시다.
아래 그림 처럼
나왔나요?
이렇게
나왔다면 대략 오케이 그럼 다음으로
이제 Filter->Noise->Add Noise...를 해주세요 아래
수치로.
됐나요?
그럼
Layer -> Layer Style -> Inner Shadow 그리고 아래 세팅을 해주세요.
그리고
Bevel and Emboss를 해주세요.
그렇게
설정해주신후 나온게 아래랑 비슷한가요?
그럼 다음단계로 패스~
Time to add some text.
그럼 이제 전경색을 검은색으로하고 LcdD 36pt 정도로 숫자를
집어넣습니다.
8:88 이라고 적읍시다. 그리고 블렝딩을 Soft Light 로 opacity
to 50% 라고 만들어줍시다.
아래 스샷 참고.
그럼
아래 그림 처럼 나왔나요?
그럼
그위에 숫자를 넣어보도록 합시다.
그럼 우선 Text, 텍스트 가 있는 레이어를 복사해보겠습니다.
이런식으로
드래그 해서 복사됐다면
다시
이런 설정으로 바꿔주세요
블렌딩 : Normal
Opacity : 100%
그리고
지우개 툴로 자기가 원하는 숫자를 싹싹 지워서 만들어주세요
예를 들어 3을 만들려면
8에서 어느부분에서 지워야 3이 나오겟죠?
아래 그림을 봐주세요
처음3은
잘지웟는데 두 번째는 남겨놨습니다 보시라고!
그럼 적당히 자기가 원하는
숫자가 완료됐으면 다음 단계로 갑시다.
여기서 두가지 choise 가 있습니다.
그러니까
두가지 선택권이있어요.
우선 하나는 거의 반투명한 글씨 레이어에 Drop Shadow를
해줄까
아니면 완전 검은색에 Drop Shadow를 해줄까 고민되실텐데 해보세요
둘중에
이쁜걸로하세요 전 배경에 반투명한 글씨에 했답니다.
자그럼
다음 순서~
자 그럼 이제 유리틱한 LCD 겉모습을 만들어봅시다.
우리가
처음 만든 레이어 기억나십니까? Shape 1 이라고 돼있을겁니다. 그럼 
><- 여기로
드래그 해서 복사를 해봅시다. 그리고선.
Layer > Layer Style > Clear Layer Style를 해주시고
Layer > Layer Style > Blending Options 해주고 Fill Opacity를 찾아서 0%로 만들어주고
Inner
Shadow로 가주는데 그냥 설정만해주고(체크만해주시고) Bevel and Emboss로 넘어갑시다.
이런
설정해주시고.
Contour 도 설정해줍시다.
Color
Overlay도 설정해주세요.
자
그럼 끝! Color Overlay에서 색바꿔주시면 원하시는 색나옵니다.
짜잔!
이건 좀 색다른 버젼입니다.
그리고 응용작!
댓글 36
-
Kei
2003.10.08 13:37
-
백승훈
2003.10.08 14:03
우오오오!
대, 대단합니다! -
Kei
2003.10.08 14:06
아 감사합니다..;ㅁ;b;
(강좌 만드는중;;@멍;) -
윤혜인
2003.10.08 14:39
추천누르고 갑니다..
로긴하게 만든당신..-.-
데이트 신청할꺼야!! -
Kei
2003.10.08 15:10
kirest // 감사; 연필은요; 한참멀은듯해요 더 많이 올리면 몰라도;
그리고 플래쉬겟 아이콘+_+! 그런 엄청난 이스터에그를 발견하신 kirset님 원츄;
윤혜인 // ..; 하이마트가 딱이라고 말씀해주시지~;ㅁ;~ -
이오르
2003.10.08 15:20
Kei 님 강좌 열심이시네요,
그에 비하면 전 날라리 학생 -_-;;
추천 누르고 갑니다 ^^ -
Kei
2003.10.08 15:27
이오르님!
날라리 학생이라뇨;
그럴리가 .....싸부로 모셔주세요 날라리 학생님;ㅁ;/
농담이고요;
추천 감사합니다~;;
오르님 강좌는 안올리세요? 기대만땅+Д+/; -
Stylist™
2003.10.08 16:16
wow 정말 멋지네요...추천을 안 누를 수 없네요...
좋은 강좌 감사합니다. -
Kei
2003.10.08 16:37
감사합니다;; -
(-_ㅡ*)
2003.10.08 16:49
헐....젤 밑에꺼두 제품인줄 알았다는...-_-;;;;
너무 리얼한거 아냐~????
멋져요^-^/~ -
박춘호
2003.10.08 18:13
좋네요
좋아요 좋아 굳 -
SUJIQ
2003.10.08 22:15
케이님 강좌 올리셨네~ ^_^ 홈피에 글 남기고 왔어요.. 날 왤케 착한거샤..ㅋㅋ 역쉬 굿굿굿!!!!!!!!!!!!!!!!!!!!!!!!!! 얼굴싸부님에 이어.. 케이 싸부님..~!!!ㅋㅋ -
Kei
2003.10.08 22:26
키키키 얼굴님 오버쟁이;ㅁ;~
박춘호 // 감사;;
수진님 바보 메롱;ㅁ;+ -
Kei
2003.10.08 22:28
아아아 까먹어따;;
제 마지막 응용작에서 보면 (-_ㅡ*)님 강좌에서 응용한 버튼이에요!
아래아래 보면;; (-_ㅡ*)님 강좌 있으니까 함보세요! -
유글래나
2003.10.08 23:26
플래쉬 겟의 압박...-_-;; -
김성동
2003.10.09 10:24
허걱이라는 말 밖에는 저거 출력해서 종이박스에 붙여 다니고 싶다는 ..
대리 만족 ..^^ 멋집니다.. -
Kei
2003.10.09 12:58
김성동 // 그런; 엄청난 아이디어..+ㅁ+@뻔쩍; -
일루미
2003.10.09 16:03
손쉽게 잘 따라 할 수 있도록 잘 설명해 주셔서 감사 합니다. +_+ -
Kei
2003.10.09 16:09
일루미 /// 리플달아주셔서 감사합니다+_+ -
Remember
2003.10.09 16:54
I모사의 iFP-590을 응용하셨군요 =_= -
체리향기∮
2003.10.09 17:35
이거 케이님 강좌중에 오디오 인터페이스에다가 이용하면 좋을 듯.. ^^ -
Kei
2003.10.09 21:19
Remember // 전;; 그냥 아무거나 골랐;;
아 그리고 저 장사꾼아니에요;
그 그림의 상표를 모자이크 할려고했으나;
강좌 표현하기 좀그렇고 그렇다고 아예 흔적없이 튀안나게 할려고하니까;
왼지 죄책감들어서;
여튼 Remember님께서 모델명까지 적어주시니 감사해요(__)@꾸벅;
체리향기 // ..인터페이스 위주로 강좌하는 이유도 뭐 + 뭐 하면 색다른게 나올수있기때문에
인터페이스 위주로 강좌할려고합니다 근데 체리님 센스있으시게 적어주시니 감사할따름; -
정은빈
2003.10.10 19:30
강좌 너무 좋군요.
그리고 케이님 강좌는 추천을 누를 수 없게 만드십니다...
그런데 LcdD폰트좀 올려주에요... -
정은빈
2003.10.10 20:31
플래시겟...
님은 지금 무엇을 다운로드중이라는 것같은데...
저도 플래시겟 유저입니다...
그런데 강좌중에 플래시겟 아이콘이... -
이영희
2003.10.11 14:03
멋져요~^^
대단하십니당~ -
이성훈
2003.10.13 12:08
Kei 님 수거 정말 감사요 추천 입니다. 증말 멋지네요.. 유용하게 응용해서 사용토록 하겠습니다. -
2003.10.18 23:23
크어억 그런 깊은 뜻이 -_-;;; -
2003.10.16 23:27
i rever이 아니고
iriver입니다 -_-;;;(딴지아님) -
Kei
2003.10.17 00:43
i rever 라고 한 이유는 따라하면 끌려갈까봐(어디에?)
상표 도난 죄로 고소당할까봐 (진짜?)
@도리도리 -
정무용
2003.10.19 05:19
알탭누르고 포샾열어서 실습해봐야겐네요 ㅎㅎ -
김성수
2003.10.20 02:49
lcd 체는 어디서 구할 수 있나요? -
Kei
2003.10.20 13:58
lcd체는 제 홈피에서 구할수있습니다; -
Hoyastyle
2003.11.10 17:34
잘 만드셨네요 ^^ -
김진세
2003.11.16 08:58
원츄~~~~~~.. 멋지내요.. 앞으로는 .. 강좌 들어 올때 미리 로그인 하고 와야 것내요.
왔다 갔다 하는일 없도록 ^^ -
Arcuseri
2003.11.16 22:08
와우 ,멋져요. 이런거 만들고싶은데 -_ㅠ 마지막에 버튼에 乃 -
김민서
2004.04.11 18:19
당신의 능력을 사랑합니다..ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ(..*)/ 어여 공부하자!!!
리플 하나 하나가 진짜 고맙게 느껴집니다;
강좌 하는 사람이 힘이나거든요!_!;
그냥 지나가면서 잘봐씀~ 이라고하면 10자 코멘트 뜨겟지만;; 10자 정도 적어주시면;
힘엄청납니다~_~/
그럼 샤샥~!;