Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Typography
Design

Стварэнне рацыяналізаваць, геаметрычную і амбиграмму надпісы

by
Difficulty:AdvancedLength:LongLanguages:
This post is part of a series called Design Essentials.
Design a Print-ready Ad in Adobe InDesign
How to Create a Wide Range of Custom Color Swatches in Illustrator

Belarusian (беларуская мова) translation by Władysław Łucyszyn (you can also view the original English article)

Стварэнне ўласнага графічнага ідэнтычнасці ніколі не проста подзвіг. На самай справе, гэта можа быць самая цяжкая рэч, якую вы калі-небудзь рабілі. Там звычайна не тэрмін - проста пафасная кліент з ірацыянальным чаканнем: сам.

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


ўвядзенне

Першае, што вы павінны ведаць, што пры стварэнні літарных не для ўсіх. Для большасці, выкарыстоўваючы існуючы шрыфт рэкамендуецца. На самай справе, можна спытаць ", калi ваш Таварны знак так проста, навошта? Чаму б проста не выкарыстоўваць шрыфт? »Я ўпэўнены, што ёсць тоны ўдасканалім шрыфты там. Але ні адзін з іх робіць мяне такім шчаслівым, як гэтая. Вы бачыце, я зрабіў гэта. Калі вы практычны чалавек, як я, будучы задаволены нешта азначае, што робіць яго задаволіць вашыя патрабаванні. Такім чынам, што ж вы хочаце, каб выйсці з свайго лагатыпа?


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

Па-другое, мая праца патрэбна подпіс, сімвал, то, што ідэнтыфікуе пэўную частку працы, як мая ўласная. У лічбавым свеце, што называецца вадзяным знакам. Вельмі рана, я вырашыў, што сімвал будзе манаграмай. Я заўсёды прыцягваў да старамодным рэчам, і гэта можа быць на самой справе больш, чым сентыментальны выбар. Вензелі займаюць мала месцы, могуць быць адлюстраваны ў вялікіх і малых фарматах, але прапануюць досыць інфармацыі, каб стаць вядомымі. На працягу вельмі доўгага працэсу чарчэння, я зразумеў, што мая манаграма можа стаць амбиграммой (чытаецца аднолькава пры павароце ўверх бокам уніз). Гэта +1 для глыбокай павагі. :)

Добра, так што я хачу простую сечаныя і звязаную з надпісам амбиграммы. Цяпер, як ператварыць гэта ў больш чым эскіз? Існуюць розныя спосабы стварэння шрыфта. Паколькі я такі кантроль вырадак ў маёй працы, я вырашыў зрабіць гэта з дапамогай геаметрычнай канструкцыі. Гэта азначае, што нішто не груба ацэньваецца па выглядзе. Крывыя ствараюцца шляхам ўзгаднення шэрагу прапарцыйна маштабуецца колаў. Іх радыусы вызначаюцца сапраўды нахільнымі лініямі і шрыфты вагі метрычных пазначаныя. Прасцей кажучы, нішто не пакінута на волю выпадку.


Крок 1

Перад тым, як патрапіць у яго, я думаў, што я хацеў бы паказаць адну з маіх лістоў у параўнанні з Futura Std, такім чынам, вы атрымліваеце пачуццё прапорцыі, як вялікі, каб ствараць свае кругі. Гэта таксама сеткі мы збіраемся зрабіць.



крок 2

У наступных кроках я паеду літару «ё» на месцы. Гэта будзе служыць у якасці кіраўніцтва, зноў жа дзеля прапорцыі, нават калі мы аднаўляць з нуля. Гэты ліст чаша мы збіраемся стварыць пазней ператворыцца ў «а», «е» і «с».

Для пачатку стварыце свой першы круг. Гэта будзе чаша кут, так бы мовіць. У дадзеным раздзеле, пераканайцеся, што опцыя ілюстратар Смарт Кіраўніцтвы ўключаная (Ctrl + U) і хапаючы ўключаная (Option + Command + «). Гэта не толькі эканоміць час у гэтай сітуацыі, але і неабходна.



крок 3

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



крок 4

Перайсці да Object> Transform> Rotate і звярніце лінію пад кутом у -25 градусаў.



крок 5

Перацягнуць лінію ўздоўж яго шляху да левай баку. Такім чынам, у вас ёсць дакладнае скрыжаванне шляхоў з акружнасцю.



крок 6

Лінія цяпер над колам, так як яна была створана пазней. Мы хочам, каб круг, каб быць на вяршыні, бо мы спрабуем дадаць кропку скрыжавання на шляху круга. Альбо змяніць размяшчэнне, прыносячы круг на вяршыні, або выразаць і ўставіць круг у месцы (Ctrl + F). Затым навядзіце курсор мышы на скрыжаванне і дадаць кропку з дапамогай Pen Tool (P).



крок 7

Скапіюйце і ўстаўце радок замест (Ctrl + F) Перайсці да Object> Transform> Reflect. Фліп яго з дапамогай вертыкальнай восі.



крок 8

Паўтарыце працэс лініі (перацягнуць лінію ўздоўж шляху, давесці круг на вяршыні, дадаць кропку скрыжавання з акружнасцю).



крок 9

Скапіюйце і ўстаўце круг на месцы, і перайдзіце да Object> Transform> Scale. Зрабіць гэта 225% больш.



крок 10

Перацягнуць 15 градусаў кут верхняй кропкі вялікага круга непасрэдна на верхняй частцы меншага ад кропкі. Яны павінны прыцягвацца адзін да аднаго на месцы.



крок 11

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



крок 12

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



крок 13

Капіяванне і ўстаўка на месцы невялікі круг вонкавага радыусу. Маштаб яго да 50%.



крок 14

З дапамогай опцыі Smart Guides, дадаць кропку з дапамогай Pen Tool на ўнутраны радыус акружнасці на 135 градусаў (гід пакажа аўтаматычна). У асноўным, гэта 45 градусаў па дыяганалі.



крок 15

Капіяванне і ўстаўка замест малога круга (мы будзем называць гэты новы адзін сярэдняга памеру). Маштаб яго на 130%.



крок 16

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



крок 17

Капіяванне і ўстаўка замест адной з вялікіх колаў. Дайце яму дыяметр -15 градусаў, а таксама.



крок 18

Перасоўванне вялікага круга, так што адпавядае 15 градусаў кута кропка асяроддзя круга.



крок 19

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



крок 20

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



крок 21

Цяпер стварыце абводку ў 37 пт, што гэта больш, чым ліст. Акрамя таго, стварыць тонкі штрых, які будзе выкарыстоўвацца ў якасці кіраўніцтва (бачылі ў чорным). Прывязаць накіроўвалую да правай кропцы сярэдняга круга.



крок 22

Хоць з вялікай ход абраны, перайдзіце ў Object> Expand.



крок 23

Стварыць некалькі рэкамендацый па кожным боку гэтага тоўстага інсульту.



крок 24

Выдаліць тоўстую абводку, і адправіць накіроўвалыя вы толькі што зробленыя на адваротным баку палатна.



крок 25

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



крок 26

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



крок 27

Вось як гэта працуе. Кожны круг мае значэнне толькі да таго часу, пакуль не закране іншага круга. Такім чынам, з вялікай знешняй верхняй акружнасці (да гэтага часу захоўваецца ў выглядзе белай лініі для даведкі) усё, што нам трэба, гэта малюсенькае, верхні біт. Паколькі мы дадалі пункту перасячэння для ўсіх з іх, усё, што нам трэба зрабіць, гэта абрэзаць масоўку, выдаліўшы непатрэбныя кропкі з дапамогай прамога выбару прылады (A - белая стрэлка). Выдаліць усе, але выдзеленая частка ніжэй.



крок 28

Ад кутняга радыусу, пакіньце гэтак жа для падлучэння верхняй і левай вялікі круг.



крок 29

Зрабіце тое ж самае для левага вялікага круга, а затым у ніжняй часткі.



крок 30

Прама цяпер, гэта тое, як ваш круг павінен выглядаць. Не супраць вяршыні быць больш. Гэта не на самай справе - «Е» літара крыху менш за шырокім, чым «а» на вяршыні.



крок 31

Шлях можа выглядаць бесперапынным, але на самой справе ён падзелены на шмат частак, якія мы стварылі. Цяпер нам трэба аб'яднаць усе перасякальныя пункту разам. Пры непасрэдным выбару прылады (A), супраціў на працягу двух перакрываюцца кропак і злучыць шляху разам (Ctrl + J). Зрабіце гэта для ўсіх расшчэпленых рэшт.



крок 32

Ваш знешні контур цяпер скончаны. Будзьце асцярожныя, каб не прапусціць любыя вольныя канцы.



крок 33

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



крок 34

Памятаеце дзве вертыкальныя накіроўвалыя мы размясцілі? Зачыніце 'A' чашу з дапамогай Rectangle Tool (M).



крок 35

Запоўніце шлях чары суцэльнага колеру, выдаліце ​​гэты шлях і згрупуюцца яго з прастакутнікам. І, нарэшце, мы маем нашу першую літару!



крок 36

Дублюем і давайце пяройдзем да наступнага ліста. Стварэнне 15 градусаў нахільнай лініі.



крок 37

Змесціце ніжнюю канчатковую кропку лініі па куце лісты.



крок 38

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



крок 39

Перамесціце прастакутнік, пстрыкаючы ў ніжнім правым куце над ніжняй канчатковай кропкай у лісце ст.



крок 40

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



крок 41

Перацягнуць верхні правы кут прастакутніка, пакуль ён не стане на шлях шара.



крок 42

Абрэжце лішкі чары на правай баку прамавугольніка, як паказана ніжэй.



крок 43

Дублюем прастакутнік, павярнуць яго пад вуглом 90 градусаў і прывязаць яго да кута папярэдняга прамавугольніка.



крок 44

Дублюйце вертыкальны прастакутнік і прывязаць яго да сярэдняй ўнутранай якар шара.



крок 45

Перацягнуць дзве канчатковыя кропкі гарызантальнага прамавугольніка з дапамогай Direct Selection Tool (A), пакуль ён не ўстане на трэці прастакутнік. Выдаліць апошні выявіць разрыў.



крок 46

«З» з'яўляецца просты мадыфікацыяй над «ё». Проста адрэжце гарызантальны падзельнік, выкарыстоўваючы кіраўніцтва ад «х». Цяпер у нас ёсць тры самыя цяжкія літар, каб стварыць!



крок 47

Цяпер мы пачнем ствараць фармулёўкі, а таксама ствараць новыя літары, дзе гэта неабходна. Для пачатку нам спатрэбіцца сетка размяшчэння. Стварыце дзве вельмі доўгія гарызантальныя лініі і зашчапіць іх вертыкальныя анкеры, якія найбольш далёкія ад «а».



крок 48

Згрупуюцца два радкі (Command + G), выразаць і ўставіць іх на новы пласт, скапіруйце і ўстаўце іх на месца (Ctrl + F). Маштаб гэтай новай групы аж да 94% ад яго вертыкальнай восі. Чаму двайны набор накіроўвалых? Вазьміце хуткі погляд на кожны прафесійным шрыфце ў вашай бібліятэцы. Вы заўважыце, лічыльнікі заўсёды дасягаюць далей, чым сцеблы. Гэта таму, што, калі лічыльнік і шток знаходзіцца на роўных узроўнях, адзін візуальна ўспрымае сцябло, як быць вышэй. Каб кампенсаваць гэтую розніцу ва ўзроўні, неабходна павялічыць узровень лічыльніка за межамі х вышынь.



крок 49

Чырвоныя лініі зараз наша й вышыня. Зараз нам патрэбен ASCENDER лініі (адзначаны белым колерам).



крок 50

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



крок 51

Дадаць яшчэ адно кіраўніцтва, што прывязвае да кончыка літары "а" чары (як паказана ніжэй). Затым на пласце шрыфта, дадайце 20 градусаў пад вуглом лінію і зашчапіць верхнюю канчатковую кропку, дзе накіроўвалая перасякаецца са штоком.



крок 52

Зараз патрэбен кампанент для літары "л". Стварэнне вельмі вялікае кола на тым жа пласце.



крок 53

Прывязка левага гарызантальнага якара акружнасці да штоку.



крок 54

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



крок 55

Абрэжце круг, пакуль вы не засталіся з невялікай ніжняй левай частцы. Злучыць шляху, каб атрымаць канчатковую літару «л».



крок 56

Стварыць доўгую 40 пт (таўшчыня лініі) вертыкальную лінію і павярнуць яе пад вуглом 35 градусаў.



крок 57

Дублюйце лінію і перавярніце яго па гарызанталі.



крок 58

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

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



крок 59

Дублікат "а" і перавярнуць яго па гарызанталі ў ніжнім шэрагу.



крок 60

Разгарніце сцябло, пакуль ён не дасягне ASCENDER лініі.



крок 59

Дублікат "а" і перавярнуць яго па гарызанталі ў ніжнім шэрагу.



крок 60

Разгарніце сцябло, пакуль ён не дасягне ASCENDER лініі.



крок 61

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



крок 62

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



крок 63

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



крок 64

Абрэжце ўсе, акрамя таго, што паказана на скрыншоце ніжэй.



крок 65

Дадайце радок у «т», выкарыстоўваючы правільныя выраўноўвання.



крок 66

Дадаць градусны лінію -10 і выкарыстоўваць яго ў якасці кіраўніцтва, каб змяніць радок.



крок 67

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



крок 68

І, нарэшце, літара "я" зрабіў з скарочанай «л». Дадайце кропку, але зрабіць кропку 105% больш, чым вага шрыфта (ці больш, калі вам падабаецца).



крок 69

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



крок 70

Тое, што мы сапраўды хочам, хоць, аптычны інтэрвал. Пры роўнай раздзяляльныя літары, вы атрымліваеце непажаданыя прабелы ў сувязі з выразнай форме кожнай літары. Зазоры павінны быць нівеліраваныя шляхам перамяшчэння кожнага налева або направа лісты. Напрыклад, у раздзеле «ТВК», я пераехаў «е» больш налева, каб выправіць гэты прабел. Ня перамяшчайце канчатковыя літары кожнага слова (а, х, б, г). Перамясціць змесціва вакол замест гэтага.

Неабчышчаны спосаб тлумачэння кернинга гэта. Уявіце, што вы павінны былі запоўніць прабелы паміж кожнай літарай з пяском. Кожнае прастора павінна тады быць прыкладна аднолькавага аб'ёму.


А вось Таварны знак, да і пасля кернинга.



крок 71

Стварэнне амбиграммы даволі лёгка. Скапіюйце і ўстаўце дзве літары «Б» на іншым пласце.



крок 72

Фліп левай як вертыкальна, так і гарызантальна.



крок 73

Сумесціце два, як паказана на малюнку ніжэй.



крок 74

Стварыць ход 30 пт і пашырыць яго. Сумесціце яго да абодвух баках сцябла.



крок 75

Вазьміце Pathfinder і выкарыстоўваць Адніманне з опцыі вобласці формы, каб выразаць амбиграмму.



крок 76

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



выснову

І вось яны, амбиграмма і Таварны знак. Я спадзяюся, што гэты падручнік навучыў вас рэч ці два аб тыпаграфікі. Я з нецярпеннем чакае, каб убачыць свае ўласныя імёны і асобу, выяўленую праз карыстацкае твар!



Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.