Ne znal

Уроки и хинты по «Иллюстратору» и «Индизайну»

https://telegram.me/ne_znal_ai
https://telegram.me/ne_znal_indd
https://www.facebook.com/groups/neznal/

Залипы и наплывы

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

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

После исправления иконки выглядят вот так:

21 сентября   графязык   иконка   контур
8 сентября   youtube   видео   урок

Позырь

В рубрике я комментирую присланные ребятами работы в обмен на публикацию. Автор — в подписи к картинке. Желающие могут слать свои работы на sergey@steblina.com с темой Позырь. Если нужно опубликовать работу анонимно, укажите в письме.

Присланная работа — ваше согласие на публикацию. Если вы не хотите, чтобы работа была опубликована, лучше не присылать.

1.

Юлия Тищенко

Три гарнитуры для инфопостера — перебор.

Если поубирать плашки, фон и скосы, будет чище и опрятнее. Заодно упразднить количество выключек текста.

Потом уже можно обсуждать верстку, родство элементов и смыслов.

2.

Сергей Серегин

Улучшить можно практически все.

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

Затем определиться с принципами, по которым текст размещается в перспективе. Сейчас он где-то лежит на плоскости, где-то стоит.

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

Много шума из-за случайного набора цветов. Красный сливается с серым (3с21), желтый вовсе пропадает (3с7, 3сб). Батарея из плоских деревьев сбивает чтение.

Если все помещения начинаются с индекса «3», то зачем это везде писать? Можно просто в заголовок вынести «Склады 3» или как-то так.

Самое неприятное: я с третьей попытки не могу понять, как и куда мне проехать.

6 сентября   комментарии   позырь

Позырь

В рубрике я комментирую присланные ребятами работы в обмен на публикацию. Автор — в подписи к картинке. Желающие могут слать свои работы на sergey@steblina.com с темой Позырь. Если нужно опубликовать работу анонимно, укажите в письме.

Присланная работа — ваше согласие на публикацию. Если вы не хотите, чтобы работа была опубликована, лучше не присылать.

1.
Цель — простая тренировка. Задача — логотип для несуществующей группы, например.

Роман Поздняков

Шумно и шрифт вторичен.

Сперва нужно понять, в чем конкретно заключается тренировка.

2.
Делал наброски редизайна сайта одной компании.

Дмитрий Шишкин

Основная проблема — непонятно, куда я попал и что можно делать. Это лаборатория? Какие услуги доступны, сколько стоят?

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

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

Никита

Еще очень далеко до момента, когда можно отмечать отдельные детали.

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

Неравномерное распределение подписей — слева жидко, справа скучковались.

Линии жирные, а в пучке совсем на трубы похожи.

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

Река сделана без любви, номера веток тоже.

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

Сергей Иваньо

Шапка через секунду проскроллится, а контента в ней — на полноценную пояснялку внутри статьи.

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

Диастема в наборном тексте в каждой строке. Нужно избавиться от выравнивания по формату.

Я бы все зачеркнул и снова подошел к снаряду. Может, вместо рыбы ставить реальный контент. Или слева — конструктор, справа — результат.

31 августа   комментарии   позырь

Коротко о выносках и подписях

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

Выноска спорит с порожками ладов.

Косая линия лучше отделяется от изображения.

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

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


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

Чтобы лучше отделить пунктир, положите под него сплошную противоположного цвета.

Линия выноски должна едва касаться подписи и объекта. Расстояние от литеры до выноски примерно равно расстоянию между букв надписи.

Подписи
Можно обойтись без выносок, если подписать элементы изображения.


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


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


Избавляемся от очевидного и бесполезного: зритель догадается, что между 6-й и 1-й струнами будут струны 5, 4, 3 и 2.


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

29 августа   выноска   графязык   подпись

Позырь

В рубрике я комментирую присланные ребятами работы. Автор — в подписи к картинке. Желающие могут слать свои работы на sergey@steblina.com с темой Позырь. Если нужно опубликовать работу анонимно, укажите в письме.

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

Артем Головнин

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

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

2.
Мне нужно нарисовать логотип для курсов кулинарии на английском.

Анонимно

Первый можно превратить в логотип.

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


3.

Юлия Тищенко

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

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

4.
Делаю этикетку для баночек с медом. Хочу напечатать с помощью высокой печати. Мед называется «Папины пчелки». Отсюда концепция с девочками, собирающими пыльцу.

Юлия Ващенко

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

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

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

В такой бочке не может быть 250 грамм.

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

23 августа   комментарии   позырь

Позырь

В рубрике я комментирую присланные ребятами работы. Автор — в подписи к картинке. Желающие могут слать свои работы на sergey@steblina.com с темой Позырь. Если нужно опубликовать работу анонимно, укажите в письме.

1.

Ксения Ч.

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

Хочется небольшой трекинг надписи дать. Буква R будто подтянула высоко штаны.

У всех фигур нет компенсации толщин штрихов, из-за чего горизонтали смотрятся жирными.

2.

Андрей Богданов

Да нормас, в целом.

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

3.
Сделала дизайн объявление для дома

Анонимно

Больше похоже на грамоту или сертификат частной школы.

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

После «вынуждены» запятая не нужна, а после «лиц» нужна.

Я не понимаю, что означает иконка черного листа.

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

Желтый выедает глаза.

В слове «администрация» опечатка.

Теперь по делу. Что означает «не шуметь», как померять уровень шума? Что делать, если у меня в руках мусор? Как фиксируются моменты нарушения? В общем, это тот тип объявления, после которого хочется пошуметь, покурить и оставить мусор, чтобы проверить серьезность заявителя.

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

Дарья Лебедянская

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

Как станет ясна задача, решение будет найти нетрудно.

18 августа   комментарии   позырь

Позырь

В рубрике я комментирую присланные ребятами работы. Автор — в подписи к картинке. Желающие могут слать свои работы на sergey@steblina.com с темой Позырь. Если нужно опубликовать работу анонимно, укажите в письме.


1.
Логотип и иллюстрация

Константин Спирин

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

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

Случайные расстояния: от листьев до щита, шестеренок до щита, зданий до щита.

Если слева дерево, то листья не растут на стволе. Если цветок, то надо сделать меньше похожим на дерево.

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

Черно-белый сильно изрезан, из-за чего трудно разобрать объекты.

Я бы уделил внимание анатомии и сделал бы поменьше графических приемов и элементов.

Константин Спирин

Сюжет мне непонятен, а технически — похоже на упражнение. Попробуйте рисовать не только случайно получившиеся фигуры, но и те, которые хочется, а не умеется. С десятой попытки начнет получаться :-)


2.
Тренировочный постер

Антон Ягупов

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

В слове «кашу» плохой кернинг. Слово «испортить» поломалось. Не понятно, почему в конце вопросительный знак.

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

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

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


3.
Отрисовка лого по эскизу заказчика.

Юлия Тищенко

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

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

UPD:

Юлия Тищенко

У коровы боковое монокулярное зрение, глаза иначе расположены.

Форма морды другая, уши иначе растут.

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

15 августа   комментарии   позырь

Фигачим 8. Эмодзи

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

Желательно найти собственную стилистику, объединяющие принципы и выразительные средства, работающие в крупном (150×150) и мелком (30×30) размерах.

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



1.

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

Случайные пробелы между элементами:

В мелком масштабе только первая более-менее работает.

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



2.
Файлы выполнены с учетом требований микростоков.

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

Бленды лучше заменить на градиент.

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

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

Слишком разная детализация. Блики, полупрозрачности, тонкие окончания у двух левых, а правый из другой оперы.

В сохраненном пнг виден ступенчатый порог на стыка цвета.



3.

У вас черный внешний контур по два раза вышел. Это видно по несглаженным фрагментам:

Убрать бы:
— внешний контур;
— контур вокруг темных объектов на светлом;
— вокруг светлых на темном;
— блики.

Будет чище и круче. Например, вот так:



4.

Пока это просто шары с дырками. В мелком виде шары для кегельбана напоминают.

Поищите более интересные черты лица.

Если сместить точку градиента вправо вверх, шар становится более объемным. Типа так:

UPD 1:

Лучше.

Глаза почти норм (объема не хватает), а рот слишком простой.

UPD 2:

Сойдет :-)

14 августа   комментарии   фигачим
Ctrl + ↓ Ранее