은하수 골목

저희 학교 선생님들이 경험이 많으셔서 그런지 이런저런 실용적이고, 알려지지 않은 꿀팁을 많이 가르쳐 주십니다.:D

그 중 하나가 글자이미지에서 글자를 따오는 건데요.

일러스터나, 포토샵을 이것저것 하다보면, 폰트 이미지도 가져올때가 많습니다.

이미지에서 글씨만 따보라고 했을때, 보통은 포토샵에서 따오실 겁니다.

하지만, 이미지가 작다면, 깨져서 활용이 쉽지 않겠지요?

이때, 그걸 조금이라도 덜 깨지게 보존해서 가져오는 방법을 안내해 드릴까 합니다.

먼저, 임의로 15pt의 글자로 편집해보도록 하겠습니다.

왼편이 텍스트를 치고 직후의 글씨입니다.

그리고, 오른편은 이 글씨를 포토샵에서 크게 확대한 후 모습니다.

거의 깨져 있는걸 볼 수있습니다.

이걸 조금이라도 덜 깨지개 해서 가져오기 위해서 우선 일러스터로 불러옵니다.

일러스터로 불러왔다면, 전체 선택이 되어 있는 상태에서 'High Fidelity Photo'를 눌러주세요.

그러면 이렇게 다른 이미지로 변화 된걸 보실 수 있으실 겁니다.

기본 폰트와는 좀 달라졌지요..;

이미지 안의 폰트 사이즈가 작을 수록 글씨의 변형은 심하고, 심지어 알아볼 수 없을 수 있습니다.

이렇게 되었다면, 'Expand'로 이미지를 분해해 줍니다.

그러면, 안쪽에 있는 텍스트까지, 분해되어 있는걸 볼 수있으실 겁니다.:D

배경보단, 안쪽의 이미지가 더 필요하니, 선택된 이미지에서 오른쪽 버튼을 눌러 'Ungroup'을 해 줍니다.

더 이상 안될 때 까지 해주셔야 안쪽의 이미지가 선택이 됩니다.

두번 정도면 되실거예요~

되셨다면, 배경만 선택해서 삭제해 주시면, 폰트만 남게 될 겁니다.

이렇게 폰트만 선택되게 해주세요~

그리고, 마음 껏 여유 있게 늘려 주시면 됩니다.

처음엔 종이 끝이 까마득하게 먼 작은 글씨 였는데,

종이 끝에 닿아도 더 이상 깨지지 않는 글씨를 볼 수 있으실 겁니다.

적당히 글씨의 크기를 늘려 주셨다면, 이제 하나의 이미지로 만들어 볼까요?

'Object'에서 'Rasterize'를 눌러 주세요.

그러면 하나의 이미지로 다시 묶이게 됩니다.:D

작은 폰트라 어쩔 수없이 깨져서 알록달록해진 글자를 한가지 색으로 통일해 준다면, 훨씬 이뻐 보이겠죠?

그럼 수정된 이미지를 포토샵으로 넘겨 봅니다.:D

포토샵으로 넘긴걸 저는 배경을 날리고,

검정색으로 글씨를 다시 골고로 칠해 주었습니다.:D

(뭉개진 글씨도 이때 살짝 다듬어 주신다면, 훨씬 퀄리티를 높이실 수있을 듯 합니다.)

포토샵까지 거치고, 나면 더욱 자율적으로 사용하시기 편리 하실겁니다.

이 방법에 팁을 하나 더 드리자면, 배경색이 있다면, 포토샵에서 1차로 정리해서 보내는게 훨씬 편합니다.

위에서 Expand로 분해하는건 색단위로 분해가 되는 거라서 색상별 분류작업을 하실 수있습니다.:D

일러스터로 네온 효과를 주는 방법에 대해 해 보려고 합니다.

일러스터에서도 어느정도 어렵지 않게 효과를 줄 수 있습니다.

원하시는 폰트로 원하시는 글씨를 만들어 주세요.

팁을 드리자면, 네온은, 직각 보단 곡선이 연결되어 있는 둥글둥글한 형태가 좀더 이쁩니다.

대문자로 하니, 저게 그나마 둥글고 이쁜거 같아 저 글씨체로 했습니다.

원하시는 글씨체로 해주시고, 일러스터는 나중에 완성된 후에 크기를 원하는 대로 바꾸어 줘도 크게 상관은 없으니, 글자크기는 보기 좋게 큼직하게 해줬습니다.

그리고, 글씨가 너무 붙어 있는거 같아 자간도 조금 주었습니다.

글씨를 작성하셨다면, Create Outlines로 글씨를 깨 줍니다.

제대로 들어 가셨으면 이미지는 요렇게 뜨실 거예요~

이제 면은 잠궈 주고, 선만 살려 놓아 주세요.

Stroke에서 Weight 값을 주세요~

보통 14~16 정도면 될 듯 싶은데, 글씨체나, 크기에 따라 도톰하게 주시면 될 듯 싶습니다.

만약 Stroke 가 없다면 Window 에서 찾으시거나 Ctrl+F10을 눌러 주세요.

하얀 마우스툴(A)로 각각 선택해 색을 달리 줘 봅니다.

그리고, 검정 마우스툴(V)로 전체를 선택해 주시고, 전체를 Ctrl+C,Ctrl+F 제자리 붙여넣기를 해주시고,

바로 다시 Storke의 Weight값을 낮게 낮추어 주세요~ 저는 4정도 줬습니다. 

하지만, 이렇게 주기만 하면 표가 나질 않습니다.

Color에서 T값을 10%정도로 낮춰 주세요.

Color가 없다면, Window에서 찾을 수 있습니다.

낮춰 주시면, 이렇게 나오는 걸 볼 수 있습니다.

만약 전체가 하얗게 나왔다면, Storke 값을 조절해 주신 후 다른 곳을 클릭 하고 다시 영역 클릭하는 과정에서 

영역이 잘 못 선택 되셨을 수 있습니다.

저렇게만 두기엔 아직 네온 효과가 충분하지 않은 감이 있습니다.

Object에서 Blend > Blend Options에 들어가주세요.

Specing을 Specified Steps를 선택해 주시고, 값은 50정도 줍니다.

이효과를 안주게 되면 효과가 부드럽게 들어가지 않고, 딱딱하게 들어갑니다.:D

그리고, 아까 Blend Options 위에 있던 Mask 효과를 주시면 됩니다.

요렇게 자연스럽게 들어 갔지요?;9

하지만, 여기서 완성을 하기엔 조금 불안정하답니다.

크기를 줄이는 과정에서 난리가 날 수 있습니다.

그래서 효과를 더 줘 볼까 합니다.:D

같은 Object에서 Expand를 주고 Outline Stroke을 주시면, 이제 마음 껏 크기를 줄이셔도 무관해 집니다.:D

같은 방법으로 한글도 만들어 보았는데, 한글보단 영어가 뭔가 느낌이 있는거 같네요...;ㅂ;

일러트터에서 하트 만들기를 해볼까 합니다.

하트 만들기는 정말 기초적으로 하기 쉽기도 하고, 은근히 많이 사용할 수 있는 아이콘인거 같습니다.

일러스터를 실행하고, 새로운 프로잭트를 실행해 주세요.

항상 새로운 프로잭트를 할때 인쇄물이 아닌이상, RGB컬러로 사용하시는 걸 추천드립니다.

색상을 표현하는 방법에 있서 차이가 있어서, 웹상에서 보는건 RGB 모드가 훨씬 색감이 풍부해 보입니다.:D

프로젝트를 실해하시고, 원을 그려 주세요:D

원은 도형 툴을 길게 눌러서 옆에 원을 체크하실 수도 있고, 단축기 L을 눌러 주셔도 무관합니다.

(*단축키는 영문키 상태에서만 적용이 됩니다.)

작업의 편의성을 위해 가이드 라인을 만들어 주려고 합니다.

가이드 라인은 View에서 찾아가도 되지만, 편하게 Ctrl+R을 눌러 주세요~

가이드라인은 은근히 작업중에 많이 사용하게 되더라구요.

단축키를 기억해 두시면, 편안하 실 듯 합니다.:D

요키를 눌러주면 상단과 좌측에 줄자가 나올 겁니다.

줄자를 드레그 하면 가이드 선이 나옵니다.

상단 가이드 라인을 당겨서 원의 중심선과 맞추어 주세요.

요렇게 가이드 선이 생겼으면 원을 선택하고, 화살표로 표시된점을 하얀 화살표(A)로 클릭 해줍니다.

그럼 다른 곳과 다르게 검정으로 체크된게 보이실 겁니다.

가이드 선까지 가차없이 당겨 줍니다.

Alt 키를 누른 상태에서 핸들 점에 가져다 대면 하얀 화살표 밑에 +표시가 나옵니다.

그러면 위로 당겨 주시고, 반대쪽도 동일하게 당겨줍니다.

Alt는 이제 제 할일을 마쳤습니다. 

모양을 잡아주실 땐 Alt키 없이 핸들만 당겨 주시면 됩니다.

이번엔 아래쪽을 선택해 줍니다.

그리고, 상단에 보시면, Canvert애 두 그림이 있습니다.

앞에 건 점을 뾰족하게, 뒤에건 점을 둥글게 만들어 주는 역할을 합니다.

점을 뾰족하게 해줘야 하트가 되니 앞에걸 클릭해 주세요.

이제 하트 모양이 나왔네요~

저는 너무 찐빵같아서 양 옆을 각각 잡아서 모양을 잡아 줬습니다.

그리고 하트니까 저는 핑꾸색을 줬습니다.

처음엔 기본 환경으로 작업을 했지만, 나중에 훨씬 높은 퀄리티를 위해 면만 활성화를 시켜 놓았습니다.

(색을 넣었을 때나, 효과를 넣었을 때 깔끔하지 않아 선을 잠그고 작업하는 경우가 많이 있습니다.)

하트는 요렇게만 해서 사용하셔도 되고, 그라데이션을 주셔서 사용해도 되지만, 

저는 여기에 블랜드 툴로 효과를 줘 보려고 합니다.:D

블랜드 효과를 주기위해서 우선 복사를 해줍니다.

좌측에 저 아이콘의 Scale 툴이 있습니다.

더블클릭 해주세요~

더블클릭을 하게 되면, 위에 창이 뜹니다.

첫번째(Unuform)을 30% 정도로 하고, Preview를 봅니다.

저는 저정도가 적당한거 같으니 30%로 하겠습니다.

Copy를 눌러 주세요.

요런 모양이 되어있을겁니다.

새로만든 하트의 중심점에 맞추어 작은 하트가 선택되어 있습니다.

작은 하트의 면색을 흰색으로 변경해 줍니다.

이제 블랜드 툴이 나설 때가 되었습니다!

좌측에 Blend Tool 이라고 뜨는 저 아이콘이 있을 겁니다. 

클릭해 주시고, 하얀 하트 > 분홍색 하트 순으로 클릭해 주세요

그러면 이렇게 자연스럽게 색상이 들어갑니다♡♡♡♡

위에서 만약 선을 비활성화 시키지 않으신분들은 선도 같이 수십개가 되어 같이 들어가실거예요...;ㅂ;

만약 하이라이트 위치가 마음에 들지 않는다면,

가운데 하얀 하트만 다시 선택해 원하는 위치로 옮겨 주면 중심이 따라 움직일 겁니다.

저는 살짝 아래로 내려주었어요:D

요렇게 간단한 하트만들기가 끝났습니다.

일러스터는 도형을 가볍게 만진 것만으로도 다른 그림이 나와서 재미있는거 같아요~

처음엔 낯설었지만, 포토샵 보다 더 재미진거 같네요ㅎㅎ