사용 중인 모델: SPH-M4300
필요한 프로그램: Wisbar Advanced
 
레인보우 아이콘을 너무너무 쓰고 싶어서 만들었습니다.
사용자 삽입 이미지
레인보우 안테나 적용 중...
시그널 상태를 레인보우 안테나 밑에 5 컬러로 표시 되게 하였습니다.
(그림에선 녹색이므로 3 Bar)
사용자 삽입 이미지
레인보우 안테나 태핑 중...
자세히 보기 위해 태핑을 하면 5 컬러 중 한가지 색으로 채워집니다.
 
 
 
작업 화면
사용자 삽입 이미지

아래 파일을 위즈바 설정의 안테나 아이콘으로 불러오기 하면 됩니다.
사용자 삽입 이미지사용자 삽입 이미지



학습 목표 : 컬러 안테나 만들기

1. 준비 사항: 위즈바, 스킨, 포토샵

2. 위즈바 스킨을 보면 안테나 아이콘인 signal.png, signal_p.png 두가지 파일이 있습니다(※ 파일명은 다를 수 있습니다).


signal.png : 기본으로 보여줄 안테나 이미지

signal_p.png : 태핑했을 때 보여줄 안테나 이미지


──────────────────────────────

작업 시작


포토샵에서 가로 19 픽셀(임의의 값, 18픽셀에서 컬러셋 1픽셀 추가됨), 세로 26 픽셀(위즈바 높이)의 문서를 생성합니다.

사용자 삽입 이미지

그림.1


 

오른쪽 1픽셀은 컬러셋 영역이므로 왼쪽부터 18픽셀에 안테나를 그려줍니다.


사용자 삽입 이미지

그림.2

 
 
──────────────────────────────
설명
 
보여줄 안테나 색상 설정
오른쪽 가로 1픽셀은 컬러셋 영역으로, 바닥 부터 1픽셀씩 원하는 색상으로 점 찍어줍니다.
 
 
오른쪽 맨 아래 부터 1픽셀씩
1번째 : 시그널 바의 기본 색상(그림.2 처럼 투명하게 하면 배경색으로 채워집니다)
2번째 : 안테나 표시가 한개 일때의 색상(그림.2에서 주황색)
~
4번째 : 안테나 표시가 3개 일때의 색상(초록으로 칠했을 경우 아래 그림.3 처럼 초록으로 채워집니다)
사용자 삽입 이미지

그림.3

 
~
6번째 : 안테나 표시가 5개 일때의 색상(그림.2에서 보라색)
 
 
☆중요: 안테나 표시 영역 설정
그림.2에서 하늘 색 부분이 안테나 색으로 채워집니다.
 
하늘색 값(그림.4 참고)
안테나 1번째: RGB(241,255,255)
안테나 2번째: RGB(242,255,255)
안테나 3번째: RGB(243,255,255)
안테나 4번째: RGB(244,255,255)
안테나 5번째: RGB(245,255,255)
처럼 R 값을 설정합니다.
 
사용자 삽입 이미지

그림.4

 
 
작동할 때에는 하늘 색 부분이 컬러로 바뀝니다.
 
──────────────────────────────
배경은 스킨과 어울리도록 투명 처리 합니다.
 
방법1: 투명 처리할 색상을 왼쪽 하단 1픽셀에 점 찍어줍니다.
아래 그림.5 처럼 왼쪽 아래에 초록을 찍어 주면 같은 색상은 모두 투명화 되며 나머지 색상은 그대로 보여집니다.
 
사용자 삽입 이미지

그림.5

 
 
 
방법2: 알파채널을 만들어서 투명하게 할 부분은 검정, 보이게 할 부분은 하양색으로 칠합니다.
사용자 삽입 이미지
 
 

──────────────────────────────

예제 : 레인보우 컬러 안테나

(아이콘 자료실에서 받을 수 있습니다)


안테나가 5개 떴다고 컬러풀하게 표시되는게 아니라 그림.3 처럼 한가지 색으로 채워지므로

미리 컬러 안테나를 그려주고, 시그널 상태를 보기 위해 아랫부분에 하늘색으로 찍어주는 센스!!!

사용자 삽입 이미지
 

적용 결과

사용자 삽입 이미지

제작 날짜: 2006.06.21

'Mobile&PMP > 꾸미기' 카테고리의 다른 글

PDA폰을 프라다폰으로~  (0) 2007/06/10
M4300, 레인보우 안테나 만들기  (0) 2007/03/08
Simulz Blog Page Counter
Visitors:
PageViews:
Posted by Simulz

댓글을 달아 주세요