웹디자인 강의
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에서 색바꿔주시면 원하시는 색나옵니다.
짜잔!
이건 좀 색다른 버젼입니다.
그리고 응용작!