Mo.Graphics

ЛУЧШИЕ МАТЕРИАЛЫ ДЛЯ ГРАФИЧЕСКОГО ДИЗАЙНЕРА

2022-03-28T11:31:08.277Z

Envato Elements

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

На сегодня в Envato Elements более 2,300,000 материалов, и коллекция пополняется каждую неделю.

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

Категории Envato Elemetns

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

Веб-шаблоны - больше 3 000 шаблонов: для email marketing, сайтов, социальных сетей и прочих.

Графика - свыше 70 000 элементов: фонов, векторных изображений, начертаний, текстур и иконок.

Фотографии - больше 1 500 000 фотографий.

Графические шаблоны - более 90 000 элементов инфографики, логотипов, мокапов на любые темы.

Расширения - больше 3 000 расширений, содержащих в себе перечень предварительных настроек, экшены, пресеты, кисти и стили слоев.

Шаблоны презентаций - более 40 000 файлов для PowerPoint, Keynote, Google Slides.

Шрифты - свыше 11 000 различных шрифтов.

3D - больше 30 000 3D изображений, которые можно загружать в различных положениях.

Подписка Envato Elemetns

Есть два варианта подписки:

Месячный - 33$ будет списываться каждый месяц
Годовой - 198$ оплачиваешь и пользуешься в течение года. Этот вариант выгоднее на 50%: если разделить платёж помесячно, выходит 16,50$ за один месяц.

Платить нужно один раз в месяц или в год - и скачивать безлимитно всё, что пожелаешь.

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

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

UI8

UI8.net – это сайт, на котором профессиональные дизайнеры и художники публикуют свои работы на продажу. На сайте можно найти UI-киты, наборы иконок, иллюстрации, шрифты и множество других качественных и полезных материалов.

Ui8 отличается строгим отбором материалов для публикации на сайте и подробным представлением информации.

Обычно материалы платные: в среднем, они стоят около 20 $. Но в категории Freebies(Халява) можно найти и скачать качественный шаблон бесплатно.

Категории UI8

На UI8.net ты можешь найти тоже достаточно много категорий (13), как и на Envato Elemetns.

UI8 - киты - более 2000 гибких наборов элементов и компонентов,
из которых можно быстро собрать нужное интерфейсное решение.

Наборы иконок - свыше 1000 различных сетов иконок.

Иллюстрации - свыше 900 качественных иллюстраций
в различной стилистике.

Шрифты - более 300 шрифтов.

3D - больше 200 3D изображений, которые можно загружать
в различных положениях.

Шаблоны для презентаций - около 500 файлов.
Мокапы - свыше 400 качественных мокапов.

Freebies (Халява) - это более 900 бесплатных объектов для твоего проекта. Включается все выше названные категории: иллюстрации, иконки, шрифты, UI Kits, 3d, дизайн-системы, мокапы, текстуры и многое другое.

Подписка UI8

Подписку на UI8 ты можешь приобрести на:

3 месяца - 188$ будет списываться каждый месяц.
6 месяцев - 278$ оплачиваешь и пользуешься в течение полугода.
12 месяцев - 368$ за целый год и скачиваешь все необходимые тебе файлы.

Но не забывай, что есть бесплатная категория UI8 Freebies (Халява).

Скидки на подписку Envato

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

Командная подписка — доступ для группы людей по одной подписке, начиная от двух человек и заканчивая пятью. Правила очень просты: чем больше людей — тем выше скидка,: 2 человека — $14,50 за участника; 3 человека — $12,42; 4 человека — $11,38; 5 человек — $10,75.

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

Способы оплаты на UI8

Способ 1. Покупка

Ты можешь купить тот материал, который тебе интересен.

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

Цены, конечно, немаленькие (от 2$ до 100$), но взамен ты получишь качественный материал, созданный профессионалом, а так же его обновления, если они будут выходить.

Способ 2. Подписка

Если тебя заинтересовали сразу несколько файлов, и ты планируете находить интересные материалы в будущем, то логично будет приобрести подписку на 3, 6 или 12 месяцев и скачивать все необходимые файлы.

Но необходимо учитывать несколько моментов. Во-первох, это цена. Минимальная стоимость подписки на сайте 188$, и это всего на 3 месяца! Eсли ты захочешь подписку на 12 месяцев, то придется заплатить 368$.

Во-вторых, ограничения. Да, правильно, на сайте есть ограничения на загрузки. Несмотря на то, что ты заплатил 188$ за подписку на 3 месяца, ты будешь иметь возможность сделать всего 5 загрузок в день.

Но не спеши расстраиваться, ведь есть и бесплатный способ получить кое-какие материалы!

Теперь ты знаешь все о наших любимчиках.

ЧТО ТАКОЕ ПАЙПЛАЙН И ЗАЧЕМ ОН НУЖЕН?

2021-11-15T11:51:37.902Z

Пайплайн - слово замысловатое. Раньше оно нас путало, потому что применяется слово ‘пайплайн’ и в продажах, и в разработке, и в 3D графике. И везде что-то значит свое.

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

Для чего нужен пайплан фрилансеру?

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

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

В ответах клиента на эти вопросы оказывается, что работы там больше, ведь креатив ты должен придумать сам, а прототипы надо показать уже завтра. А ведь предоплату ты уже взял! И клиента нельзя в этом винить, потому что он мог думать, что ты сразу во всём разобрался. Классическая ситуация.

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

Пример:
“Скажите, баннер нужен для печати или диджитал формата”. Этот вопрос сэкономит вам несколько часов работы, требуемой на переделку задачи: если окажется, что все же нужно было делать для печати, а клиент не знал, что в печати нужен другой цветовой профиль, и вообще, все нужно было присылать в Кореле, а не jpeg :) Опытный графический дизайнер попросит у клиента все требования от печатного салона по исходному файлу, чтобы точно не ошибиться.

“Нужен логотип сегодня вечером для моей студии косметики! Плачу $30” - объявление в одном из каналов по фрилансу.

Ты пишешь клиентке и начинаете общение, в ходе которого узнаёшь, что через 4 часа все должно быть готово. Ей все нравится в твоих кейсах, и она готова отдать тебе работу. Ты говоришь, что твой рейт – $15/час, и ты можешь помочь с задачей, но это будет стоить $60 за 4 часа. Ее ответ - нет, только $30. И здесь вступает в игру пайплайн.

Ты присылаешь клиентке файл (или рассказываете лично), что со своей стороны готов сделать следующую работу: собрать референсы и сделать мудборд (30 минут), затем работа над скетчами с идеями и обсуждение с клиентом (1 час), после согласования, подготовка вариантов в чистовой версии (2,5 часа). Ты показываешь клиентке весь процесс работы и вскрываешь свой фул хаус: ей некуда деться, как сказать “дорого” или “все понятно и прозрачно, я в деле!”.

Первый клиент - не наш клиент: он либо опасен, так как использует свою методику оценки чего-то, либо просто не в твоей ценовой категории. А второй тип клиента - наш! Он просто неопытный, и ему надо рассказать все подробно, чтобы его ценообразование изменилось.

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

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

Из нашего личного опыта: если на стадии пре-продажи ты можешь показать клиенту описанный процесс движения по схожей задаче (можно даже не на своем кейсе), то твоя ценность как исполнителя поднимается в разы выше в сравнении с теми, кто просто говорит, что "может помочь с задачей, и сколько это будет стоить”. Пайплайн может быть описан в notion для удобства чтения клиентом.

КЛАССИФИКАЦИЯ ШРИФТОВ

2021-10-28T11:21:04.932Z

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

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

Основные категории шрифтов:

Гуманистическая антиква.
Антиква старого стиля.
Переходная антиква.
Антиква нового стиля.
Брусковая антиква.
Гротеск (старый гротеск, новый гротеск, геометрический гротеск, гуманистический гротеск).
Антиква-гротеск.
Рукописный шрифт (формальный, неформальный, каллиграфический).
Декоративный шрифт.
Готический шрифт (текстура, бастарда, фрактура, ротунда).

Гуманистическая антиква

Основные характеристики:

Штрих. Форма литеры. Ось (наплыв).
Контраст широких и Мелкое очко, характерная выраженный наклон
узких штрихов от низкого наклонная перекладина оси, напоминающий
до умеренного. строчной е, овалы, длинные ранние формы
верхние и нижние выносные литер, написанных
элементы. ширококонечным
пером.

Характеристики
На внешний вид гуманистической антиквы повлиял каролингский минускул, распространенный Священной Римской империей во времена правления Карла Великого.

Каролингийский минускул

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

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

*Интерлинья́ж — междустрочный пробел, расстояние между базовыми линиями соседних строк. В компьютерной вёрстке это понятие обычно называют «межстрочный интервал».

Основные гарнитуры гуманистической антиквы:
Adobe Jenson (Роберт Слимбах, 1995)
Calluna (Йос Буйвенга, 2009)
Cloister (Моррис Фуллер Бентон, 1897)
Golden (Уильям Моррис, 1890)
Horley Old Style (Фрэнк Хинман Пьерпонт, 1925)
Kennerley(Фредерик Гауди, 1911)
Ruit (Геррит Ноордзей, 1980)

Основные гарнитуры - семейство шрифтов.

Антиква старого стиля

Ключевая гарнитура гуманистической антиквы.

Основные характеристики:

Штрих. Форма литеры. Концевой элемент. Ось.
Минимальный Горизонтальная Засечки скругленные, Ось овалов контраст штрихов, перекладина засечки выносных наклонена
утолщенные строчной е. элементов скошенные. влево.
соединительные
штрихи.

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

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

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

Основные гарнитуры антиквы старого стиля:
Bembo (Франческо Гриффо, 1495)
Berkeley (Фредерик Гауди, 1938)
Galliard (Мэтью Картер, 1978)
Goudy Old Style (Фредерик Гауди, 1915)
Granjon (Джордж Уильям Джонс, 1928)
Hoefler Text (Джонатан Хёфлер, 1991)
Minion (Роберт Слимбах, 1990)
Palatino (Герман Цапф, 1950)
Sabon (Ян Чихольд, 1966)
Weiss Roman (Эмиль Рудольф Вайсс, 1926)

Переходная антиква

Ключевая гарнитура переходной антиквы.

Основные характеристики

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

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

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

Основные гарнитуры переходной антиквы:
Bell (Ричард Остин, 1788)
Bulmer (Уильям Мартин, 1792)
Caledonia (Уильям Эддисон Двиггинс, 1938)
Caston (Уильям Каслон, 1725)
Electra (Уильям Эддисон Двиггинс, 1935)
Fournier (Пьер Симон Фурнье, 1742)
Meridien (Адриан Фрутигер, 1957)
Perpetua (Артур Эрик Роутон Гилл, 1928)
Plantin (Фрэнк Хинман Пьерпонт, 1913)
Spectrum (Ян ван Кримпен, 1957)
Stone Serif (Самнер Стоун, 1987)
Times New Roman (Стэнли Морисон, 1932)

Антиква нового стиля

Ключевая гарнитура антиквы нового стиля.

Основные характеристики

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

Характеристики
Самая заметная черта антиквы нового стиля — это резкая контрастность: соединительные штрихи узкие, а основные штрихи по сравнению с ними выглядят очень тяжелыми. Засечки тонкие и совершенно плоские, практически без скруглений. Оси овалов строго вертикальные, тоже без скруглений. Апертуры букв закрытые, почти все концевые элементы круглые.
Основная часть букв антиквы одинаковой ширины: широкие, например М и W, сужены, а другие, такие как Р и Т, наоборот, расширены.

*Апертуры - это область буквы, которая полностью или частично ограничена формой буквы или символа.

Апертура буквы "р" показана красным.

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

Основные гарнитуры антиквы нового стиля:
Arepo (Самнер Стоун, 1995)
Centennial (Адриан Фрутигер, 1986)
Craw Modern (Фриман Кроу, 1958)
Didot (Фирмен Дидо, 1799)
HTF Didot (Джонатан Хёфлер, 1991)
Marconi (Герман Цапф, 1976)
Melior (Герман Цапф, 1952)
Modern No. 216 (Эдвард Бенгия, 1982)
Torino (Алессандро Бутти, 1908)
Walbaum (Юстус Эрих Вальбаум, 1800)

Брусковая антиква

Ключевая гарнитура брускогой антиквы.

Основные характеристики

Штрих. Форма литер. Концевой элемент. Ось (наплыв).
Незначительный Короткие верхние Штрихи оканчиваются Оси овалов
контраст или и нижние выносные короткими или вертикальные.
визуально элементы. средними засечками
неуловимая либо очень тяжелыми
разница в толщине засечками с
штрихов. незначительным
скруглением или без него.

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

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

Основные гарнитуры брусковой антиквы:
American Typewriter (Джоэль Каден, Тони Стэн, 1974)
Beton (Генрих Йост, 1931)
Bookman (Эдвард Бенгия, 1975)
Century Schoolbook (Моррис Фуллер Бентон, 1924)
Cheltenham (Бертрам Гросвенор Гудхью, 1896)
City (Георг Трамп, 1930)
Excelsior (Чонси Гриффит, 1931)
Lubalin Graph (Герб Любалин, 1974)
Memphis (Эмиль Рудольф Вайс, 1929)
Playbil (Роберт Харлинг, 1938)
Rockwelll (Фрэнк Хинман Пьерпонт, 1934)
Sentine (Джонатан Хёфлер, Тобиас Фрер-Джонс, 2009)
Serifal (Адриан Фрутигер, 1967)
Stymie (Моррис Фуллер Бентон, 1931)

Гротеск (старый гротеск, новый гротеск, геометрический гротеск, гуманистический гротеск)

Ключевая гарнитура гротесков.

Старые гротески

Основные характеристики:

Штрих. Ось (наплыв).
Очевидная контрастность между Ось овалов вертикальная.
основными и соединительными штрихами;
стремящиеся к квадрату силуэты овалов;
несколько версий двухчастной g.

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

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

Основные гарнитуры старого гротеска:
Alternate Gothic (Моррис Фуллер Бентон, 1903)
Bureau Grotesque (Дэвид Берлоу, 1989)
Champion (Джонатан Хёфлер, 1990)
Knockout (Джонатан Хёфлер, Тобиас Фрер-Джонс, 1994)
News Gothic (Моррис Фуллер Бентон, 1908)
Trade Gothic (Джексон Берк, 1948)

Новый гротеск

Ключевая гарнитура нового гротеска.

Основные характеристики

Ось. Форма литеры.
Оси овалов вертикальны Крупное очко, открытая петля строчной g,
сниженный контраст штрихов, более
равномерная плотность.

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

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

Основные гарнитуры новых гротесков:
Akzidenz Grotesk (1896)
Folio (Уолтер Баум, Конрад Фридри Бауэр, 1957)
Univers (Адриан Фрутигер, 1957)
Bell Gothic (Чонси Гриффит, 1938)

Геометрический гротеск

Ключевая гарнитура геометрического гротеска.

Основные характеристики

Штрих. Форма литеры. Ось (наплыв).
Штрихи строго Большинство элементов Ось овалов вертикальная.
монотолщинные, без имеют правильную
контраста. геометрическую форму.

Характеристики
Геометрические гротески основаны на простейших геометрических формах, таких как круги и квадраты; все их штрихи строго монотолщинные. В некоторых гарнитурах встречается одночастная строчная а.
Эти наименее удобочитаемые из всех гротесков лучше всего подойдут для крупных заголовков и акциденций.

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

Основные гарнитуры геометрических гротесков:
Avant Garde (Герб Любалин, 1970)
Bourgeois (Джонатан Барнбрук, 2005)
Erbar (Якоб Эрбар, 1922)
Eurostile (Альдо Новарезе, 1962)
Kabel (Рудольф Кох, 1927)
Metro (Уильям Эддисон Двиггинс, 1929)
Morris Sans (Моррис Фуллер Бентон, 1930)
Universal (Герберт Байер, 1925)

Гуманистический гротеск

Ключевая гарнитура гуманистических гротесков.

Основные характеристики

Штрих. Форма литеры. Концевой элемент. Ось.
Явно заметная Основана на Заметно Ось овалов
разница в пропорциях выраженное вертикальная.
ширине древнеримских влияние
штрихов. монументальных. каллиграфии.

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

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

Основные гарнитуры гуманистического гротеска:
Calibr (Лукас де Гроот, 2004)
Frutige (Адриан Фрутигер, 1976)
Goudy Sans (Фредерик Гауди, 1925)
Meta (Эрик Шпикерман, 1986)
Myriad (Роберт Слимбах, Кэрол Твомби, 1990)
Optima (Герман Цапф, 1958)
Syntax (Ганс Эдуард Майер, 1972)
Trebuche (Винсент Коннер, 1996)
Unit (Кристиан Шварц, Эрик Шпикерман, 2003)

Антиква-гротеска

Ключевая гарнитура антиква-гротеска.

Основные характеристики

Штрих. Форма литеры. Концевой элемент. Ось (наплав)
Минимальный Точеный силуэт Заостренные Ось овалов
контраст ширины и приталенные треугольные вертикальная.
штрихов. штамбы. засечки, угловатые
концевые элементы.

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

Применение
Чаще всего антиква-гротески используются для заголовков и акциденций, поскольку в большинстве гарнитур не предусмотрены строчные буквы, как, например, в Matiniaи Trajan.Некоторые гарнитуры антиква-гротесков подходят для набора небольшого объема мелкого текста, но к такому решению нужно подходить обдуманно, тщательно все взвесив.

Основные гарнитуры антиква-гротеска:
Augustea (Альдо Новарезе, Алессандро Бутти, 1951)
Charlemagne (Кэрол Твомбли, 1989)
Friz Quadrata (Эрнст Фриц, Виктор Карузо, 1975)
Laudatio (Фредерик Поппл, 1982)
Lithos (Кэрол Твомбли, 1990)
Mantinia (Мэтью Картер, 1993)
Neuland (Рудольф Кох, 1923)Rusticana (Адриан Фрутигер, 1992)

Рукописный шрифт

Ключевая гарнитура рукописного шрифта.

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

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

Наиболее значимые образцы рукописных шрифтов:
Bickham Script (Ричард Липтон, 1997)
Byron (Пэт Хиксон, 1992)
Cascade (Мэтью Картер, 1966)
Choe (Роджер Экскоффон, 1955)
Citadel (Monotype Design Studio, 2003)
Coronet (Роберт Хантер Миддлтон, 1937)
Isadora (Крис Холмс, 1985)
Monoline Script (Monotype Design Studio, 1933)
Riptide (Тимоти Дональдсон, 1996)
Snell Roundhand (Мэтью Картер, 1966)
Vivaldi (Фриц Петерс, 1970)
Zapf Chancery (Герман Цапф, 1979)

Декоративный шрифт

Ключевая гарнитура декоративных шрифтов.

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

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

Основные гарнитуры декоративных шрифтов:
Broadway (Моррис Фуллер Бентон, 1929)
Copperplate (Фредерик Гауди, 1901)
Eckmann (Отто Экман, 1900)
Empire (Моррис Фуллер Бентон, 1927)
Entropy (Стивен Фаррелл, 1993)
Ironmonge (Джон Доунер, 1991)
Neuland (Рудольф Кох, 1923)
Peigno (А. М. Кассандр, 1937)
Umbra (Роберт Хантер Миддлтон, 1932)
Sophia (Мэтью Картер, 1993)
Umbra (Роберт Хантер Миддлтон, 1932)
Zombie (Кристиан Шварц, 1993)

Готический шрифт

Ключевая гарнитура готического шрифта.

Характеристики
Для готических шрифтов характерны заостренные угловатые формы и высокий контраст широких и тонких штрихов, которые имитируют шрифт манускриптов позднего Средневековья, написанных ширококонечным пером.
Раннеготическое письмо текстура использовалось для Библии Гутенберга.
Ей свойственны близко расположенные вертикальные формы литер, шестиугольные строчные буквы, а также угловатые верхние и нижние выносные элементы заостренной формы с изломами; ширина штрихов значительно больше внутрибуквенных просветов и межбуквенных интервалов.
Бастарда восходит к каролингскому минускулу и развивалась под влиянием итальянских шрифтов ХV века. Она отличается слегка сжатыми строчными буквами, ломаными верхними и нижними выносными элементами и заостренными формами. Это удобочитаемое письмо было самым распространенным в Германии, пока в середине ХVl века его не вытеснила фрактура.
Фрактура произошла от канчеллярески конца ХV — начала ХХ века, для нее характерны D-образные строчные буквы, ломаные кривые, выразительные и утрированные изгибы, а так же росчерки на концевых элементах и изогнутые хвосты.
Ротунда — еще одно удобочитаемое готическое письмо с округлыми строчными буквами, толстыми концевыми элементами, прямыми штамбами и наклонными осями овалов.

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

Основные гарнитуры готического письма:
Cloister Black (Моррис Фуллер Бентон, 1904)
Duc De Berry (Готфрид Пот, 1990)
Fette Fraktur (С. И. Вебер, 1875)
Klingspor Gotisch (Рудольф Кох, 1925)
Libra (Шурд Хендрик де Рос, 1938)
Ondine (Адриан Фрутигер, 1954)
Totally Gothic (Зузана Личко, 1990)
Uncial (Виктор Хаммер, 1952)

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

Удачи в проектах!

АНАТОМИЯ В ИЛЛЮСТРАЦИИ: ПРОСТО О СЛОЖНОМ

2021-10-11T18:44:08.114Z

Анатомия - настолько ли сложная и как её упростить?
Мужское и женское телосложение, отличия и схожести.
Симметрия в позах или естественность - что проще, а что натурально живее.‌
А нужна ли анатомия если хочешь работать с казуальными персонажами и реализм не интересен?

Анатомия - настолько ли сложная и как ее упростить?

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

Начнем с пропорций, ведь они - отправная точка и, в целом, система координат для процесса рисования. И как в любой системе есть единицы измерения, в нашем случае это головы. Да, головы. Какой-то гениальный человек заметил, что основные точки тела человека расположены примерно на одинаковых отрезках друг от друга, и получилось, что человек состоит примерно из 7,5 голов. Но для удобства чаще используют 8 голов - это идеализированные пропорции для тела человека.

Такие же закономерности заметили и в других частях тела: соотношение пальцев и ладони, пропорции лица.

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

Правда, не стоит сразу же стремиться прорисовывать детали. Для начала лучше всего воспользоваться модулером - этакой упрощённой версией скелета. Работая с ним всевозможные коррекции и изменения в позе или пропорциях не так трудозатратны, как если начать рисовать сразу объект с объемными формами.

Когда нас всё устроит в модулере, можно приступать добавлять ему объём и вешать на него "мясо".

И тут мы пойдём на упрощения, потому как сейчас нам важна общая форма и объём мышц и жира, а не детальная проработка.

Для этого стоит объединить мышцы в группы более простые к восприятию. Как пример - это мышцы предплечья, которые представляют из себя достаточно многочисленную и сложно переплетенную группу мышц. Мы же её объединяем в один объект.

И так для каждой группы мышц. Завершив это, можно перейти к следующему этапу.

Формообразующие объекты.

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

Также не стоит забывать про те части скелета, которые не прячутся под мышцами. Самые заметные из них - ключицы, большая часть черепа, частично тазовая кость, колени и локти, нижние рёбра и солнечное сплетение. Всё это достаточно изменчиво в зависимости от телосложения человека, так что стоит разбирать этот момент индивидуально в каждом случае.

Мужское и женское телосложение, отличия и схожести.

Как ни странно, но никто хвостов не прячет, и кардинальных отличий в анатомии у мужчин и женщин нету.

Одно из самых явных отличий - это некоторое расхождение в пропорциях тела. Так, к примеру, женские плечи уже, нежели мужские. В целом, женская грудная клетка уже и имеет более острый угол между рёбрами в месте их схождения на груди. Ещё одно явное отличие - это пропорции тазовой кости. Девушки обладают более широкой тазовой костью, у парней она более узкая и вытянутая. По этой причине женская талия чуть выше уровня пупка, а мужская - примерно в уровень с ним.

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

Это только основные и самые явные отличия в анатомии мужчин и женщин. Отличия кроются в деталях, которые стоит подмечать для себя и не упускать их в процессе рисования.

Симметрия в позах или естественность - что проще, а что натурально живее.‌

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

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

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

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

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

А нужна ли анатомия если хочешь работать с казуальными персонажами и реализм не интересен?

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

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

20 ПЛАГИНОВ ДЛЯ РАБОТЫ С ИЗОБРАЖЕНИЯМИ В FIGMA

2021-10-07T16:45:17.472Z

1. Desaturate — плагин делает выбранные изображения чёрно-белыми.

2. TinyImage Compressor — плагин позволяет сжимать и экспортировать изображения прямо в Figma.

Поддерживаемые форматы: JPG, PNG, SVG, WebP, GIF, WebM, AVIF и PDF.

3. Layer Fill — плагин позволяет копировать/вставлять настройку фильтра у изображения.

4. PixCut — плагин позволяет удалять фон у изображений.

5. Dither — плагин добавляет эффект дизеринга к вашим изображениям.

6. Thrshold — плагин добавляет к изображению Threshold эффект, который можно использовать с альфа-масками.

7. Tone Curve — плагин позволяет настраивать интенсивность светлого и темного тона изображения.

8. Filter — плагин для цветокоррекции изображений прямо в Figma.

9. Snapshot — плагин позволяет вставлять изображение в фрейм с измененной перспективой.

10. Upscale Image — увеличивайте размер изображения без потери качества.

11. Autocrop — плагин автоматически обрезает лишнее пространство у изображения.

12. Pixels — плагин пикселизирует растровые или векторные изображения.

13. Gifmock — плагин, который помогает создавать высококачественные GIF-файлы из статических изображений и мокапов.

14. Image tracer — плагин конвертирует черно-белые растровые изображение в вектор.

15. Color Editor — плагин позволяет быстро менять цвета у векторных изображений.

16. Get Palette — плагин поможет вам создать красивые цветовые палитры с помощью изображений.

17. Recognize — плагин распознает текст с изображения.

18. Pexels — плагин для поиска изображений с бесплатного фотохостинга pexels.com

19. Halftones — плагин для добавления точечного или полутонового эффекта на изображение.

20. Duotones — плагин добавляет Duotone Effect к изображению.

Photoshop VS Blender

2021-09-15T14:00:58.458Z

Привет!
Решили рассказать о нашем изометрическом посте, который сделан в стилистике 3D. Мы специально крафтили его в фотошопе, чтобы затем рассказать о процессе создания. Было бы легче гораздо сделать в Blender, но мы любим вызовы!

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

1 этап - Подборка референсов.

Вдохновением и, следовательно, референсом стилистики послужили работы 3D гуру Blender. А когда думали, что взять за основу композиции, то решили остановиться на локации нашего офиса - Песочнице. Поэтому референсами композиции послужили ее фотографии.

2 этап - Скетч.

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

3 этап - Лайн.

На этом этапе более детально прорисовывали наши главные объекты. Да-да, так просто!

4 этап - Создание подложки.

Это необходимо для более простой работы с отдельными элементами. Мы привязываем остальные слои к подложке и тем самым не выходим за границы объекта, который рисуем. Вуаля!

5 этап - Покраска объектов + детализация.

Уже красиво, правда? А это ещё далеко не конец.

6 этап - Тени, в том числе и окклюзия.

Если тени понятно, как делать (подсказка: режим наложения “Умножение“), то, что такое окклюзия, мы сейчас объясним.
Окклюзия - это тень, появляющаяся не из-за источника освещения, а из-за близости объектов или граней объекта друг к другу. Создаётся также через режим наложения “Умножение” и чёрного цвета.
Лучше всего использовать черный, так как дальнейшем его можно будет колоризировать для более естественного вида.

7 этап - Добавление оттенков.

На данном этапе мы уже определились с цветом фона. Зная цвет фона, можно начинать вписывать объекты друг в дружку и всю композицию в фон. Добавляем их при помощи режима наложения “Перекрытие“.

8 этап - Блики.

Куда же без бликов? Наносим их для того, чтобы придать нашей иллюстрации ещё больше реалистичности. Это делается через режим наложения “Осветление основы” и настройки слоя.

9 этап - Наложение текстур.

Тут все просто: нам нужны были текстуры песка и дерева, которое затем мы переводили в ч/б. После этого, путём подбора, выбирали режим наложения, при котором текстура лучше всего смотрелась на объекте. Далее к текстуре применяли фильтры из галереи для меньшей реалистичности и не такой явности их использования.
И последнее действие - это маска. Использовали её для того, чтобы регулировать видимость текстуры на поверхности объекта в зависимости от освещения.

10 этап - Почти завершающий.

На этом этапе завершается работа над каждым элементом в отдельности, создаются общие тени и освещение.

11 этап - Рендер.

Рендер бывает разный. В случае иллюстраторов рендером считают ручную проработку деталей.
На нём прорабатывали все самые мелкие детали.
В первую очередь это необходимо делать на самых важных участках рисунка, т.е. на тех, куда хочется привлечь внимание. При этом необходимо не перестараться, потому что можно создать много шума из-за огромного количества деталей в одном месте.

Ура, 12-ый последний этап - насыщенность.

Копируем все элементы рисунка и группируем их вместе. Размываем получившийся слой по Гаусу и делаем режим наложения “Мягкий свет“. Далее заходим в уровни (Ctrl + L), убираем пересветы и тёмные участки. Этот этап делает нашу иллюстрацию более насыщенной и, благодаря размытию, усиливает связь соседних элементов друг с другом.

Таа-даам готово!

Вот таким интересным способом можно создать объёмную иллюстрацию, в сжатые сроки, не обладая навыками 3D-моделирования.

Ещё больше полезной информации ты найдёшь в нашем Инстаграм.