본문 바로가기

포토샵 / 강좌 및 자료/이미지 편집/자료

깨지는 Index 이미지 어떻할까요? [이미지 깨짐]




안녕하세요 Azdesign입니다.


오늘은 이미지 수정 하면서 한번씩은 경험하셨을 법한 깨지는 

이미지 편집가능한 깔끔한 상태도 변환하는 방법에 대해 포스팅 해보겠습니다. 



제 블로그 오시는 분들은 대부분 루팅 유저일겁니다. 

스마트폰 사용하시는 분중 아주 소수에 속하는 부류겠죠?? ㅎㅎ 


제가 블로그 운용 하는 이유중에는 많은 이유가 있겠지만

제 블로그를 통해서 스마트폰을 조금 더 재미있고 개성있는 폰을 만들 수 도구가 되었음 하는 바램으로 시작했습니다.


지금 조금씩 블로그 컨텐츠를 정리하려고 합니다.

너무 많은 자료가 조금은 비 체계적으로 정리가 되어있어서 이전자료 중에서 꼭 필요한 자료는 

카테고리를 수정해서 다시 리마인드 시키는 과정이 불가피한 시점 같네요^^



오늘은 안드로이드 Apk에서 추출한 순정 이미지 수정방법에 대해 설명하는 강좌중에 하나

" 이 이미지는 왜 깨지지?? "

" 이 이미지는 왜 지저분하지?? "



라는 질문을 던지시는 유저분께 조금이라도 도움이 되고자 쓰여진 강좌입니다.









인덱스[INDEX]를 이미지 깔끔하게 변환하기


Smith Image Converter는 Index모드로 전환되어있는 이미지를 원래의 속성으로 변경해주는 프로그램 입니다. 이미지 작업을 하고 Index이미지화 되면 그 이미지를 다시 그대로 편집 불가능하게 됩니다. 이럴때는 이미지 속성을 다시 RGB/CMYK모드로 변환 해서 편집해주셔야합니다. 이미지 모드에 관한 정보는 아래 부분에 설명해두었습니다.^^




프로그램 다운로드

http://smithimageconverter.codeplex.com/releases/view/65095 


Smith_Image_Converter_v1.2.rar



바로 이전강좌에서 아이콘 바꾸는 방법을 설명해 드렸는데..

7-zip으로 압축풀어서 그이미지를 편집할때 깨지는 이미지들이 있습니다.

그 index라는 이미지.. 를 편집할 수 있는 툴을 설명해 드릴께요^^

 




 

오늘은 Azdesign 첫번째 강의 #1 Index 모드변경

 

이번 강좌에서는 그놈 우리에게는 생소한 "INDEX"모드의 이미지를 편집가능한 상태로

변환하는 강좌를 써보겠습니다.^^

 

 



우선 가장 많이 변환하는 퀵패널 및 상단 아이콘을 담당하고 있는 SystemUI.apk 를 7.zip으로 압축을 풀어보겠습니다.

미리보기로 아래와 같이~~ 아무 이상없습니다. 



 


 

하지만....포토샵에서 열어보면~~~ㅜㅜ

완전히 깨져 있는 아이콘 이미지.. 멘붕~~~ㅜㅜ



 

 

 


"어~~~ 이거 이미지 왜이래??"

 

사실 저도 이미지 작업 할때 처음에는 미리보기로 캡쳐떠서 이미지를 그려서 아이콘작업을 한 적이 있습니다.

하지만... 이번 강좌에서는 이렇게 깨지는 이미지를 깔끔하게 변경하는 방법을 알려드리겠습니다.

 

위에보시면 화일명에 (Index)  라고보이죠?? 저놈이 문제인것입니다.





 Azdesign의 어설플 이론공부^^


간단하게 보통 사용되어지는 이미지를 설명해드리면 크게 두가지로 나누어 집니다.

모니터등 화면상으로 볼때 최적화된 RGB모드,  출력물에 최적화된 인쇄용으로 쓰이는 CMYK모드

 

 

1) 모니터등 웹 화면상으로 볼때 최적화된 RGB모드 (INDEX도 이쪽에 개념과 같겠죠^^)

   (빛의 색상을 구성한는 3가지입니다. Red, Green, Blue 이 3가지 색상이 교차하면 흰색으로 표현이 됩니다.

   모니터상에서 흰색을 보고 있다는건 3가지 색을 모두 점등했다는 이야기겠죠

   결론은 핸드폰을 화이트계열로 테마를 구성하면 블랙보다는 베터리 소모가 많겠죠^^

 

2) 출력물에 최적화된 CMYK모드

   가끔 포토샵에서 작업을 하고 출력해서 보면 색상이 틀린경우를 볼 수 있는데

   모드선택을 잘못해서 이미지 색상이 틀리게 될 경우가 많습니다.

   CMYK [cyan, magenta, yellow, black] 보시면 색상구성이 틀립니다.

   대충 이런모드가 있는데..

 

 

저희가 궁금한건 Index모드...

Index Color는 작업이미지를 웹에 사용할 수 있도록 인덱스 컬러모드로 전환할 때 사용한다. 최고 256색을 사용해 컬러색상을 표현하며 8비트 채널을 가지고 있다.
트루컬러이미지를 웹용이미지로 사용하려면 용량을 줄여야 하는데 이때 인덱스 컬러모드로 전환해주면 최고 256색상만을 사용하기 때문에 웹에 사용가능한 용량이 된다.

 

다 필요없고~~

인덱스 모드자체가 색상의 제안이 있으므로

저흰 저 Index모드를 RGB모드로 전환하여 PNG를 얻으면 됩니다

 

여기서 잠깐?? 왜 안드로이드 이미지들은 PNG가 주류를 이룰까요??

무손실 압축률을 자랑하는 JPG를 사용하면 되는데......

 

PNG는

JPG와 바탕화면 투명의 장점을 갖고 있는 GIF의 단점을 개선해서

트루컬러를 지원하면서도 압축을 해도 화질의 손상이 없는 특징때문에 모바일에서는 PNG를 많이 선택하고 있습니다.

 

저희가 보통 사용하는 JPG는 투명을 인식하지 못합니다.

글씨를 이미지화 시킨다면 바탕이 흰색으로 되어 이상한 이미지가 나오겠죠..

그래서 GIF이미지를 사용하는데.. GIF는 색상지원에 문제 있습니다. 

고로.. 현존하는 모바일 에서의 최적화된 PNG를 사용하는 겁니다.^^

시간이 지나면 더좋은 압축포멧 형식의 이미지가 나오겠지만..^^

 




변환 프로그램중 많은 프로그램이 있겠지만 가장편하고 빠르게 편집할수 있는

Smith Image Convert를 설명해 드릴께요 <우선 첨부화일/링크로 받아서 압축을 풀어보세요>

폴더안에 Smith Image Converter.exe Click~~~ 



 


 

Smith Image Converter.exe 클리하면 아래와 같이 나옵니다^^

간단하게 설명해드리면

Add Files : 편집하고 하는 이미지 선택 (변환하고 자하는 Png선택해주세요^^)

From Directory : 폴더 전체를 선택

Delete Selected : 선택된 이미지 삭제

Clear All : 선택 이미지 모두 지우기

Convert to : 변환시킬 이미지 확장자 선택 저희는 (Png선택해주세요^^) 



 

 

 

Advance Setting : 고급설정

Output : 변환된 이미지 저장위치

Output in original Directory : 변환할려고 하는 이미지가 있던 폴더

Ooutput in directory : View버튼을 누르고 원하는 폴더를 선택하실 수 있습니다.

 

* 편하신대로 선택해 주세요^^

 


  




 Resize : 이미지 사이즈 변형 저흰 원본 이미지 사이즈를 사용하기 때문에  Original Size 선택 



 

 

 

자~~~ 기본세팅은 끝났으니까 변환해볼까요??

전 stat_sys_ringer_silentvibrate.png를 선택했습니다.^^

 

원하는 이미지를 선택하고 아래 Start~~~ 클릭!! 

 


 

 

이젠 변환된 이미지를 포토샵으로 열어보세요

제가 선택한 이미지 위치가

J:\0. Galaxy Note\펌웨어\SystemUI\res\drawable-xhdpi 이쪽이였으니까~~~

이미지를 선택하고 포토샵으로 열어보면~~~

 

짜잔!!!  이젠 편집가능한 아이콘이 생겼습니다.^^

보시면 (Layer 0, RGB/8)로 변환 된걸 알 수 있을꺼예요^^ 




 




 

오늘 smith_image_converter를 이용한 index 이미지 변경강좌는 여기 마치겠습니다.^^

이상 Azdesign이였습니다. ㅎㅎ