본문 바로가기

블로그 이야기/스킨 단순강좌

이미지를 그대로 그림과 똑같은 올컬러 텍스트로~! TextImage

위의 텍스트는 어디 출처일까요. 어떻게 저렇게 정교할까요?

예;; 바로 이건 한 사이트를 이용한 이미지 텍스트입니다.

(웹 사이트를 말하는 것입니다. 인터넷 없이는 불가능.)

정말 놀랍죠?

이 엄청난 작업을 한방에 처리해주는 사이트, 그 사이트를 이번에 소개하려 합니다.

 

예-제가 이번에 소개하려는 사이트는 바로..

TextImage라는 사이트입니다.

 

http://www.text-image.com/

 

사이트 사용 & 이미지>텍스트 변환법

먼저 사이트에 들어가세요.

그 다음 를 클릭하세요.

그러면 http://www.text-image.com/convert/라는 웹 주소가 표시됩니다.

정말 쉽습니다.

일단 Image File에는 찾아보기... 버튼을 누른 후 올릴 이미지 파일을 올립니다.

그 다음 Characters에는, 그림을 표현하고자 하는 문자들을 입력합니다.

예를 들어, 01을 입력하면, 0과 1로만 표현된 '올컬러' 이미지 텍스트가 표시됩니다.

하지만, ABCDEFGHIJKLMNOP를 입력하면 ABCDEFGHIJKLMNOP로 이루어진 텍스트가 나오죠.

그 옆에 있는 옵션 버튼에 Random이 입력되면, 랜덤으로(컬러제외) 그 텍스트를 출력하는데, Sequence를 입력하면 순서대로 텍스트가 출력되죠.

 

그 다음, Font Size.

Font Size가 적을수록 더 작은 텍스트 이미지를 출력합니다.

말그대로 글자 크기이기 때문에, 배치하는 곳에 따라 다르게 지정해주세요.

 

여기서 주의할 점.

Smallest~Normal은 똑같더군요.(더 작은 크기가 없어서)

진모씨의 프로필 이미지 - Smallest

그리고, Image Width는 너비에 사용되는 글자 수를 뜻합니다.

한 줄에 몇개의 글자를 출력할 지를 결정하죠.

클수록 더욱 정교하지만 큰 이미지를 출력합니다.

 

Show It In. 이거는 올컬러 또는 그레이스케일, 또는 완전흑백 컬러 중 어떤 컬러로 출력할 지를 결정합니다.

쉽게 말해서, 컬러, 회색조, 완전 흑백만 출력할 지를 결정하는 거죠.

올컬러:Colour

회색조:Grayscale

완전 흑백:Monochrome

Monochrome은 정말 안습 그자체이죠. 할 필요가 없어요.

그 다음, Background.

이건 말그대로 텍스트 배경색입니다. 배경을 지정하는 거죠.

배경색에 대한 색상표는 웹 개발자들의 팁 - html/css용 RGB 색상표 및 색 이름을 참고하세요.

 

Exttra Contrast는 명암 대비를 나타내는 것입니다. 명암강조죠.

Web Browser은 사용할 웹브라우저만 지정해주시면 됩니다.

하지만 무조건 Other로 표시하는 것이 가장 낫습니다.

 

이만 강의를 마칩니다. 덧글은 필수, 트랙백은 희망사항