portaldacalheta.pt
  • Основен
  • Начин На Живот
  • Уеб Интерфейс
  • Ux Дизайн
  • Процес На Проектиране
Инструменти И Уроци

Как да създадете персонализирани шрифтове: 7 стъпки и 3 казуса



Нека си признаем, има шрифтове, които дизайнерите обичат да мразят. Всъщност думата „омраза“ не може да бъде достатъчно силна. Флагелум? По дяволите? Чума? Екскременти? Чувал съм всеки от тях да обижда неодушевени букви, цифри и символи, които използваме за комуникация на идеи, и го разбирам напълно. Виждал съм (и съм правил) престъпления от типа толкова лоши, че дори и най-ексцентричното издание на офиса ще бъде смутено.

Но какво, ако ви кажа, че най-унизителните шрифтове от нашето поколение всъщност могат да бъдат най-добрият приятел на дизайнера на марка? Ами ако ви покажа как да преобразите формата на скучно, безжизнено писмо в изискани лога, които вашите клиенти ще харесат (и ще платят добри пари)? Бихте ли искали да промените коренно начина си на гледане на шрифтовете и да се отворите към една безкрайно обширна вселена от творчески мнения?



Ако е така, прочетете, защото аз ще ви преведа през един прост процес, който можете да използвате, за да трансформирате незабавно всеки шрифт в нещо по-добро. И за да покажа колко ефективен е този процес, ще демонстрирам всяка стъпка, използвайки три шрифта, които страстно мразят дизайнерите по целия свят.

Първо, Джокерман , странна колекция от клоунски герои, често срещани на банери за рожден ден и „причудливи“ картички с имена.



Типография на Жокерман

Тогава имаме Папирус , внимателно копирани от стените на гробницата на крал Тут и предпочитани от менютата на кафенета, сериозни художници и Джеймс Камерън .



Шрифт на папирус

И накрая, невероятно непринуден и криминален шрифт без нужда да бъде представен - единственият, несравним, комичен Санс .



Комична без типография

От тази малко вероятна група ще ви науча да виждате съкровището, където другите крещят „боклук!“, И да създавате персонализирани лога от най-висок калибър.



Лесен и надежден процес

Нека тръгнем на пътешествие от ужасна типография до невероятно лого. Ще започнем с нещо лошо, ще завършим с нещо добро и ще следваме същите седем стъпки всеки път. Кои са седемте стъпки? Ще ги опиша подробно по-долу, но първо, няколко бележки за инструментите, които ще ви трябват за тази кратка работа.

Препоръчителна организация

Визуалните дизайнери имат достъп до изобилие от евтини нови инструменти. Устройства с усъвършенствани сензорни екрани и писалки като Apple Pencil правят заснемането на идеи и преместването на цифров работен процес доста лесно. Експериментирайте свободно и се придържайте към това, което ви подхожда. Въпреки това, предпочитам да използвам нещо, което съм използвал и преди, което са инструменти на Adobe и Wacom:



  • Photoshop - Използва се за манипулиране на шрифтове и създаване на изискани многослойни скици.
  • Илюстратор - Използва се за векторно проследяване на скиците и бързо добавяне на стилови елементи като цветове, градиенти, текстури, шарки и др.

  • Таблетка Wacom - Използва се за цифрово рисуване в рамките на Photoshop.

Джокерман - от вулгарно до нещо класно

Джокерман е Джим Кери на шрифтовете: никога фини, силни под всеки ъгъл и въпреки това странно привлекателни за масите. Това е нелепо и скандално и точно типът типография, направен за този урок. Шантавите шрифтове като Jokerman са дълбоки до шията със странни дизайнерски елементи, но им липсва контрол за изискано лого. Като дизайнери, ние трябва да упражняваме добра преценка, а това често означава да се лишаваме от подробности с цел по-ясна комуникация.



Това е прост седемстепенен процес, който ни превежда от нежеланото на шрифта до лого от висок клас. В процеса има малко просто рисуване, но ако можете да напишете името си и да проследите снимка, имате всички умения, от които ще се нуждаете. Да започваме.

1. Анализиране на типографията

Джокерман: Анализиране на типографията

В Photoshop изберете шрифт (в случая Jokerman), въведете името на бизнеса, който искате за вашето лого, и бързо разгледайте всяка буква, за да получите представа за възможностите за дизайн като мащаб, пропорция, тегло на шрифта и т.н.

2. Идеален

Джокерман: Идеята

Използвайки таблета си Wacom, започнете, като направите основна скица на вашето лого. В този момент няма нужда да бъдете точни, просто скицирайте нещо бързо и лесно, което да служи като скелет за вашия дизайн.

рубин или рубин на релси

3. Изкривяване на типографията

Джокерман: Изкривяване на типографията

Използвайки избрания шрифт, мащабирайте, изкривявайте и изстисквайте всяка буква непропорционално на скицата на вашата идея. Не е необходимо да бъдете перфекционист в тази стъпка, ще го приспособите по-късно.

4. Корекция на скица

Джокерман: Фазата на корекция на скицата

Сега направете бърза скица върху изкривените си писма. Тук започвате да подобрявате недостатъците на оригиналния шрифт и да добавяте свои собствени детайли за дизайн.

5. Прецизиране на скицата

Джокерман: Фаза на усъвършенстване на скици

Това е последната фаза на скициране и усъвършенстване във Photoshop. Почистете всичко, което не работи, и попълнете писмата си, за да можете да получите по-добра представа за формата и връзката между интервалите на всяка буква.

6. Проследяване на вектор

Джокерман: Проследяване на вектори

Хвърлете изисканата си скица в Illustrator, вземете инструмента 'писалка' и внимателно си проправете път между щракванията, за да направите тези криви красиви.

7. Довършителни щрихи

Jokerman Reborn: Панорамен изглед

Jokerman Reborn: Отблизо

Джокерман прероден: сравняване на старото с новото

След като приключите с рисуването на всички вектори, добавете визуално въздействие с обмислени детайли като цветове, сенки, акценти, контури и т.н.

Папирус - фина трансформация

Изповед: Харесвам папирус и не ме интересува кой знае. Сериозно, не всички шрифтове, които дизайнерите обичат да мразят, са наистина толкова лоши. Твърде използвано? Може би. Корни? Добре, да Но това, че шрифтът кара някой да усеща, че нещо във вашия любителски документ има достойнство, не означава, че е лошо. И аз така чувствам папируса. Това е като онази риза, която си купих в Old Navy - стои ми добре и ме кара да изглеждам представително за специални случаи.

С това казано, моята рокля на роклята нарочно няма изтъркани ръбове. Така че нека видим дали можем да се придържаме към добрите части на буквените форми на Papyrus и да направим цялостния му външен вид да се почувства малко по-съвременен.

1. Анализиране на типографията

Папирус: Анализиране на типографията

Отново започваме във Photoshop. Изберете вашия шрифт (Papyrus) и дайте име на вашето лого. Погледнете всяка буква, като правите умствени бележки за потенциалните детайли на дизайна.

как да проведем тест за използваемост

2. Идеален

Папирус: Идея

Използвайки таблета си Wacom, бързо скицирайте някои идеи за композиция. Не мисли много, все едно да надраскаш име в тетрадка.

3. Изкривяване на типографията

Папирус: изкривяване на типографията

Както направихме с Jokerman, мащабирайте, разтягайте, накланяйте и стискайте всяка буква върху вашата скица за повдигане. Ще бъде разхвърляно, но не се притеснявайте!

4. Скица за корекция

Папирус: Преминаване през фазата на корекция на скицата

От всички тези стъпки това може да изглежда най-поразително, но не се стресирайте.

Не правите това от нулата, а използвате оригиналната структура на шрифта, докато добавяте свои собствени подобрения по пътя.

Тази скица може да бъде твърде грозна, ужасна; Красотата на слоевете в Photoshop е способността да се предприемат няколко стъпки, като всяка една се приближава до вашите истински дизайнерски намерения.

5. Прецизиране на скицата

Папирус: Преминаване през фазата на усъвършенстване на скицата

Това е последната ни стъпка във Photoshop. Бъдете честни със себе си относно частите на вашия дизайн, които не работят. Помага и оцветяването на буквите, за да можете да видите как изглеждат една до друга и да откриете нередности във формата.

6. Проследяване на вектор

Папирус: Проследяващи вектори

Поставете изисканата скица в Illustrator и започнете да рисувате вектори с писалката.

7. Довършителни щрихи

Papyrus Reborn: Панорамен изглед

Papyrus Reborn: Отблизо

Adobe опит дизайн срещу скица

Papyrus Reborn: Сравняване на новото със старото

С пълното си векторно проследяване оживете логото си, като добавите детайли като цветове, сенки, акценти и граници.

Comic Sans - Как да изгладите набръчкана риза

Отказвам да се подигравам на Comic Sans. Вярно е, че се появява в неподходящи моменти, изглежда малко объркан, сякаш току-що се е събудил от дрямка. Но, попадна на кратък дизайн и може да е най-известният шрифт в света.

От напълно естетическа гледна точка няма нищо прекалено хубаво в Comic Sans. Тя е пълничка, мърлява, а обратите и възлите в писмата са доста разсейващи. И все пак има интересна странност, която би могла да работи добре за лого и общоприето е, че като най-лошият шрифт в света и за всички времена го прави идеалното предизвикателство за нашата седемстепенна техника за усъвършенстване.

Този път обаче ще се съсредоточим по-малко върху механичните части и ще ви дам малко по-голяма представа за моя творчески процес на всяка стъпка.

1. Анализиране на типографията

Comic Sans: Анализиране на типографията

За тази стъпка мислете за себе си като за баща на неудобно тийнейджърско момче. Не може да се отрече, че той е мършав малък глупак, но вие ще видите всичко това до един ден къде ще бъде добър, голям човек.

2. Идеален

Comic Sans: Ideation

Идеята е моментът да разгърнете артистичната си страна. Можете да го редактирате безмилостно по-късно, но засега рискувайте.

Когато анализирах Comic Sans, забелязах някакъв вид гъвкавост, която се опитах да включа в своите скици на идеи.

Капиталовото бюджетиране е процесът на планиране и контрол на инвестициите

3. Изкривяване на типографията

Comic Sans: Изкривяване на типографията

Може би сте като мен ... малко натрапчиви в организирането на слоеве и използването на неразрушителни техники за редактиране във Photoshop. Не бъдете така за тази стъпка!

Въведете думата си, преместете я от вектор в плоско изображение и изкривете тези букви, доколкото можете.

4. Скица за корекция

Comic Sans: През фазата на корекция на скицата

Както казах, малките нередности в Comic Sans са дразнещи, затова за тази стъпка се фокусирах върху изправяне на линии и изглаждане на криви.

5. Прецизиране на скицата

Comic Sans: През фазата на усъвършенстване на скицата

Дълго време отидох направо от стъпката на Корекция на скица във Photoshop до Проследяване на вектор в Illustrator. Но когато за пръв път видях попълнените ми векторизирани писма, те винаги изглеждаха малко странно.

Тази стъпка за усъвършенстване е чудесен начин да се уверите, че буквите ви са добре разположени. В крайна сметка формите между буквите са също толкова важни, колкото и самите букви.

6. Проследяване на вектор

Comic Sans: Проследяване на вектори

Може да е лесно да изключите мозъка си, когато използвате писалката. Започвате да сочите, щраквате и плъзгате дръжките и спирате да търсите начини за подобряване на дизайна. Не прави това! Когато скицирате на ръка, непрекъснато вземате половин секунда решения и корекции. По същия начин трябва да използвате писалката в Illustrator.

7. Довършителни щрихи

Comic Sans Reborn: Панорамен изглед

Comic Sans Reborn: Отблизо

Comic Sans Reborn: Сравняване на старото и новото

Бях доволен от начина, по който се получи оформлението, затова си помислих, че ще се придържам към обикновена сянка и няколко акцента в интериорната линия.

В идеалния случай вашите буквени форми ще се открояват сами, без никакви орнаменти. The Довършителни щрихи Те съществуват, за да направят дизайна ви поп, но трябва да внимавате да добавите твърде много специални ефекти.

Възможността за нежелани неща

Ние, дизайнерите, е разумно да сме в крак с тенденциите, инструментите и начините на мислене, които съществуват в нашата професия. Учим се и се развиваме като общност и ако голям сегмент от нашата област е видял нещо зле, трябва да се опитаме да разберем защо.

Трябва обаче да се противопоставим на желанието да отхвърлим незабавно практиките, особено по прищявка на общественото мнение. Когато се натъкнем на нещо, което се смята за лошо, като използването на Jokerman, е добре да научим защо другите дизайнери мислят така, но е недалновидно да хвърляме потенциално ценен ресурс в купчината боклук.

Вместо това, запазете всичко, което можете, във файлове в ума си. Водете си умствени бележки, правете наблюдения, категоризирайте неща, които харесвате и не харесвате, и съхранявайте разнообразна селекция от мнения на други дизайнери.

Никога не се знае, някой ден може да направите най-малкото, което сте мислили, и да рискувате подигравките на дизайнерската общност, като използвате Comic Sans като основа за красивото лого на вашия клиент.

Овладейте тези популярни тенденции с тези уроци за Photoshop

Инструменти И Уроци

Овладейте тези популярни тенденции с тези уроци за Photoshop
Разработка на API в Go с помощта на Goa

Разработка на API в Go с помощта на Goa

Back-End

Популярни Публикации
Автоматизирани Android Crash Reports с ACRA и Cloudant
Автоматизирани Android Crash Reports с ACRA и Cloudant
Шаблони за терминологични листове - клаузи, за които трябва да се внимава по време на преговорите
Шаблони за терминологични листове - клаузи, за които трябва да се внимава по време на преговорите
Elasticsearch за Ruby on Rails: Урок за дъвчащия скъпоценен камък
Elasticsearch за Ruby on Rails: Урок за дъвчащия скъпоценен камък
Често срещани грешки в комуникацията с клиенти: Как да не разочаровате клиента си
Често срещани грешки в комуникацията с клиенти: Как да не разочаровате клиента си
Състезателно машинно обучение: Как да атакувате и защитавате ML модели
Състезателно машинно обучение: Как да атакувате и защитавате ML модели
 
С байпас на филтъра и някои шестнадесетични, хакнатите номера на кредитни карти все още са все още в състояние с Google
С байпас на филтъра и някои шестнадесетични, хакнатите номера на кредитни карти все още са все още в състояние с Google
UI срещу UX - Разгледайте основните разлики (Инфографика)
UI срещу UX - Разгледайте основните разлики (Инфографика)
Характеристики на Rails 6: Какво ново и защо е важно
Характеристики на Rails 6: Какво ново и защо е важно
Убедителен дизайн: Ефективно използване на напреднала психология
Убедителен дизайн: Ефективно използване на напреднала психология
Зелено за излитане - Вътре в електрическата самолетна индустрия
Зелено за излитане - Вътре в електрическата самолетна индустрия
Популярни Публикации
  • е .net с отворен код
  • какъв език за програмиране се използва за роботиката
  • c ++ <>
  • за какво се използват релсите
  • какво означава материален дизайн
Категории
  • Начин На Живот
  • Уеб Интерфейс
  • Ux Дизайн
  • Процес На Проектиране
  • © 2022 | Всички Права Запазени

    portaldacalheta.pt