Шрифты дизайнерские онлайн: Дизайнерские шрифты (537 шрифтов скачать) 🌴 FontsIsland.com

101 бесплатный сервис для дизайнера / Хабр

pixli_platform 6 апр 2017 в 17:27

Время на прочтение 10 мин

Количество просмотров 194K

Блог компании Pixli Веб-дизайн *Работа с иконками *Прототипирование *Графический дизайн *

Представляем вам подборку бесплатных сервисов для дизайнера. Это первый вариант, в дальнейшем планируем расширять, добавляя новые разделы и инструменты.

Шрифты

• Google Fonts – всеми любимая библиотека шрифтов. Позволяет подобрать и скачать разные шрифты на все случаи жизни.
• 1001 Free Fonts — библиотека шрифтов. Имеет удобную навигацию – шрифты отсортированы как по алфавиту, так и по типам. Имеется раздел русских шрифтов.
• Fontstruct – онлайн конструктор шрифтов. Очень простой инструмент, позволит создать собственный шрифт. Рисовать можно не только стандартными квадратами, но и другими фигурами – точки, закругленные углы и пр. Для начинающего идеальный инструмент, чтобы попробовать и увидеть типографику в действии.
• Font Squirrel – одна из самых больших библиотек шрифтов. Кроме этого можно загрузить рисунок и получить названия шрифтов, используемых на нем. Есть магазин шрифтов, и даже магазин одежды с логотипами.
• Type light – полнофункциональный редактор шрифтов. Позволяет создавать, редактировать и конвертировать шрифты OpenType, TrueType и PostScript. Необходимо скачивать и устанавливать. Бесплатная версия имеет ограниченный функцуонал по сравнению с бесплатной. Но для создания простого шрифта хватает.
• What Font is – онлайн сервис для подбора шрифтов сайта. Загружаем файл шрифтов, указываем url сайта и выидим как загруженный шрифт будет выглядеть на сайте. Удобнцый сервис.
• 1001 Fonts – библиотека шрифтов (более 15000). Удобная навигация – шрифт можно выбрать по размеру, типу, теме, дизайну и т.д. Меню позволяет настроить вывод, что дает возможность увидеть каждый шрифт в разных опциях: размер, начертание и т. д.
• Font Flame – онлайн сервис подбора пары сочетаемых шрифтов. Действует очень просто – на главной странице предложен листок с двумя надписями, сделанными разными шрифтами. Понравилось – жмите «Love», нет – «Hate». Потом выбранные можно просмотреть еще раз. Клик по названию шрифта открывает Google Fonts.
• Typecast – выбор шрифта для прототипа. Можно просмотреть как шрифт будет выглядеть на любых устройствах. Необходимо обозначить разные типы текста – заголовки, кавычки и т.д. Можно выбрать гарнитуру, размер, начертание, установить отступы. Вы увидите вашу будущую страницу в тех шрифтах, которые установили. Большой плюс – выбор макета (одна колонка или несколько, разные расположения блоков).
• Wordmark — позволяет подобрать шрифт, установленный на компьютере пользователя, для текста, логотипа или заголовка. При вводе текста в поле показывает его различными шрифтами. Можно выбрать размер, регистр, отображение черно-белое или наоборот. Понравившиеся варианты публикуются в триттере или на фейсбуке – по выбору пользователя. Можно отправить на email.

Стоки фотографий

• Unsplash – постоянно пополняемый сток фото. Коллекции разделены на темы. Можно найти все что угодно, от «Афроамериканцы» до «Природа». Каждая фотография имеет свою оценку, можно посмотреть лучшие или новинки.
• FoodiesFeed – фото еды. Изображения разбиты по категориям. Можно выбрать лучшие, эксклюзивные, иконки, мокапы и пр.
• Free Refe Photos — огромный список изображений «Real life». Главным образом пейзаж и фотографии природы. Неудобная навигация, все фото на главной странице, появляются при скроллинге.
• Little Visuals – качественные фото ландшафтов и зданий. Можно скачать архивом лучшие фото, выложенные за неделю. Фотографии обозначены хештегами, но не разбиты по категориям.
• Gratisography – огромная библиотека бесплатных фото. Все фото разбиты на шесть тем: люди, гримасы, города, предметы, природа и животные. Можно искать по словам.
• Death to the Stock Photo – сток фотографий. Просто посмотреть и выбрать нельзя. Они делают подборку за месяц и дают ее скачать после ввода email. Архив весит около 11 Мб. На почту присылают лучшие фото и ссылку на скачивание.
• Superfamous – большая коллекция фото с необычного ракурса. Набор небольшой, но интересный.
• The Pattern Library – шаблоны и текстуры. Набор достаточно велик, шаблоны необычны. Сменяются прокруткой, причем постепенно. Можно увидеть как шаблон будет выглядеть на весь экран или на его часть.
• New Old Stock – винтажные фото из архивов. Бесплатных фото немного, но регулярно появляются новые.
• Pexels – большое количество фото на все случаи жизни. Разбиты по темам, очень удобно искать.
• Jay Mantri — большой набор фотографий. Классификации как таковой нет, можно посмотреть по месяцам.

Стоки графики

• Brusheezy – бесплатные кисти, шаблоны, текстуры и прочее для фотошопа. 12 категорий, в каждой из которых подкатегории. Выбор огромен.
• Iconfinder – иконки, как платные, так и бесплатные. Скачать можно в форматах ICO, PNG, ICNS, SVG.
• Brushez – большая коллекция кистей для фотошоп. Кроме них еще векторные примитивы, формы, шаблоны, стили. Каждый раздел разбит на подразделы. Например, для кистей более 20 категорий.
• Vecteezy – бибилотека векторной графики, включая изображения и иллюстрации. Большое количество категорий и огромное – графики.
• Iconbird — русскоязычный сервис по поиску иконок. Можно ввести тему и получить набор иконок, а можно просматривать по категориям.
• Icons8 — русскоязычный сервис, предлагающий более 42000 иконок по разным тематикам.

Инфографика

• Vizualize – онлайн сервис для создания инфографики «О себе». По сути, создает графическое резюме.
• Canva – простой инструмент для создания любого дизайна. Позволяет оформить презентацию, плакат, запись в соцсетях, книги, письма, материалы и многое другое. Все делается на основании шаблонов, меняется текст. Но шаблонов очень много, есть из чего выбрать.
• Easelly – создание инфографики на основании шаблонов. Встроенный онлайн редактор позволяет менять оформление, размещать дополнительные жлементы, менять текст.
• Infogram – онлайн сервис для создания инфографики и интерактивных диаграмм. Не все функции доступны, придется покупать аккаунт.
• Visage – простой инструмент для создания любого визуального контента (диаграммы, инфографика, изображения для блога и пр.). Множество шаблонов, простой редактор. Некоторые функции платные.
• Gliffy – онлайн сервис для создания диаграмм. Редактор действует по принципу Microsoft Visio.
• Visme – онлайн инструмент для создания презентаций и инфографики. Более 1000 шаблонов. Редактор позволяет добавлять текст (заголовки, списки, кавычки и обычный), анимированный текст и виджеты. В бесплатном аккаунте можно скачать как JPG файл.
• Piktochart – создание высококачественной графики – презентации, инфографика или печатный материал. Выгружается PNG, JPG разных размеров.
• Drawio – удобный онлайн сервис для создания диаграмм. Можно сохранять в dropbox и подобные сервисы, можно на диск.
• Venngage – простое создание инфографики, плакатов, отчетов, материалов для соцсетей и пр. В бесплатной версии дает только ссылку на публикацию. За скачивание надо платить.
• Cacoo —онлайн сервис для рисования диаграмм и карты сайта. Пожалуй, самый лучших по возможностям. Большое количество инструментов и шаблонов. Экспортировать можно в PNG, PDF, SVG, PPT и др.
• Creately – онлайн сервис рисования диаграмм. Доступны только для публикации. Скачивание платное.
• Lucidchart — онлайн сервис создания диаграмм и чертежей. Есть возможность импортировать диаграмму Microsoft Visio. Экспортируется в PDF, PNG и JPG. Имеется платный функционал.

Цвета

• Color Hunt – подбор сочетаний цвета. Можно подбирать до четырех цветов. Есть готовые решения для выбора.
• TinEye – анализирует сайт и выводит список ресурсов, на которых используется картинка с сайта.
• ColorZilla – позволяет создавать цвета и градиенты. Выводит css свойства для них.
• Adobe Color CC – создание цветовых схем.
• Colicious – нажимайте на пробел и генерируйте новый цвет.
• Colorscheme — подбор цветовых схем. Есть версия на английском и на русском. Позволяет подобрать цвета к сайту. Имеет тонкую настройку, показывает код цвета. В конечном итоге позволяет просмотреть страницу в выбранной цветовой гамме. Самый большой плюс – просмотр гаммы с точки зрения отклонения цветовосприятия. Также позволяет выбрать разные цветовые модели. Сохраняет в палитру Gimp, CSS,PNG и т.д. Имеет конвертер цветов для перевода из одной цветовой модели в другую.
• Paletton – инструмент для создания комбинаций цветов. Ничем не отличается от Colorscheme.
• Pictaculous – анализирует палитру изображения PNG, JPG или GIF. Загружайте изображение и получите набор всех цветов, которые в нем присутствуют.
• Hex Color Tool – инструмент выбора цвета. Ползунками настраивается цвет, можно выбрать яркость. Затем выбранный цвет сохраняется. Можно подобрать палитру.
• (Un)clrd – плагин для браузера, который удаляет все цвета и оставляет сайт в черно-белом цвете.
• BrandColors — самая большая коллекция официальных фирменных цветовых кодов. Выбираете название бренда и скачиваете названия его цветов, в том числе и в css- файл.
• Colortyper — подбор цветов с необычного ракурса. На экране показываются разноцветные символы, которые пересекаются. Результат пересечения – новый цвет. Выглядит интересно.

Вдохновение

• Dribbble — Самое многочисленное сообщество дизайнеров. Работы, сообщества, общение – здесь можно найти все что угодно.
• Freebbble – шаблоны и дизайны из Dribbble. Что-то можно скачать бесплатно, что-то купить. Можно найти шаблоны для CMS, конструкторов, иконки, мокапы, сверстанные шаблоны сайтов и многое другое.
• Muzli — Ежедневное вдохновение дизайна. Ресурс для дизайнеров с примерами самых необычных работ.
• Awwwards – лучшие разработки дизайнеров. Организован как сообщество, где можно проголосовать сайт. Выбираются сайт дня, месяца, года и пр. Большое количество дизайна, видео, разработок.
• Design You Trust — сообщество дизайнеров, совместно использующее последние тенденции, новости, портфолио, дизайны и творческие объявления.
• Really Good Emails — огромная коллекция хорошо разработанных электронных писем. Выбираете шаблон и получаете его код html, css и js. Можно менять текст, рисунки и пр.
• Fubiz – публикации из области дизайна и креатива. Можно найти фотографии, дизайн, графику, видео и др. Все разбито по категориям.
• Designspiration – коллекция дизайнов в стиле Pinterest. Огромное количество идей и примеров – типографика, логотипы, письма и многое другое.
• Behance – коллекция портфолио от профессионалов. Можно оставить вакансию или резюме.
• Mobile-patterns – библиотека скриншотов iOS и Android. Все разбито по разделам. Можно найти много идей.
• One Page Love – галерея лучших дизайнов web-страниц. Можно купить шаблоны и темы. Есть и бесплатные.
• Uispace — ресурс для дизайнеров. Можно бесплатно скачать psd, sketch, шрифты, мокапы и пр.

Графические редакторы

• DAZ 3D — 3D моделирование. Регистрируетесь и скачиваете дескопное приложение.
• Gimp – бесплатный аналог фотошопа. Позволяет настроить модульную сетку, создать направляющие, работать со слоями, добавлять эффекты и пр. Является неплохой бесплатной заменой фотошопу. Является расширяемым — можно скачать дополнительные плагины.
• Blender — 3D моделирование, анимация, рендеринг, звук, видео. Позволяет создавать игры. Быстро развивающийся редактор, очень популярен.
• Aviary – онлайн сервис редактирования фотографий. Много возможностей, в том числе «Эффект красных глаз», изменение размера и пр.
• Pixlr – онлайн редактор фотографий и редактор графики отдельно. Последний похож на фотошоп. Сохраняет на диск.
• BeFunky – онлайн сервис редактирования фотографий. Эффекты, рамки, графика, ретушь и многое другое. Есть русскоязычный интерфейс.
• Inkscape – полноценный редактор векторной графики с открытым исходным кодом. Поддерживает возможности формата SVG — работу с фигурами, контурами, текстом, векторизацией растровой графики и др. Кроме обработки векторных изображений, позволяет создать шаблон сайта и нарезать его – модульная сетка присутствует. Дает возможность рисовать фоны, баннеры, векторные логотипы и др.
• IconEdit2 – очень простая программа для рисования иконок. Имеет фильтры. Позволяет экспортировать изображение для Android и Apple. Можно настраивать глубину цвета, поворачивать и корректировать иконку. Поддерживает полупрозрачность, несколько изображений в один файл ICO и сглаживание во всех инструментах рисования.
• Falco GIF Animator — программа для создания покадровой анимации и анимированных иконок. На ресурсе можно скачать много разных программ.
• Krita – профессиональный десктопный редактор с открытым исходным кодом. Доступен для разных ОС.
• Boxy-SVG — редактор векторной графики, подобный Adobe Illustrator, Sketch и Inkscape.
• Photopos — многофункциональная программа, с функциями редактора фотографий, графического редактора и приложения для создания компьютерной графики.
• 5Dfly — бесплатное приложение пакетной обработки фотографий. Умеет создавать слайд-шоу под PowerPoint. Отдельно можно скачать конвертер в PDF.
• PaintStar — бесплатный редактор изображений. Интерфейс очень похож на Paint, но возможностей больше. Слои, например.
• PhotoScape – простой редактор фотографий. Имеет функции настройки яркости и цвета, баланс белого, коррекция подсветки, рамки, воздушные шары, мозаичный режим, добавление текста, рисование изображений, обрезка, фильтры, удаление эффекта красных глаз, расцветка, кисть, клон-марка, кисть эффекта и пр.
• Pablo — онлайн редактор, создающий изображения для социальных сетей. Можно загрузить изображение, посмотреть его для разных устройств, наложить эффект и и текст.
• Internet Marketing Ninjas – онлайн сервис для быстрой обрезки изображений. Очень удобно, если надо сделать быстро.
• Meme Generator — генератор мемов. Можно выбрать картинку, создать подпись или сгенерировать ее автоматически. Не скачивается, только публикуется в соцсетях.

Программы для создания логотипа

• Free Logo Maker – онлайн редактор для создания простых логотипов. Позволяет рисовать с нуля. Бесплатно сохраняет в PNG.
• DesignMantic – сервис, генерирующий логотип. В редакторе можно изменить, добавив новую форму или текст.
• Logotype Maker – сервис, генерирующий логотип на основании шаблона. Потом можно поменять в редакторе. Сохраняет в JPG и PNG форматах.
• Jeta Logo Designer — позволяет быстро создать красочный логотип. Очень проста в обращении. Имеет набор из более чем 10000 фигур и иконок. Возможности стилизации достаточно велики. Объекты, как и текст, можно трансформировать и поворачивать, добавлять эффекты сглаживания, свечения, обводки, тени и т.д. Всего имеет около 200 стилей для фигур. Ручное рисование не предусмотрено, но можно загружать рисунки. Имеет собственные шаблоны логотипов.
• Flaming Text — онлайн сервис для разработки дизайна логотипа. Основан на шаблонах, но имеет встроенный редактор. Сохраняет в PNG формате.
• Logo Ease — программа для создания логотипов. Логотип можно создать на основании шаблона, редактировать.
• Online Logo Maker — онлайн сервис создания логотипов. Простой редактор, легко скачать. Бесплатно только вариант на 300px.

Прототипирование

• Napkin – десктопное приложение для быстрого создания мокапов для iPhone.
• HTML5 UP – отзывчивые и адаптивные шаблоны HTML5.
• Inkbrush — Онлайн инструмент для проектирования шаблонов писем электронной почты. Совмещается с почтовыми службами.
• Marvelapp – онлайн сервис для создания интерактивного прототипа. Можно создать прототипы для разных устройств. Позволяет загружать готовые макеты, просто перетаскивая их в указанную область. В качестве рисунков используйте mockup. Загружайте, выделяйте области, настраивайте переходы. Интегрирован с DropBox и ГуглДиск, Sketch.
• MockPlus – программа для создания прототипов на всех платформах. Скачивайте и создавайте. Досьупно для всех устройств.
• InVision – приложение для совместной работы над прототипом проекта. Инструмент для компании любого размера. Разработка программного продукта с общим доступом — все этапы могут видеть и контролировать как разработчики, так и менеджмент компании.
• Pencil – десктопный инструмент создания прототипов и интерфейсов. Имеет большой набор инструментов, в том числе диаграммю
• iPlotz — создание управляемых каркасов сайта или приложения. Для шаблонов можно получить код HTML. Есть онлайн версия, есть десктопная.
• MockFlow — создание моделей интерфейсов пользователя. Бесплатный доступ ограничен одним пользователем на один проект.
• Pictofon – быстрое создание мокапа для любого устройства. Выбираем макет, загружаем картинку и получаем мокап в PNG формате.
• Placeit — Бесплатные шаблоны и мокапы для всех типов устройств. Выбираем макет (от него зависит ракурс просмотра), указываем имя сайта и видим как он будет выглядеть.
• Pixli – платформа для web-дизайна. Есть бесплатный аккаунт, в котором можно создать мокап, прототип и на его основании сразу сайт.

В нашей подборке мы собрали 101 инструмент для дизайна. Не все сервисы абсолютно бесплатные, некоторые имеют платные аккаунты. Тем не менее, свободными версиями тоже можно пользоваться, получая результат.

Мы планируем расширять эту подборку новыми сервисами и разделами. Будем благодарны, если вы поделитесь своими находками!

Теги:

• веб-дизайн
• подборка
• дизайн

Хабы:

• Блог компании Pixli
• Веб-дизайн
• Работа с иконками
• Прототипирование
• Графический дизайн

Всего голосов 34: ↑28 и ↓6 +22

Комментарии 13

Сайт

@pixli_platform

Пользователь

Советы графическим дизайнерам: лайфхаки по улучшению дизайна

Если вы не дизайнер, но когда-то пробовали создать графическую работу, вы можете обнаружить, что ваш дизайн выглядит не таким безупречным и профессиональным, как хотелось бы. То не волнуйтесь, мы знаем, что делать.

Ниже преподаватели школы графического дизайна Design IT собрали ТОП лучших советов и приемов графического дизайна, которые помогут вам создать более привлекательный дизайн в кратчайшие сроки — даже без опыта в дизайне.

Совет № 1: Будьте проще

Первый и самый важный совет по дизайну для тех, кто не является дизайнером, и для начинающих дизайнеров — не усложняйте его. Нет ничего хуже, чем ошеломляющий дизайн, который трудно понять.

Чтобы все было просто, задействуйте своего внутреннего минималиста. Используйте минимальное количество текста и шрифтов, держите цвета под контролем и визуальные эффекты сбалансированными.

Взгляните на примеры таких работ ниже.

Работы учеников с 4 урока Онлайн-курса графического дизайна Design IT

Это просто, но очень привлекательно, несмотря на то, что используется не так много элементов, однотонный фон и аккуратные шрифты делают свое дело.

Секрет хорошего дизайна не в том, чтобы впихнуть в свой дизайн как можно больше графики и элементов. Это достижение баланса между эстетической привлекательностью и четкой и эффективной передачей вашего сообщения потребителю.

Совет № 2: Используйте единую цветовую палитру

Цветовые палитры и цветовые схемы так же важны, как и сообщение, которое вы хотите передать с помошью своего дизайна. Однако подобрать идеальное сочетание цветов не всегда просто.

К счастью, готовые к использованию цветовые палитры легко найти. https://coolors.co имеет средство выбора цветовой темы как часть ваших инструментов редактирования. Просто просмотрите цветовые темы и попробуйте их.

Отличным способом создания цветовых палитр является извлечение цветов из изображения. Вы можете сделать это в редакторе Adobe Color, нажав на палитру цветов, а затем на знак плюс. Загрузите свое изображение, и у вас будет новая цветовая палитра для работы.

Этот веб-сайт предоставит вам несколько цветовых палитр из любого изображения.

Работы учеников с 5 урока Онлайн-курса графического дизайна Design IT

Совет № 3: Держите типографику под контролем

Искусство выбора шрифтов имеет плохую репутацию в мире дизайна среди недизайнеров. Легко почувствовать себя ошеломленным выбором различных шрифтов, доступных в Интернете.

Мало того, вы должны знать, как сочетать шрифты в дизайне, чтобы он выглядел целостным и приятным.

Отличный способ избежать стресса, связанного с испытанием миллиона комбинаций, — это использовать проверенные пары. Профессиональные дизайнеры также любят новые и красивые шрифты, но если вы спросите их, они скажут вам, что большую часть времени они используют лишь несколько классических шрифтов.

Одним из простых практических правил, если вы хотите создать пары с разными шрифтами, является использование одного нового шрифта для заголовков и обычного классического шрифта для всего текста. 

Вы даже можете использовать только одно семейство шрифтов и создать пару его разных начертаний. Например, жирный шрифт Montserrat для заголовка, обычный шрифт Montserrat для текстовых блоков и курсив для подзаголовков.

Работы учеников с Онлайн-курса графического дизайна Design IT

Совет № 4: Всегда используйте пустое пространство

Белое пространство не совсем «белое». Это означает, что есть пустое пространство без текста или элементов на нем.

Это область дизайна, где он «дышит». Это одна из дизайнерских техник, освоить которую сложнее, чем другие.

Работы учеников с Онлайн-курса графического дизайна Design IT

Хороший способ научиться использовать пустое пространство — изучить минималистский дизайн. Это движение основано на идее, что «меньше значит больше», и вам нужно только самое необходимое на графике.

Совет № 5: Постоянно улучшайте свои дизайнерские навыки

Улучшить свои дизайнерские навыки несложно, если вы уделяете время изучению и применению новых методов. Объем работы, которую вы вкладываете в это, зависит от того, хотите ли вы работать графическим дизайнером или стать специалистом в области создания графики для маркетинга.

Чтобы еще больше улучшить свои дизайнерские навыки, следуйте видео- и текстовым руководствам. Они помогут вам узнать, как использовать инструменты дизайна, а также как стать лучше в дизайне. Всегда ищите вдохновение для дизайна в Интернете, чтобы поддерживать свой творческий потенциал.

Например, на углубленном курсе графического дизайна в школе Design IT предлагают обучиться дизайну за 3 месяца и сделать около 30 работ в портфолио.

В Интернете есть множество ресурсов, которые помогут вам научиться дизайну самостоятельно. Но больше всего поможет практика. Чем больше вы используете свои способности, тем большему вы научитесь на этом пути.

Вот самые важные советы по обучению себя дизайну:

• Учитесь на ошибках;
• Всегда продолжайте практиковаться;
• Следуйте инструкциям по методам, которые вы еще не знаете;
• Пройдите специализированные курсы по основам дизайна в школе Design IT.

Хочу стать графическим дизайнером!

Если вы хотите прокачать свои навыки в этой сфере, то выбирайте подходящий для себя курс на сайте tutortop. Для вас мы сформировали отдельную подборку лучших онлайн-курсов на рынке и сравнили их по множеству показателей.

Посмотреть подборку

Онлайн-курс — Дизайн цифрового шрифта от А до Я (Хуанхо Лопес)

Испанский с английскими субтитрами

• 98% положительных отзывов (186)
• 3661 студент
• 34 урока (8ч 37м)
• 27 дополнительных ресурсов (19 файлов)
• Онлайн и в своем собственном темпе

• Доступно в приложении
• Аудио: испанский
• испанский, английский, португальский
• Уровень: Начинающий
• Неограниченный доступ навсегда

---

---

Хуанхо Лопес, более известный как Хуанхез, специализируется на типографическом дизайне и здесь, чтобы научить вас процессу создания цифрового шрифта, от этапа рисования до загрузки его в папку со шрифтами и использования в программе дизайна.

Чему вы научитесь на этом онлайн-курсе?

Содержание курса

• У1

  У1. Проходи сюда

• У2

  У2. Прежде чем прикасаться к мыши

• У3

  У3. Знание программы

• У4

  У4. Рисовать буквы

• У5

  У5. Интервал и кернинг

• У6

  У6. Производство: Давай, пошли!

• ФП

  ФП Финальный проект

Подробнее

Начните с того, что узнайте больше о работе Хуанхеса, его мотивах и общей любви к типографике, а также о некоторых из его любимых книг и веб-сайтов.

Прежде чем приступить к дизайну, Хуанхез дает вам несколько мудрых советов о том, что значит браться за долгосрочную работу, например, за шрифтовой дизайн, и рассказывает о таких ключевых аспектах, как самостоятельная оплата, мотивация и терпение для достижения конечной цели.

Далее изучите материалы, форматы файлов, с которыми вы работаете и основные функции программы Glyphs, программы для шрифтового дизайна и производства шрифтов для Mac.

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

Затем, чтобы иметь гармоничную систему форм и пространств, которую можно назвать типографикой, изучите интервалы и кернинг.

Узнайте, как применить к шрифту такие функции OpenType, как лигатуры, капитель и т. д. Взгляните на Python и используйте программные скрипты для автоматизации задач.
Улучшите представление своего шрифта на экране с помощью подсказок и откройте для себя технику интерполяции, облегчающую задачу создания семейств шрифтов.

Что представляет собой проект этого курса?

Разработайте полный цифровой шрифт, т. е. набор символов, действительный как минимум для западноевропейских и центральноевропейских языков, с правильными интервалами и включая некоторые типографские усовершенствования, такие как лигатуры и другие функции OpenType.

Последнее упражнение состоит в создании образца, плаката с типографикой.

Проекты курсантов

• Автор: xavotowers

• Автор: steins1219

• julio_claudius

• +12

Для кого этот онлайн-курс?

Всем, кто любит рисовать и буквы, но никогда не пытался сделать что-то свое, или пытался, но в какой-то момент застрял.

Требования и материалы

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

Что касается материалов, вам понадобится карандаш, бумага и программа для типографского дизайна, хотя в курсе мы используем Glyphs.

---

Отзывы

---

Когда Хуанхо Лопес присоединился к Domestika в 2004 году, он решил называть себя Хуанхез. С тех пор и застрял!

Он независимый дизайнер и увлечен графическим дизайном и типографикой, всегда старается постоянно учиться, будь то векторные изображения, леттеринг, каллиграфия или создание композиций с использованием свинцовых или чугунных рычагов. Его цифровые шрифты под названием Huy! Шрифты распространяются, среди прочего, YouWorkForThem и MyFonts. Он является частью Familia Plómez, доцифрового типографского коллектива из Мадрида, и Unostiposduros.com, крупнейшего типографского веб-сайта в испаноязычном мире. Помимо того, что он дизайнер, он любит преподавать и вел множество курсов и семинаров по типографике, леттерингу и высокой печати.

---

Содержание

---

Чего ожидать от курса Domestika

• Учитесь в своем собственном темпе

  Наслаждайтесь обучением дома без установленного расписания и с помощью простого в использовании метода. Вы сами задаете темп.

• Учитесь у лучших профессионалов

  Изучите ценные методы и приемы, объясненные ведущими экспертами в творческом секторе.

• Познакомьтесь с опытными учителями

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

• Сертификаты

  Плюс

  Если вы являетесь подписчиком Plus, получите специальный сертификат, подписанный вашим учителем для каждого курса. Поделитесь им в своем портфолио, социальных сетях или где угодно.

• Получите места в первом ряду

  Видео высочайшего качества, чтобы вы не упустили ни одной детали. С неограниченным доступом вы можете смотреть их столько раз, сколько вам нужно, чтобы усовершенствовать свою технику.

• Делитесь знаниями и идеями

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

• Присоединяйтесь к глобальному творческому сообществу

  Сообщество является домом для миллионов людей со всего мира, которые любопытны и увлечены исследованием и выражением своего творчества.

• Смотрите профессионально подготовленные курсы

  Domestika курирует свой список учителей и самостоятельно разрабатывает каждый курс, чтобы обеспечить высококачественное онлайн-обучение.

---

Часто задаваемые вопросы

Что такое онлайн-курсы «Доместики»?

Курсы Domestika — это онлайн-курсы, которые предоставляют вам инструменты и навыки, необходимые для выполнения определенного проекта. На каждом этапе проекта видеоуроки сочетаются с дополнительными учебными материалами, поэтому вы можете учиться на практике. Курсы Domestika также позволяют вам делиться своими проектами с учителем и другими учениками, создавая динамичное сообщество курса.

Когда курсы начинаются и когда они заканчиваются?

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

Что включают в себя курсы «Доместики»?

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

Вам дали курс?

Вы можете активировать полученный курс, зайдя на страницу активации и введя свой подарочный код.

Когда я получу сертификат о прохождении курса? Plus

Если вы являетесь участником программы Plus, после прохождения приобретенного вами курса вы мгновенно получите персональный сертификат. Вы можете увидеть все свои сертификаты в разделе «Сертификаты» вашего профиля. Вы можете загрузить свои сертификаты в формате PDF и поделиться ссылкой в ​​Интернете. Подробнее о сертификатах.

Изучите создание шрифтов | Каждый вторник

Интерактивный PDF-файл, в котором перечислены все расходные материалы и программное обеспечение, используемые в классе, для быстрого доступа.

Набор распечатываемых * и * направляющих для надписей Procreate для сохранения единообразия надписей при создании шрифтов.

Файл Illustrator для экономии вашего времени за счет переноса ваших иллюстраций из Illustrator непосредственно в программу создания шрифтов (Glyphs) с идеальным выравниванием.

Не забудьте передать все символы, которые вам понадобятся, с помощью этого удобного списка только для английского языка и многоязычных шрифтов.

Очень подробные пошаговые инструкции о том, как интегрировать стандартные лигатуры, произвольные лигатуры, стилистические альтернативы и контекстуальные альтернативы (начальные и конечные формы) в ваши шрифты для дополнительной настройки.

10 видеороликов и более часа советов и стратегий, которые может использовать каждый, независимо от социальных сетей. Включает в себя печатные PDF-файлы + перелистываемая копия для удобства и быстрого внедрения.

Не думайте, что вы одиноки в этом! Если вы когда-нибудь застрянете, захотите поделиться своими историями успеха или вам нужно обсудить проблему, у вас будет сообщество любителей шрифтов (включая меня), которое выслушает + поможет.

Образец шрифта, который мы используем в классе, основан на символах из «Мисс Магнолия». Этот шрифт (названный Magnolia Script) включен в вашу регистрацию, поэтому вы можете увидеть папку с полной файловой структурой для обеих лицензий и иметь фактические файлы шрифтов, к которым можно обратиться, если они вам когда-нибудь понадобятся.

Интерактивный PDF-файл, в котором перечислены все расходные материалы и программное обеспечение, используемые в классе, для быстрого доступа.

Набор распечатываемых * и * направляющих для надписей Procreate для сохранения единообразия надписей при создании шрифтов.

Файл Illustrator для экономии вашего времени за счет переноса ваших иллюстраций из Illustrator непосредственно в программу создания шрифтов (Glyphs) с идеальным выравниванием.

Не забудьте передать все символы, которые вам понадобятся, с помощью этого удобного списка только для английского языка и многоязычных шрифтов.

2 разных шаблона: один только для английского языка и один для многоязычных шрифтов. В стартовых файлах Font Creator уже применены все настройки из видео, поэтому вы можете начать вставлять свои символы прямо в программу, даже не беспокоясь о том, верны ли ваши настройки.

10 видеороликов и более часа советов и стратегий, которые может использовать каждый, независимо от социальных сетей. Включает в себя печатные PDF-файлы + перелистываемая копия для удобства и быстрого внедрения.

Не думайте, что вы одиноки в этом! Если вы когда-нибудь застрянете, захотите поделиться своими историями успеха или вам нужно обсудить проблему, у вас будет сообщество любителей шрифтов (включая меня), которое выслушает + поможет.

Образец шрифта, который мы используем в классе, основан на символах из «Мисс Магнолия». Этот шрифт (названный Magnolia Script) включен в вашу регистрацию, поэтому вы можете увидеть папку с полной файловой структурой для обеих лицензий и иметь фактические файлы шрифтов, к которым можно обратиться, если они вам когда-нибудь понадобятся.

Зависит от того, сколько символов и функций вы хотите добавить. Для очень простого шрифта вы можете закончить за неделю или меньше. Для шрифта с большей языковой поддержкой, стилями и/или функциями запланируйте немного дополнительного времени.

Обязательно! Если вы закончите курс, следите за процессом и почувствуете, что вы не улучшились или не узнали ничего нового, напишите мне в течение 30 дней с момента покупки, чтобы получить полный возврат средств.

Навсегда! Пока существует Every-Tuesday, этот курс будет доступен для просмотра после регистрации. Это курс для самостоятельного изучения, поэтому нет необходимости заканчивать его в любое время. Смотрите в любом темпе, смотрите когда угодно, где угодно и столько раз, сколько хотите, в соответствии с вашим расписанием.

Ага! Английские субтитры доступны как для версии курса для Mac, так и для ПК.

Для прохождения курса вам понадобится компьютер Mac или ПК или ноутбук. Поскольку наше программное обеспечение для создания шрифтов работает только на настольном компьютере или ноутбуке, iPad будет недостаточно для полного курса.

Автоматизированные инструменты и плагины подойдут, если вы не планируете продавать свои шрифты. Поскольку плагины/приложения постоянно обновляются (ошибки распространены, а настройки часто), они могут создавать несоответствия шрифтов, которые находятся вне вашего контроля и могут быть ненадежными для ваших покупателей. Это может предотвратить повторных покупателей, создать негативные отзывы о ваших продуктах и ​​сделать невозможным предоставление надлежащей поддержки. Использование правильного программного обеспечения сэкономит вам время и нервы в будущем. Если вы серьезно относитесь к созданию и продаже пользовательских шрифтов, программное обеспечение для создания шрифтов — это то, что вам нужно.

Да! В ходе курса Illustrator используется для векторизации и подготовки букв для программного обеспечения для создания шрифтов. Все шаги подробно описаны со всеми нажатиями клавиш, перечисленными на экране. Если вы новичок в Illustrator, это может занять немного больше времени, но вполне выполнимо.

В Illustrator есть важные для процесса функции, которых пока нет в Affinity. Вы можете использовать Affinity, если хотите, но из-за этого я не смогу обеспечить его поддержку.

Мы будем использовать версию Illustrator для настольных компьютеров/ноутбуков, так как в приложении отсутствуют многие функции, которые нам нужны.

Основное отличие заключается в невозможности добавления функций шрифта (таких как лигатуры, альтернативные символы и т. д.) с помощью Glyphs Mini. Тем не менее, вы по-прежнему сможете создавать многоязычные, полностью рабочие шрифты с помощью Glyphs Mini!

Ага! Вы создадите надпись на своем iPad, а затем отправите ее себе по электронной почте. Затем вы перенесете свои надписи в Illustrator для векторизации и подготовите их для Font Creator.

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