태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

비트맵이미지 테두리 처리[일러스트레이터]비트맵이미지 테두리 처리[일러스트레이터]

Posted at 2012. 2. 4. 05:30 | Posted in Bravo My Life/그래픽툴다루기
      

배경에 스며드는 비트맵이미지

오랫만에 포스트입니다. 애드센스가 낯설게 느껴집니다.
살짝 바쁜 업무와 설날, 세금정리 등등 1월이 후딱 지나갔습니다. 자영업자에게 명절 낀 달은 힘듭니다. 이것저것 챙길것도 많고 하여튼.... 부모님 만나니 좋긴한데. 그렇습니다.
부가세 신고도 끝냈고, 자동차세 연납했고 한파만 그치면 딱이겠습니다.

 
'배경에 스며드는 비트맵이미지 만들기'입니다. 제목은 애매모호하지만 그냥 저러한 표현으로 하겠습니다.
물론 작업환경은 일러스트입니다. 포토샵에서는 간단히 되지만 벡터용 플그램인 일러는 살짝 손을 좀 봐야 합니다.
작년에 구매한 차량 주행거리가 7777킬로라 한컷 남겼습니다.


신호 정지 중에 남긴 샷입니다. 이 이미지를 가지고 적용해보겠습니다.

일단 이미지 위아래의 불필요한 부분을 자릅니다.
2011/12/02 - [Bravo My Life/그래픽툴다루기] - 투명도 조절을 통한 이미지 편집 : Flatten Transparency [일러스트레이터]
앞 포스트에서 말씀드린 투명도 조절을 이용해 원하는 부분만 남깁니다.

 
속도계라고 하나요? 가운데 부분만 남기고 나머지는 안보이게 처리하려합니다.
같은 벡터이미지를 다루는 플래쉬(flash)의 경우는 알파값(투명도조절 명령)을 그라데이션에 적용가능하기 때문에
쉽게 표현이 가능합니다. 쉽게말해서 색상+투명도가 같이 적용됩니다. 투명도 사용할 때마다 매번 플래쉬의 그런 내용이 생각납니다.

우리의 일러스트레이터는요. 기면 기고 아니면 아닙니다. 투명도 조절이 전체에 적용됩니다.


위의 그림처럼 전체가 투명해지게 됩니다.

배경에 스며드는 비트맵이미지 만들기의 용도는 다음 그림을 보시면 바로 답이 나옵니다.


원하는 사이즈 보다 작은 이미지를 자연스럽게 처리할 때 사용합니다. 왼쪽은 그냥 비트맵이미지를 적당한 위치에 둔 상태이고 오른쪽은 자연스럽게 투명화처리된 상태입니다.

비트맵이미지 투명도 적용하기


먼저 적용할 이미지를 선택합니다. 투명도(transparancy)를 활성화합니다. 확장메뉴에서 Make Opacity Mask를 실행합니다.


(1)비트맵이미지가 투명해졌습니다. (2)마스크를 나타내는 사슬이 보입니다.
(3)검은 바탕을 클릭하고 원본 비트맵 이미지를 덮을 수 있는 크기의 패스를 그립니다. 


그려진 패스에 그라데이션을 적용합니다.

 
블랙과 화이트를 이용한 그라데이션을 조절해서 원하는 효과를 만듭니다.
최종적용 이미지는 맨처음 이미지입니다. 

이미지를 곁들여 장황해 보이지만 어렵지 않습니다.
1. 이미지선택 후 transparancy의 확장메뉴에서 Make Opacity Mask 실행.
2. 원본 이미지에 마스크를 적용할 패스 생성
3. 패스에 흑백을 이용한 그라데이션으로 이미지 완성 
  1. 이런 기능도 있었군요^^ 좋은 정보 감사헤여^^
  2. 우와.. 이렇게도 쓰는군요. 덕분에 예쁘게 잘 만들었습니다. 감사합니다^^

Name __

Password __

Link (Your Website)

Comment

SECRET | 비밀글로 남기기