От дизайн-студии Al Power о том, почему любому бренду важно разработать свой стиль иллюстраций и как создать по ним доступный гайдлайн.
Иллюстрация - это одна из форм дизайна. Без прописанных ограничений - это всего лишь элемент искусства. Мы используем гайдлайны для того, чтобы внести в наши иллюстрации ясность.
Для чего это нужно
Ключом к идентификации вашего стиля служит определение основных ценностей и обоснование необходимости использования иллюстраций. Когда вы создадите определённую стилистическую последовательность, у вас появится общий стиль, который будет гармонировать с вашими изображениями. Это будет означать, что любой иллюстратор сможет без труда работать с вашей платформой и быть уверенным в том, что он не нарушит общего стиля.
Для создания согласованного стиля крайне необходимо обозначить ключевые показатели, такие как цветовая схема или толщина шрифта. Однако не стоит забывать о значении иллюстраций для стиля в целом и той функции, которую они выполняют на вашей платформе.
Пример стиля иллюстрации
Нельзя просто взять и нарисовать
Прежде, чем вы начнёте любой проект, важно определиться, чего вы и ваш стейкхолдер хотите достичь при помощи этого проекта.
Обычно я задаю несколько вопросов, которые помогают мне и стейкхолдеру лучше понять, что мы пытаемся получить от проекта.
Цели
- Зачем вы хотите добавить иллюстрации?
- Каким образом вы будете оценивать проект?
Существующий гид по стилю
Как правило, уже существующий гид по стилю очень помогает. Он не должен быть основан на иллюстрациях. Основные гайдлайны дизайна и всё, что отличает данный бренд на платформе, помогут вам правильно сфокусироваться на проекте.
Также необходимо понимать, как иллюстрации будут вписываться в существующую цветовую схему. То, что у компании есть своя цветовая схема, ещё не означает, что иллюстрации будут гармонично сочетаться с ней. Ведь иллюстрации должны выделяться на фоне остальных элементов интерфейса, поэтому использование брендовых цветов в изображениях может иметь негативный эффект.
Ценности
Насколько, на ваш взгляд, иллюстрации подходят для вашей платформы? Как вы думаете, будут ли они подчёркивать индивидуальность вашего бренда? Будут ли они чёткими, ясными, забавными, детализированными и так далее?
В сущности это и является основной характеристикой стиля. Даже до начала работы вы должны понимать то, какую роль иллюстрациям вы отводите в интерфейсе. Как вы будете их использовать: в роли пособия для пользователя, для заполнения пустот или просто для придания вашему проекту индивидуальности.
Мудборды
Создайте мудборды стиля, которые станут хорошим дополнением вашего продукта. Это упростит понимание иллюстратора в момент, когда стейкхолдер покажет пальцем в элемент стиля и скажет: «я хочу это». Конечно, это не станет окончательным решением, но, по крайней мере, даст дизайнеру понимание того, что от него хотят.
При создании мудборда не стоит вдаваться в детали. Мудборды больше служат для того, чтобы задать вектор направления для дальнейшей работы. Для исследования в данной области существует масса ресурсов, таких как Behance, Dribbble, Pinterest, iStock или тот же старый добрый поиск изображений в Google. Это всё делается для того, чтобы собрать как можно больше информации прежде, чем приступить к созданию первого артборда.
Не спешите сразу браться за работу. Для начала поймите, что и для чего вы делаете.
Время засучить рукава
К счастью, я создавал такие гайдлайны ранее. Когда я попал в команду Globoforce, мне поступила задача создать иллюстрированный стиль для использования на нашей white-label платформе.
Основной целью иллюстраций было внесение некой индивидуальности в области, где наш проект казался незавершённым. На самом простом уровне это звучало так: создать общий иллюстративный стиль, который внесёт последовательность для всей платформы.
Пробуйте, пробуйте и еще раз пробуйте
Никто не говорит, что этот процесс быстрый и простой. Мы исследовали множество стилей, которые в итоге нам не подошли. Вся суть заключается в исследовании идей. Ничего не делается зря, все идеи помогают формировать финальное решение. Это как перепрыгнуть через ещё одно препятствие перед финишем.
Некоторые стили работают, некоторые нет. И вы должны быть готовы отбросить заведомо хорошие, но не подходящие вашему проекту, идеи.
Язык иллюстраций
Важно, чтобы все говорили на одном языке, когда дело доходит до терминологии. Вам необходимо создать язык терминов, который будет понятен и удобен для всех. Найти термины, которые будет понятны людям. Не нужно вдаваться в детали: вам нужен просто специфический набор слов, который позволит общаться дизайнерам и стейкхолдерам.
Наши иконки
Для повышения удобства использования нашего сайта мы используем иконки. В нашем гиде по стилю прописаны правила их использования, а также выбора их размера (от 12 до 64 пикселей).
Иконографика
Наши текстовые иллюстрации
Текстовая иллюстрация помогает продемонстрировать определённую особенность или описать некоторый опыт. Такие иллюстрации радуют глаз, не занимают много места на странице и придают индивидуальность интерфейсу.
Текстовые иллюстрации
Наши иллюстрации незанятого состояния
Иллюстрации незанятого состояния используются для объяснения особенности, но никогда - в качестве основного акцента на компоненте. В большинстве случаев они нужны для отображения необходимости заполнить пустое место.
Иллюстрации незанятого состояния
Иллюстрации сцен
Иллюстрации сцен размещаются на большем пространстве и выполняют функцию объяснения пользователю фичи или сценария более детально.
Иллюстрации сцен
Наш подход
Иллюстрации могут использоваться для того, чтобы «оживить» интерфейс. Они служат для информирования пользователя и привлечения его внимания.
Придерживайтесь простоты
Так как наш продукт относится к white-label, иллюстрации будут использоваться в расчёте на самые разнообразные категории клиентов. Именно поэтому мы решили придерживаться максимально простого и пассивного стиля.
Использование персонажей
Мы воздерживаемся от использования персонажей повсеместно. Использование персонажей ставит вопросы о принадлежности к определенной расе и полу, а учитывая разнообразие наших клиентов, простота - лучше всего.
Цветовая схема
Наша цветовая схема была выбрана на основе целей бизнеса. Её ненавязчивый характер отражает наш широкий круг клиентов. Наша цель - радовать пользователей иллюстрациями, а не углубляться в понимание брендовых цветов.
Баланс цвета
В целом мы отказались от использования множества цветов в иллюстрациях. Мы попытались сделать упор на наш «призрачно-белый», используя остальные цвета в схеме исключительно для баланса.
Белый цвет у нас является основным. Попробуйте использовать его для ключевых элементов в иллюстрации
Причины
Цвет не должен выбираться субъективно. Иллюстрации должны быть пассивными и не привлекать слишком много внимания. Цвета можно использовать, но избирательно. Стиль должен быть аккуратным и неярким.
Цветовая схема для иллюстраций неактивных состояний
Для опции неактивных состояний мы использовали наш «призрачный белый» цвет и обводку. Тут используется только тень и никаких цветов. Для того, чтобы снизить визуальную нагрузку, мы использовали прозрачность в 50%.
Иллюстрация пустого состояния
Обводка
Обычно мы используем шестипиксельную обводку. При наличии мелких деталей выбираем обводку в три пикселя. Также везде используем скругления на углах. Цвет обводки всегда один - #8A8EA0.
Итак
Основная цель гайдлайна для иллюстраций - это создание последовательного, узнаваемого стиля, который отражает основные ценности вашей платформы. Для этого нужно следовать трём шагам:
- Определить, зачем вам нужны иллюстрации.
- Создать стиль, который будет работать для вас и ваших бизнес-целей.
- Задокументировать ваш стиль таким образом, чтобы вы могли запросто клонировать его для других концепций.
Полное исследование можно посмотреть .
Вы долго готовились к изданию собственной книги: материал отобран, отредактирован, проверен на близких; вы уже нашли издательство , в которое будете обращаться… Казалось бы - еще немного, и у вас в руках окажется книга с вашими инициалами на обложке.
Но будьте внимательны - и не забудьте о еще одном, более чем важном аспекте публикации книги. Речь идет о её иллюстрировании. Уже из перевода слова «иллюстрация» становится понятно, почему визуальное оформление книги важно - это не что иное как «наглядное изображение» её содержания.
К подбору иллюстраций (как для оформления обложки, так и текста произведения) необходимо подойти наиболее ответственно, ведь, как правило, потенциальный читатель оценивает книгу именно исходя из ее оформления. Поэтому иллюстрации, в первую очередь, должны точно отражать суть книги, и при этом задерживать на себе взгляд. "Тусклая" обложка способна "убить" даже самое гениальное произведения, т.к. потенциальный читатель вряд ли перевернет даже ее, не говоря уже о чтении самого текста.
Лучший вариант (но и самый самый затратный) - доверить иллюстрирование текста профессиональному художнику. Главное, что требуется от автора, это определить желаемый стиль иллюстраций: графика, аниме, карикатура, сказочные иллюстрации и т.п. В зависимости от стиля нашим издательством определяется художник для будущей книги, который знакомится с произведением, и в конечном итоге иллюстрации воспринимаются как единое с текстом и помогают читателю еще до чтения сориентироваться в содержании книги.
Если же вы планируете искать художника самостоятельно, и позже просто предоставить издательству готовые иллюстрации - обратите внимание на следующее.
По сути художник - это соавтор книги. Идея и образы, в которых автор ее воплощает, могут нуждаться в визуальной поддержке - и при достаточном мастерстве художника иллюстрация может не только обеспечить эту визуальную поддержку, но и отвлечь от возможных мелких недостатков стиля автора. Например, в исторических романах или в фэнтези: автор может недостаточно владеть искусством описания быта, и тогда читатель будет «выпадать» из эпохи или не верить происходящему в книге - так как события разворачиваются «неизвестно где и неизвестно когда». В этом случае мастерство художника может «оживить» и дополнить картинку, возникающую в голове у читателя - и недостатки литературного стиля будут восприниматься не так категорично.
Когда вы определились с художником - будьте внимательны в выборе содержания иллюстраций. Большая разворотная иллюстрация, на которой изображено малозначительное событие, вызовет у читателя только чувство недоумения, так как он не сразу сможет соотнести картинку и сюжет произведения.
Иллюстрирование поэтических сборников требует особого подхода. Обязательно учитывайте, что небольшой объем произведений требует от читателя бОльшей сосредоточенности, чем при чтении прозы - и значит, слишком яркие иллюстрации могут просто «перетянуть одеяло» на себя: ваша книга привлечет внимание, но исключительно картинками (и станут ли после их просмотра читать сами стихотворения?).
Если у вас нет знакомых художников, и вы даже не представляете, к кому можно обратиться - воспользуйтесь услугами фрилансеров. Сегодня, когда мы больше не ограничены территориальными рамками - ничто не мешает вам, готовя книгу во Владивостоке, использовать иллюстрации, созданные художником из Крыма.
В ходе работы над изданием ведется подготовка оригиналов иллюстраций к репродуцированию и размещению в тексте. Иллюстрации в книге штриховые и полутоновые. При создании иллюстраций я опиралась на следующие критерии:
- ·Все рисунки должны быть выполнены в пропорциях, соответствующих дизайн-проекту издания. Именно макет книги позволяет достаточно точно определить окончательные размеры иллюстраций.
- ·Объем используемого иллюстративного материала, а также способ его рационального размещения определялся совместно с автором на начальной стадии работы над книгой.
- ·Требования, которым должен удовлетворять иллюстративный материал можно свести к следующим для штриховых и полутоновых изображений:
Штриховые оригиналы:
- · рисунки должны быть выполнены на гладкой белой художественной бумаге;
- · исправления должны быть выполнены с помощью закрашивания ярким белым цветом;
- · рисунок должен быть выполнен в масштабе 1:1, 1,5:1, 2:1 по отношению к будущей иллюстрации в книге и иметь соответствующую толщину штрихов. Нельзя допускать слишком тонких штрихов, которые могут пропасть при уменьшении размера;
- · штриховка пунктиром или перекрестными штрихами должна быть однородной, с постепенным переходом, и не иметь слишком тонких или коротких штрихов в текстуре. Они могут быть потеряны при уменьшении размера.
Одноцветные полутоновые оригиналы:
- · черно-белые отпечатки на глянцевой бумаге (не тонированной, не матовой, не рельефной);
- · допустима широкая гамма тонов, но с постепенным переходом оттенков, без слишком явных контрастов;
- · возможность использования примерно полуторного размера для получения печатного размера;
- · не должны иметь сгибов, повреждений.
необходимо, чтобы рисунок был на гибкой подложке, чтобы можно было его сканировать.
Работая над иллюстрацией, художник решает самые разнообразные профессиональные проблемы: композиционной организации, декоративности, эмоциональной выразительности, стилистического соответствия духу литературного произведения, изображаемой эпохе. Книжная иллюстрация - часть книги. Художник должен учитывать вид издания, способ воспроизведения, формат, соседство со шрифтовой полосой, наличие графических украшений, чтобы найти гармоническое решение, создать художественный образ иллюстрированной книги.
Замысел художника касается главным образом изобразительной системы в иллюстрациях, задача которой - повести к наилучшему познавательному и пояснительному результату. Художник решает не только вопросы изобразительно-пластической стороны будущей серии иллюстраций, но и - это главное - вопросы образного строя, истолкования произведения и его художественных особенностей, создания композиционного целого из отдельных рисунков, которые войдя в книгу и сливаясь органически с текстом, незаметно подводили бы читателя-зрителя к тому аспекту истолкования образов, который задуман художником, чтобы наиболее полно и ярко довести мысль произведения до читателя. Такая особенность замысла оформления художественного произведения оказывает глубокое влияние на тематический план иллюстрирования. Не вдаваясь в рассмотрение тем во всем их разнообразии, общий тематический круг иллюстрирования художественного произведения можно представить в следующем перечне.
Описание размышлений и чувств действующего лица, характеристика его внешнего облика, мимики, жеста, манеры говорить, действовать. В иллюстрациях этот материал соответствует портрету, который может быть обобщенного характера, без приурочения к какому-либо месту текста, или, наоборот, с привязкой к определенному небольшому или совсем краткому текстовому куску, когда персонаж изображают в конкретном внутреннем или внешнем действии. Портреты могут быть изображены вне какой-либо среды, со средой в виде фона, иногда символического значения, и в среде, активно характеризующей изображенной лицо. Главная цель портрета - дать социальную и психологическую характеристику изображаемого персонажа.
2. Описание событий, происходящих при встречах действующих лиц, их столкновениях между собою и природой. Из этой группы тем особенно важны те, которые ярко раскрывают характер действующих лиц или являются поворотным моментом в их судьбе, а также те, которые не играя особой роли в развития сюжета, вместе с тем подчеркивают основную идею в замысле художника. В иллюстрациях этот материал выражается сюжетно-тематическими композициями. Главная цель их - раскрытие характера и состояния участников события в действии, раскрытия значения изображаемой сцены в ходе событий и для выражения основной идеи. Это наиболее распространенные иллюстрации. Как и портреты, сцены могут быть изображены вне среды, со средой в виде фона и в среде активно действующей.
Описание картин природы, городских видов, внутренних помещений, подчеркивающие и помогающие понять и почувствовать лейтмотив, тональность, общее настроение, главную мысль произведения, характер окружающей героя среды и ее действие на него, характер самого героя и его настроение. Этому материалу соответствует пейзаж или интерьер, имеющие как иллюстрация самостоятельное значение, настолько самостоятельное, что вписанные в них фигуры персонажей произведения служат только для подчеркивания принадлежности изображения к определенному месту текста или для оттенения его основной темы и замысла. Из иллюстраций на эту группу чаще всего встречается пейзаж.
Описание отдельных сооружений, зданий, предметов быта, растений, животных и т. д., которые выделяют и помогают понять ту или иную черту в характере и настроении действующего лица или имеют особое значение в развитии событий. В иллюстрациях этой группе тем соответствуют своеобразные графические натюрморты или изолированные изображения предмета, фигуры. Иллюстрации, относящиеся к этой группе, редки.
Каждую из описанных тематических групп можно подразделить на подгруппы в зависимости от того, к каким действующим лицам относится: главным, второстепенным, третьестепенным или эпизодическим. А также подразделить группу в зависимости от того, относится ли она к главной сюжетной линии или к боковой, сопровождает ли она сюжет или принадлежит к внесюжетным частям произведения.
Диапазон техник, используемых в современной книжной графике, очень широк. От тончайших акварельных работ до шелкографии, от гуаши и пастели до вырезки ножом на телячьем пергаменте, от рисунка пером до коллажа и экспериментальных цифровых форм. Различны позиции художников: от абсолютно серьезных до наивных, от ироничных до скептических. Высокое качество и удивительное разнообразие - вот то, что должно характеризовать современные работы.
Современная иллюстрация, часто создаваемая с помощью компьютерной графики
Работа над иллюстрацией требует внимания к деталям, глубокого знания предмета, о котором идет речь, и способности передавать в графической форме сложные идеи. Одни иллюстрации создаются в технике акварели, гуаши и относятся к изобразительному искусству, другие создаются с помощью компьютерных программ, третьи - это синтез традиционных средств и компьютерных технологий. Здесь переплетается работа руки и глаза с работой программ и машин.
В иллюстрациях к пьесе "Ах, жизнь наша сучья!" было взято три темы (эпизода): "Хирин с собакой", "конфликт миллионера с представителями банка и полицейскими на бал-маскараде", "отстаивание интересов мужа Мерчуткиной перед присутствующими на свадьбе". И в иллюстрациях к пьесе "Бес попутал!" также было взято три темы (эпизода): "разговор генеральши с Блистановым", "конфликт Ломова с Натальей Степановной и Чубуковым", "разбирательства Блистанова и Натальи Степановны".
Важная роль в композиции иллюстраций отводится среде, в которой происходит действие. Окружение героев имеет огромное значение для раскрытия содержания картины. Единство впечатления, цельность композиции достигается нахождением типичного русского интерьера рубежа 19-20 вв.
Иллюстрации для книги "Чехонтины" созданы в технике - черно-белой контрастной графике, черной тушью с использованием пера и рапидографа. После сканирования обработаны в программе Adobe Photoshop с помощью графического планшета.
В рамках данной дипломной работы была поставлена цель - создание макета и иллюстраций для оформления книжного издания Г. И. Юденича "Чехонтины", учитывая особенности восприятия взрослой категории людей, используя основные графические инструменты, характерные для создания книжной графики. Целью работы было не просто создать графическое оформление и иллюстрации книги, но и спроектировать целостный макет, в котором гармонично совмещались бы все элементы книги.
Была проведена комплексная работа по рассмотрению книжной иллюстрации как особого вида графического искусства, выявлены отличительные черты книжной графики от других видов изобразительного искусства.
Книжная графика с точки зрения дизайна является не только объектом изобразительного искусства (создание иллюстраций или шрифта), но и объектом созидательной деятельности, включающей техническое редактирование, набор, верстку и пр.
Для того, чтобы выявить отличительные особенности книжной графики от других видов искусства были изучены книги и издания периодической печати об искусстве книги.
Помимо правил верстки в работе рассмотрены особые требования, установленные государственными стандартами.
Была проведена комплексная работа по исследованию истории развития книжной иллюстрации, выявлению основных особенностей развития. Иллюстрация развивалась и часто отвечала существовавшим в то время тенденциям. Выявлены основные инструменты, которые используются на сегодняшний день для создания иллюстраций.
Исторический опыт свидетельствует, что состояние книжного дела всегда было определяющей доминантой развития общества на протяжении многих столетий. Само изобретение книгопечатания послужило мощным толчком для коренных перемен в жизни человечества, серьезных преобразований в сфере производительных сил и производственных отношений, в области науки, культуры, просвещения, в решении многих социальных и экономических задач.
Изучив структуру книги, можно сделать вывод, что одна из важнейших особенностей иллюстрации - зависимость ее от литературного текста. Ее цель - дополнение в наглядно-зрительных образах повествования автора. В отличие от станковой графики, которая возникает как результат непосредственного наблюдения художником окружающей его среды и изучения материалов исторической действительности. Книжная графика своим отправным объектом имеет не саму жизнь, а литературное произведение, являющееся уже отражением жизни через призму того или иного писателя или поэта. Иллюстрация не только истолковывает текст, но и обогащает его в своих зрительных образах, комментирует, развивает и дополняет мысли и образы писателя или поэта.
Книга - это хотя и сложный, но единый организм. И поэтому в ее оформлении все взаимосвязано. Нельзя решать внешнее оформление книги в отрыве от внутреннего, назначать размер шрифта независимо от формата, выбирать формат, не учитывая степень сложности иллюстраций и т. д.
На основе полученных выводов была достигнута поставленная цель - создана иллюстрированная книга по произведению Г. И. Юденича "Чехонтины". Эта книга предназначена для взрослой категории людей. Она создавалась с учетом предпочтений этой возрастной группы. Был разработан макет книги, систематизирующий расположение и характерную форму иллюстраций. Он позволил гармонично воссоединить шрифтовое оформление основного текста, заголовков с иллюстративным материалом и другими графическими составляющими книги, такими, как колонцифры. Стиль иллюстраций гиперболичный, с элементами гротеска, но приближенный к реальности. Он достаточно проработанный, детализированный. Для создания макета и иллюстраций использовались современные технологии. Особое внимание было уделено разработке обложки, для которой была создана иллюстрация, включающая в себя шрифтовую композицию. Все элементы, созданные для построения образа книги инновационны в своей уникальности.
Выполненная работа соответствует современным тенденциям в развитии книжной графики. В настоящее время происходит как бы открытие новой эпохи книжного искусства, в связи с этим особый интерес представляет изучение мировой истории книгоиздания, выявление, поиск тонкостей художественно-технического оформления древних мастеров. Основной вектор этого поиска - совершенствование современного искусства книгоиздания на основе новых технологий.
Вы увидите, как я создаю концепт-набросок, фон, а затем постепенно улучшаю изображение, вырисовывая детали. Кстати, вы можете с легкостью применять техники, показанные в этом уроке при создании своих иллюстраций, лого и других проектов! Следуя подобным урокам, процесс рисования всегда кажется более легким, но если вы считаете, что вы недостаточно хорошо рисуете, то никогда не будет лишним просто попробовать, так как цель подобных уроков, так или иначе, заключается в улучшении ваших навыков! Я уверена в том, что те из вас, кто не может создавать масштабные рисунки, могут начать с быстрых набросков, наподобие этого.
Я использовала следующие инструменты:
- Photoshop CS3
- Планшет Wacom Graphire 3 USB (Голубой)
Шаг 1 : Я начала с эскиза. Затем я раскрасила поверхность земли. Здесь, как вы видите на готовом рисунке, много зеленой травы и она напоминает мне старую песню: "Зеленая Зеленая Трава у дома". Поэтому попытайтесь представить что-то в этом роде. Возможно, здесь неподалеку от маленького домика стоит старый дуб, под сенью которого вы так любили играть в детстве. Как только я определилась со сценой, я стала обдумывать цвета: основные и фоновые оттенки. Здесь я попыталась представить себе четкий образ. Я начала рисовать на пустом фоне, на который добавила несколько цветов. Я не люблю работать с рисунками, фон которых прост и невыразителен. Добавление различных цветов сохраняет интерес к изображению, а также помогает добиться нужного настроения.
Шаг 2 : Я добавила детали при помощи кисти с маленьким диаметром. Для этих иллюстраций я использую только те кисти, которые уже есть в Photoshop по умолчанию. Если хотите, вы можете загрузить другие кисти. Вот кисти, которые я использовала для этой иллюстрации. В моем рисунке я буду пользоваться только стандартными кистями. Перед тем как приступить к рисунку, вам нужно настроить свои кисти.
Шаг 3 : Теперь вам нужно выбрать основные цвета для вашей композиции. И вот мои цвета для данной иллюстрации. Как обычно я хочу создать очень яркий рисунок. Для фона я выбрала желтые и голубые оттенки. Все остальные цвета – для окружающей обстановки. Откройте другой файл и сохраните свои цвета. И пусть этот новый файл всегда будет открыт, пока вы рисуете.
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.
Шаг 4 : Я решила убрать старую машину, которая стояла у дома. Она, правда, совсем сюда не подходит. Этот автомобиль не сочетается с остальными элементами рисунка. Поэтому мне пришлось стереть машину и нарисовать старый дуб вместо нее, возможно, вы захотите нарисовать какое-то другое дерево. Я сделала черновой набросок в цвете круглой жесткой кистью большого диаметра, а затем примерно нарисовала детали такой же кистью только с меньшим диаметром. Я также создала новый слой для травы и сделала грубый набросок.
Шаг 5 : Затем я приступила к более детальной прорисовке зеленой травы при помощи маленькой жесткой круглой кисти, а мягкой круглой кистью сгладила изображение... но позже я могу изменить это, например, там возможно появятся красновато-синие или желтые цветы. Но на данный момент, я думаю, что зеленая трава – это как раз, то, что нужно.
Шаг 6 : Когда я ищу подходящий цвет, я делаю так:
Шаг 7 : Теперь обратите внимание на то, как я рисую древесину. В этом уроке я не показываю множество типов древесины. Здесь представлены только два вида: один для двери, а второй – для забора.
Шаг 8 : А теперь позвольте мне изменить размер холста. Как видите, если хотите получить рисунок с большим количеством деталей, то вам придется работать на холсте большого размера (примерно 2000 или 2600 пикселей).
Шаг 9 : Добавьте детали, используя маленькую кисть. Здесь обратите внимание на то, как я прорисовываю детали крыши.
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.
Шаг 10 : На следующих этапах, я собираюсь создать еще несколько слоев для зеленой травы. Причина создания нескольких слоев заключается в том, что позднее вам нужно будет откорректировать рисунок. Гораздо проще исправить ошибки, если основные элементы вашего рисунка представляют собой отдельные объекты. Я вчерне раскрасила рисунок при помощи большой жесткой круглой кисти, а затем добавила детали такой же кистью, но уже с меньшим диаметром. Я также создала новый слой для волос и сделала грубый набросок. Возвращаясь к вопросу о том, как рисовать траву. Просто кликните на значок кисти, выберите другой цвет и рисуйте так, как показано на моих эскизах. Затем просто повторяйте одно и то же действие.
Шаг 11 : Теперь пришло время приступить к детализации облаков. Рисуя облака, я придала форму белым цветом на отдельных слоях, а затем изменила режим наложения слоя на Наложение (Overlay) для того, чтобы этот эффект был заметен на рисунке. И я использовала только два слоя для облаков. Один цвет – в качестве базового, а другой – для увеличения яркости фона. Попытайтесь найти баланс, комбинируя разные формы кистей, и попробуйте нарисовать облака при помощи нанесения разных штрихов. Вам также нужно определить свет и тени. В этом вопросе вам помогут фотографии настоящего неба. Просто поищите в Google разные формы облаков.
Шаг 12 : Я также хотела добавить немного яркого солнечного света и других деталей, таких как, например, вспышка молнии. После нескольких попыток, я остановилась на том варианте, который изображен на моем рисунке. На этом этапе это выглядело достаточно приблизительно, но я вернусь к этому позже. Я также должна отметить, что каждый элемент рисунка оказался на отдельном слое, что позволило мне быстро выбрать нужный объект и с легкостью изменить цвета. Нажмите Command+Клик (на Mac) или Control+Клик (на Windows) на значке слоя в палетке "Слои" ("Layers") для того, чтобы выбрать непрозрачность (opacity).
Шаг 13 : Настройки. Это очень важно. Вы можете подобрать нужный цвет и тем самым изменить всю атмосферу. Теперь я использую Баланс цвета. После этого я изменила яркость и контраст. Вы заметите, как изменится световой эффект.
Выводы :
Теперь пришло время закрыть Photoshop. Я надеюсь, вам понравилось! В качестве завершающего штриха, я добавляю фильтр "Умная" резкость (Smart Sharpen) на плоский рисунок, для того чтобы получить более четкие, резкие линии. Это помогает выделить мелкие детали, такие как блики. Я надеюсь, чтение этого урока доставило вам удовольствие.
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.
Привет! Давно не виделись и наверно еще больше не списывались. Сегодня я хочу передать тебе весь свой опыт, который я приобрел рисую для этого блога в течении прошедшего года . Понеслась!
Хотелось бы похвастаться большим его количеством, да еще и в качестве применения к газетам, журналам, новостным порталам, книгам, что могут оценить десятки тысяч человек ежедневно… но, опыт скромен и состоит из одной газеты для пенсионеров и этого блога.
Не буду говорить тебе что «нужно делать именно так, и никак иначе»… хотя, я в принципе никогда так не говорил, и всего лишь поделюсь своими наработками создания иллюстраций к статьям для блога сайт
Что такое иллюстрация
Вольное трактованные этого термина оставим в глубинах моей головы, а обратимся к глобальной паутине.
Иллюстрация – это рисунок или любое другое изображение, поясняющее текст, сюда можно отнести и фотографии, и гравюры, да и много чего еще .
Цель рисунка как правило выделить субъект, о котором идет речь, а не показать форму, объяснить или показать текстовое содержимое графическими методами.
Используется для передачи эмоций, атмосферы творящейся в тексте, изображении героев повествования, демонстрации объектов, пошаговых инструкций и схем в технической документации.
Как используются иллюстрации
Где мы встречаемся с ними чаще всего? ИМХО, приоритет такой — детские книги, затем сайты, газеты, журналы, остальные книги.
В газетах изображают в основном карикатуры, высмеивающие описываемую в тексте ситуацию, а журналы больше используют на фото коллажи и, если есть необходимость, рисунки, которые могут покупать на стоках.
Настоящий кладезь - это детские книги и сайты. Есть мнение, и не только мое, что на рисование иллюстраций к книге возьмут человека, у которого портфолио выполнено в одном стиле и схожей тематике, чем того, у кого сборная солянка из стилей, техник, тем и т.д.
И какой из этого напрашивается вывод? Правильно если ты хочешь заработать на рисовании картинок, сопровождающих текст, то это тебе необходимо подстраиваться под рынок, а не рынку под тебя.
На самом деле когда ты поймешь правила игры и перестанешь сопротивляться , выпячивая своего «Д’Артаньяна» на показ вот тогда ты можешь рассчитывать на работу в этой сфере.
С сайтами, на мой взгляд ситуация иная. Их много, и не смотря на то что ты все еще должен подстраиваться под клиента, тут тебе никто не запрещает, а даже рекомендует сделать свое портфолио как можно разнообразней, что бы заказчик мог выбрать стиль, в котором хочет сопровождать иллюстрации на своем портале.
Итак, подытожим, чтобы рисовать коммерческую иллюстрацию, а именно так называются оплачиваемые рисунки, тебе необходимо выбрать сферу, в которой ты хочешь применять свои таланты, создать богатое портфолио в одном стиле (для узкой сферы, вроде детских книг ), либо в разных (для сайтов и проектов с широкой тематикой ), чтобы продемонстрировать свой опыт заказчику.
Я надеюсь мы оба пониманием что сегодня будет опущен вопрос того как вообще рисовать и поговорим об идее и концепции, а не формах и линиях. Понеслась… опять!
1. Во первых строках нужно понять, а точнее спросить как видит иллюстрацию сам заказчик . Если ответ будет в стиле «На ваше усмотрение», то считай, что повезло, иные же заранее создают у себя в голове картинку и сетуют, когда она не совпадает с тем что вышло из-под твоего пера.
Я конечно сам себе заказчик и исполнитель, но если бы заказывал иллюстрации «кому-нибудь», то обязательно сказал бы, что конкретно нужно нарисовать и как я это вижу, а не «есть текст – иллюстрируйте».
2. Как правило мои иллюстрации опираются на подзаголовки , но не всегда информации хватает для составления четкой картины. В иных случаях, я перечитываю текст и вычленяю предложение из всего раздела, а еще лучше контекст и пытаюсь как-то его обыграть.
3. У меня блог и по моим наблюдениям большинство нарисованных для интернет-сайтов иллюстраций имеют развлекательный характер и хотят насмешить читателя, разбавить атмосферу, дать передохнуть.
Крупным интернет-изданиям, ну вроде adme, lookatme и иже с ними, часто нужны специфичные и креативные рисунки. С книгами проще – просто рисунок, иллюстрирующий текст, без всяких аллюзий и тайных смыслов.
4. Иллюстрации на сайтах нужны в первую очередь что бы читатель с катушек не съехал пока прочитает эту простыню . Поэтому чем больше будет рисунков, тем лучше. Однако осторожно, нарисовать восемь иллюстраций для одной статьи – сложно, но можно, а рисовать по восемь иллюстраций к десяти статьям, это бл*дь самоубийство (я знаю Т_Т).
То же справедливо и для книг. Если заказчик строго определяет количество рисунков на квадратный сантиметр, то в первую очередь необходимо оценить по силам ли тебе это. Как оценить? Возьми тестовое задание, можно даже не оплачиваемое, ведь если тебе подойдет, то с тобой будут сотрудничать, а если нет, то ты купишь себе СВОБОДУ от рабства над проектом, который в будущем будет ассоциироваться у тебя только с болью .
5. Цвет в иллюстрации задает настроение для всего текста . Светлые и яркие рисунки ассоциируются с хорошим настроением и говорят о том, что текст «настроен дружелюбно», не написан в депрессивных тонах, не стремиться тебя напугать. Темные цвета напротив могут сгустить краски что бы передать весь ужас, который описывается в тексте.
6. Черно-белые рисунки создаются быстрее цветных, но не так быстро, как кажется на первый взгляд … Ладно этот совет полезен, возможно, исключительно только для меня (с моим то стилем рисовки…), но в последнее время все чаще начинаю добавлять цвета и… не сказал бы что рисую заметно дольше. Так что это так, совет для тех, кто пока не умеет красить и думает «мой стиль будет черно-белым» — как думал я.
7. Оптимизируй задники . Часто в иллюстрации важен объект и совершенно не важен фон. Фон может быть абстрактным или просто каким-то пастельным. Если заказчик не требует от тебя подобной «Атмосферы», то не заморачивайся – кучу времени себе сэкономишь.
8. Старайся придерживаться одной рисовки . Да, весьма странный совет ответом, на который может служить фраза: «Ясен пень!». Но мы — начинающие художники (если ты нет, то что ты здесь забыл?) и каждый наш рисунок учит нас чему-то новому и после каждой работы мы рисуем все лучше и лучше.
9. Для сайтов, газет, журналов: когда ты выбираешь единый стиль рисовки, то иногда есть возможность придумать и персонажа . Если вспомнить иллюстрации к газете, которые я в детстве постоянно выискивал, то там был такой персонаж как Петрович. Честно скажу нарисован он был ужасно, но цепляло то как один и тот же персонаж попадает в разные ситуации.
Так и я сделал для своего блога, у меня два основных персонажа (ну и я на подстановке), которые иллюстрируют все происходящее в моих статьях.
10. Если текст описательный – рисуй объект, если повествовательный – действие . Сейчас объясню – если мне описывают, то какая шикарная ваза у моего соседа, то я рисую вазу, если мне рассказывают о том, как эта ваза к нему попала, то я могу нарисовать весь ее путь от фабрики до дома, как ее произвели, уронили, склеили, транспортировали и т.д.
11. Не самый категоричный совет, сугубо на мой взгляд, чем больше деталей, тем лучше . Да большое количество мелочей удлиняет процесс производства, но в то же время помогает читателю лучше прочитать картинку. Глаза цепляются то за одну вещь то за другую и образ откладывается в голове. Но есть тонкая грань между умеренным количеством и сильным переизбытком… эту грань ты должен найти сам;)
Ну, тут не так много, но как я и говорил это мой опыт создания иллюстраций и некоторые моменты которые я подметил лично для себя.
Надеюсь тебе было интересно, и ты получил парочку полезных знаний.
И, да, не забывай что для создания цифровых иллюстраций тебе необходим графический планшет)) Я последнее время присматриваюсь к Алиэкспрессу, там есть много планшетов по низким ценам . Я уже не раз покупал вещи у китайцев и в ближайшее время планирую купить себе новенький планшетик... а то мой ваком уже совсем стерся Т_Т
Всем творческого настроения друзья!