[Tutorial:Pixel keyboard] 키보드 픽셀이미지 만들기

by 재민아빠 posted Nov 27, 2015
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

안녕하세요.

@재민아빠입니다.


개인적인 프로젝트 형태로 갤러리에 올려주신 키보드이미지를 픽셀로 작업하고 있습니다.


재능나눔게시판으로 이동합니다.

http://kbdlab.co.kr/index.php?document_srl=3596474&mid=board_mOSv08



이미지는 자유롭게 사용하셔도 상관없습니다.


프로젝트 목적

해외 유수 키보드 커뮤니티인 Geekhack( Designer : samwisekoi )의 프로필 표현 방법이 인상적이었습니다.

사용중이거나 개인이 커스텀화 한 키보드의 이미지를 등록하여 프로필로 사용하고 있었습니다.


이런 요소들이 커뮤니티 활동에 자신감을 줄 수 있는 요소로 작용할 수 있겠다는 생각,  자신의 키보드 히스토리를 이미지로 정리하고 표현하면 재미있을 것 같습니다.



제작방법 공유

(정보갱신일 : 2015년 12월03일)


1. 사용툴 : Adobe Photoshop

2. 폰트 : 04b03 Regular (폰트다운로드 : http://www.dafont.com/04b-03.font ) , In bitmap fontsize: 8px)


3. 동영상 튜토리얼 샘플링 (12월03일)



(정보추가 : 2015년 12월14일)


Theory 1. 키보드의 뼈대는 키캡사이즈와 배열



Theory 1. 키보드의 뼈대는 키캡사이즈와 배열

가장 기본적이며 이 작업이 전부입니다. 나머지는 외곽선과 LED 및 효과를 표현하는 작업 뿐입니다.


기본이 되는 1x1 키캡은 도트 사이즈는 3px입니다. 

가장 이상적인 사이즈이며 홀수로 늘어날 수 있는데 크키가 커지는 만큼 둔하게 보일 수 있습니다.

그리고 홀수로 작업하는 이유는 키캡중에는 LED 창이 있는 경우와 LED를 표현하기 위해 홀수로 작업을 하게 됩니다.


1.25 사이즈의 키캡입니다. 도트 사이즈는 4px입니다.

1.25사이즈의 키캡은 winkey 하단 모디열에 사용됩니다. (Alt, Ctrl, Win, App, Menu 등등)


IMG_3014.jpg



감사합니다.

재민아빠 올림.


p.s. 올라온 댓글에는 답변이 달리지 않을 수 있습니다. :)



이미지 등록방법 : 등록한 이미지를 자신의 프로필 이미지에 등록하는 방법입니다. (제보:@아셀라스님)


댓글의 키보드 이미지를 드레그 후 카피

개인정보 수정 > 서명 입력란에 붙혀넣기하시면 됩니다.


Articles

1 2 3 4