Стварэнне Drawn шрыфта ўручную з дапамогай Illustrator і Fontastic.me

01 з 06

Стварэнне Drawn шрыфта ўручную з дапамогай Illustrator і Fontastic.me

Тэкст і малюнкі © Ian пулаў

У гэтай вясёлай і цікавай падручнік, я збіраюся паказаць вам, як вы можаце стварыць свой уласны шрыфт з дапамогай Illustrator і онлайн fontastic.me вэб-службы.

Для таго, каб прытрымлівацца, вам спатрэбіцца копія Adobe Illustrator, хоць , калі вы не атрымалі копію і не хочаце , каб купіць яго, вы можаце быць зацікаўлены ў нашым падобных навучальнай праграме, якая выкарыстоўвае Inkscape . Inkscape з'яўляецца свабодным, адкрытым зыходным кодам альтэрнатыва Illustrator. Які б вектар малявання ліній дадатак, якое вы выкарыстоўваеце, fontastic.me прапануе свае паслугі цалкам бясплатна.

У той час як я збіраюся паказаць вам, як стварыць маляваны шрыфт, выкарыстоўваючы фатаграфію літар, намаляваных на паперы, вы можаце таксама выкарыстоўваць аналагічныя метады для стварэння шрыфта, выкарыстоўваючы літары, якія былі намаляванымі непасрэдна ў Illustrator. Калі вы выкарыстоўваеце графічны планшэт , гэта можа быць пераважней для вас.

Пры выкарыстанні фота, пераканайцеся, што вы карыстаецеся цёмны колер пяро пяро для малявання вашых лістоў і выкарыстоўваць звычайную белую паперу для максімальнага кантрасту. Акрамя таго , вашы фота ў добрым святле , каб дапамагчы падрыхтаваць фатаграфію , якая з'яўляецца ясным і кантрасным , каб зрабіць яго як мага прасцей для Illustrator , каб прасачыць асобныя літары.

На працягу наступных некалькіх старонак, я буду хадзіць вас праз працэс стварэння вашага першага шрыфта.

02 з 06

Адкрыць пусты дакумент

Тэкст і малюнкі © Ian пулаў

Першы крок, каб адкрыць пусты файл для працы.

Выберыце Файл> Новы і ў дыялогавым акне наладзіць памер па жаданні. Я выкарыстаў квадратны памер старонкі 500px, але вы можаце ўсталяваць па сваім жаданні.

Далей мы будзем імпартаваць файл фатаграфіі ў Illustrator.

03 з 06

Імпартаваць фота маляванага тэксту

Тэкст і малюнкі © Ian пулаў

Калі вы не атрымалі фатаграфію маляванага тэксту для працы з, вы можаце спампаваць адзін і той жа файл, які я выкарыстаў для гэтага ўрока.

Каб імпартаваць файл, перайдзіце ў меню Файл> Place, а затым перамяшчацца туды, дзе ваша фотаздымак маляваны тэкст размешчаны. Націсніце на кнопку Place, і вы ўбачыце фота з'явіцца ў вашым дакуменце.

Цяпер мы можам прасачыць гэты файл, каб даць нам вектарныя літары.

04 з 06

Трасіроўка фатаграфію маляваны Letters

Тэкст і малюнкі © Ian пулаў

Трасіроўка лісты вельмі прама наперад.

Проста зайдзіце ў Object> Жывы трасіроўкі> Make і пашыраць і праз некалькі хвілін, вы ўбачыце, што ўсе лісты былі больш выкладзеныя новымі версіі вектарных ліній. Менш відавочным з'яўляецца той факт, што яны будуць акружаны іншым аб'ектам, які ўяўляе сабой фон фатаграфіі. Нам трэба выдаліць аб'ект фону, так што ідзіце ў Object> Разгруппировать, а затым пстрыкніце ў любым месцы за межамі прамавугольнай абмежавальнай рамкі, каб адмяніць усе. Цяпер націсніце кнопку побач, але не на адной з літар, і вы ўбачыце, што абраны прастакутны фон. Проста націсніце Delete на клавіятуры, каб выдаліць яго.

Гэта пакідае ўсе асобныя літары, аднак, калі нехта з вашых лістоў ўтрымліваюць больш аднаго элемента, вам трэба згрупаваць іх разам. Усе мае лісты ўтрымліваюць больш аднаго элемента, так што я павінен быў згрупаваць усе з іх. Гэта можна зрабіць, націснуўшы і перацягнуўшы вобласць вылучэнні, якая ахоплівае ўсе розныя часткі лісты, а затым збіраецца Object> Group.

Цяпер вы будзеце заставацца з усімі сваімі асобнымі літарамі і затым мы будзем выкарыстоўваць іх для стварэння асобных SVG файлаў, якія мы павінны стварыць шрыфт на fontastic.me.

Звязаны: Выкарыстанне Жывы трасіроўкі ў Illustrator

05 з 06

Захаваць асобныя літары як SVG файлаў

Тэкст і малюнкі © Ian пулаў

На жаль, Illustrator не дазваляе захаваць некалькі мантажных абласцей у асобныя файлы SVG, так што кожная літара павінна быць ўручную захаваны ў выглядзе асобнага файла SVG.

Па-першае, выбраць і перацягнуць ўсе літары так, каб яны не над закладваюць мастацтва дошкі. Затым перацягнуць першую літару на палатно і паўторна памер яго для запаўнення мантажнай вобласці шляху перацягвання аднаго з кута супраціву ручкі. З Shift, у той час як вы робіце гэта, каб захаваць тыя ж прапорцыі.

Калі гэта зроблена, перайдзіце ў меню Файл> Захаваць як і ў дыялогавым акне, зменіце падзенне фармату аж да SVG (SVG), дайце файлу значнае імя і націсніце кнопку Захаваць. Цяпер вы можаце выдаліць гэты ліст і месца і паўторна памер наступныя адзін на палатне. Зноў жа рабіць Захаваць як і працягвайце, пакуль вы не захавалі ўсе вашы лісты.

Нарэшце, перш чым працягнуць, захавайце пустую мантажную вобласць, так што вы можаце выкарыстаць гэта для сімвала прабелу. Вы можаце таксама разгледзець пытанне аб захаванні знакаў прыпынку і больш нізкія версій выпадку вашых лістоў, але я не папрацаваў для гэтага ўрока.

З гэтым асобнага SVG ліст файлаў гатовыя, вы можаце зрабіць наступны крок, каб стварыць свой шрыфт, загружаючы іх fontastic.me. Калі ласка , звярніце ўвагу на гэты артыкул , каб убачыць , як выкарыстоўваць fontastic.me , каб скончыць шрыфт: Стварэнне шрыфта з дапамогай Fontastic.me

06 з 06

Як выкарыстоўваць Экспарт Панэль New Asset ў Adobe Illustrator CC 2017

стварэнне SVG зводзіцца да паслядоўнасці дзеянняў націсніце і перацягнуць з новым Экспарт актываў панэлі ў Adobe Illustrator CC 2017 года.

Бягучая версія Adobe Illustrator змяшчае новую панэль, якая дазваляе размясціць усе вашыя малюнкі на адным палатна і выводзіць іх у выглядзе асобнай SVG дакументаў. вось як:

  1. Акно> Asset Экспарт т аб адкрыць панэль Asset Export.
  2. Абярыце адзін або ўсе вашы лісты і перацягнуць іх на панэль. Усе яны будуць выглядаць як асобныя элементы.
  3. Двойчы пстрыкніце імя аб'екта ў панэлі і перайменаваць яго. Зрабіце гэта для ўсіх элементаў на панэлі.
  4. Выберыце элементы для экспарту і абярыце SVG з фармату поп ўніз.
  5. Націсніце кнопку Экспарт.