Особенности создания постеров и афиш в компьютерной графике

 

Содержание

Введение…………………………………………………………………………...3

Раздел 1. Ответ на вопрос по теме исследования: «Особенности создания   постеров и афиш в компьютерной графике»……………………………………5

1. Принцип работы программы Photoshop…………………………….…6
2. Основные инструменты Photoshop, с помощью которых создаются афиши и постеры………………………………………………………………..6
3. Примеры афиш и постеров и плакатов, созданных с помощью компьютерной графики……………………………………………………..…………..11

Раздел 2. Описание процесса создания афиши с использованием текстовой композиции………………………………………………………………………14

1. История рекламно-плакатной графики………………………………..15
2. Приемы, используемые в современном плакате………………………16
3. Цветовая гамма…………………………………………………………..16
4. Шрифты…………………………………………………………………..17
5. Создание текстового портрета………………………………………….18
6. Создание афиши с использованием текстовой композиции………….25

Заключение……………………………………………………………………...28

Список литературы……………………………………………………………..29

 

 

Введение

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

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

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

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

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

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

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

Можно выделить несколько  задач:

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Раздел  1

Ответ на вопрос по теме исследования:  
«Особенности создания постеров и афиш в компьютерной графике»

 

 

1.  Принцип работы программы Photoshop

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

Основные возможности  программы Adobe Photoshop для работы с изображениями:

1. Рисование с помощью различных инструментов;
2. Управление режимами изображения;
3. Корректировка цветов;
4. Деформирование, вращение, перемещение;
5. Работа со слоями. Слои можно редактировать по отдельности, создавая различные эффекты за счёт взаимодействия слоёв;
6. Выделение фрагментов и работа с ними;
7. Изменение изображения за счёт наложения фильтров;
8. Наложение текста;

Наиболее эффективно программа  используется для:

1. Рисования
2. Стилизации
3. Фотомонтажа

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

2. Основные инструменты Photoshop, с помощью которых создаются афиши и постеры

 

 

1. Mask/Маска

Маска — суть выделение. Она задает прозрачные, непрозрачные и полупрозрачные области в изображении. Но выделение — это лишь «бегущие муравьи», в то время как маска — выделение, сохраненное в виде альфа-канала, маски слоя или сам слой, который в этом случае носит название Clipping Mask.

      

Инструмент  Маска/Mask

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

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

2. Brush/Инструмент "Кисть"

Brush Tool — один из наиболее универсальных и часто используемых инструментов графического редактора Adobe Photoshop. При помощи этого инструмента можно обрисовывать холст установленным цветом, либо узором. Во взаимодействии с другими инструментами и функциями этот инструмент может выступать в роли ластика, выполнить функцию обводки или создать создать выделенную область. Как и для всех кистевых инструментов, здесь присутствует возможность самостоятельно создать форму, которую данный инструмент будет передавать на холсте.

                                    

Инструмент  Кисть/Brushes

При выборе кисти и нажатием левой кнопкой  мыши на слой вы увидите, как появляются штрихи кисти, что бы прекратить рисование кистью необходимо лишь отпустить кнопку мыши. Параметры для кисти инструмента являются: Кисти (Brush), режим смешивания (Mode), непрозрачность (Opacite) и Flow.

Основы кисти

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

• Master Diameter увеличивает или уменьшает размер кисти. Для уменьшения или увеличения диаметра нужно лишь двигать ползунок влево для уменьшения или вправо для увеличения.
• Hardness увеличивает или уменьшает границу силы кисти, 0%, это означает что мягкие границы (цвет затухает) и 100% точные границы. Горячие клавиши для увеличения или уменьшения жесткости процентов является ключевым левый ползунок и ключевой правый ползунок соответственно.

                              

Основы  кисти 

3. Adjustment layer/Корректирующие слои

Корректирующий слой — специальный слой, содержащий в себе одну из коррекций изображения, которая влияет на все слои, расположенные ниже. В отличии от непосредственной коррекции слоёв, корректирующий слой не меняет содержимое (а точнее пиксели) этих слоёв. Если применить маску к корректирующему слою, то коррекция будет влиять только на слой, находящийся прямо под корректирующим.

Маску для корректирующего слоя можно создать таким же образом, как и для обычного слоя: через контекстное меню слоя или при помощи сочетания клавиш Ctrl + Alt + G.

Корректирующий слой может  содержать в себе следующие коррекции:

• Brightness/Contrast (Яркость/Контрастность)
• Levels (Уровни)
• Curves (Кривые)
• Exposure (Экспозиция)
• Vibrance (Вибрация)
• Hue/Saturation (Цветовой тон/Насыщенность)
• Color Balance (Цветовой баланс)
• Black & White (Чёрно-белое)
• Photofilter (Фотофильтр)
• Channel Mixer (Микширование каналов)
• Invert (Инвертировать)
• Posterize (Постеризация)
• Threshold (Изогелия)
• Gradient Map (Карта градиента)
• Selective Color (Выборочная коррекция цвета)

Корректирующий слой может  служить заменой коррекциям из меню Image → Adjustments, хотя не может содержать в себе все пункты этого меню. Но как и к обычному слою, к корректирующему можно применить стили слоя и маску слоя (она создаётся автоматически при создании корректирующего слоя и может быть удалена). При помощи маски слоя можно контролировать область применения коррекции. Как и маску обычного слоя её можно заливать (полностью или частично) чёрным цветом, скрывая эффект от коррекции на слоях, расположенных ниже, и белым цветом, возвращая снова этот эффект.

                      

Корректирующие  слои

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

Для создания корректирующего  слоя можно воспользоваться двумя  способами:

1. Перейти в меню Layer → New Adjustment Layer и там выбрать нужную коррекцию.
2. В нижней части палитры слоёв кликнуть на иконку чёрно-белого круга (Create new fill or adjustment layer) и выбрать нужный пункт.

4. Magic Wand Tool /Инструмент "Волшебная палочка"

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

     

Параметры инструмента Волшебная палочка 

Режимы взаимодействия с другими выделениями:

• New selection (Новая выделенная область) — при каждом клике на холсте будет создано новое выделение.
• Add to selection (Добавить к выделенной области) — при повторном создании выделения, новая выделенная область будет добавляться к уже имеющейся (в случае пересечения с ней) или создаваться рядом (в случае, если два выделения не имеют общей области пересечения).
• Subtract from selection (Вычитание из выделенной области) — при повторном создании выделения, новая выделенная область будет отсекать уже имеющуюся в области пересечения с ней.
• Intersect with selection (Пересечение с выделенной областью) — при повтором создании выделения останется только область пересечения.

                                                   

Рис. 1

3. Примеры афиш и постеров и плакатов, созданных с помощью компьютерной графики

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

                  

Рис. 2, рис. 3

 

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

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

Плакат (Рис. 4, рис. 5) – это издание, схожее с афишей, которое носит более агитационный характер и в связи с этим отличается способом подачи информации.

                 Основные форматы афиш и плакатов – А2, А3, А4. Первые и самые крупные являются оптимальным решением при средних и больших тиражах изданий. А3 и А4 изготавливаются для размещения на небольших стендах (например, в общественном транспорте) и являются бюджетными вариантами.

                   

Рис. 4, рис. 5

Постер (Рис. 6, рис. 7) – это издание более мелкого формата, чем афиша или плакат, которое часто размещается в периодических изданиях.

                                                   

 Рис. 6, рис. 7

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Раздел  2

Описание процесса создания афиши с использованием текстовой композиции

 

 

1. История рекламно-плакатной графики

Предшественником фирменных  бланков послужила иллюстрированная почтовая бумага, которая появилась  в начале XIXвека во Франции, а в 1830-х годах и в России. На первой русской почтовой бумаге были литографии достопримечательностей Петербурга и Москвы.

В России первые открытки были напечатаны Почтовым ведомством в 1871 году. На рубеже XIX - XX веков плакаты и открытки создавались художниками-иллюстраторами книг и журналов, этим и определялся их особый «русский стиль». Большая конкуренция заставляла искать новые сюжеты, стилистику, способы воспроизведения. Зачастую в открытках повторялись рисунки с торговых, рекламных и благотворительных афиш.

Во второй половине XIXвека в связи с развитием рекламы и появлением новых технологий печати возникла новая форма графического искусства – плакат. Первооткрывателем этого направления считают французского графика и театрального художника Жюля Шере (1836-1932). В 1866 году он создал собственное литографическое издательство и начал выпускать концертные и театральные афиши. Благодаря плоским формам, ярким цветовым пятнам, сложным волнистым линиям и декоративному шрифту они выглядели очень декоративными, динамичными и эмоциональными. Это было новое и доступное искусство.

 

Театральная афиша Жюля Шере

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

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

2. Приемы, используемые в современной афише

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

Проанализировав современные  тенденции в искусстве афиши, можно выделить следующие закономерности.

Большим успехом пользуются афиши с одним доминирующим изображением, занимающим 60-70% площади объявления. Изобразительной частью афиши может быть реалистичная фотография, рисунок, текстовая композиция, - всё определяется темой и фантазией художника-графика.

Следующий элемент, привлекающий внимание, - заголовок. Он должен быть коротким и ёмким (лучше, если он занимает одну строку). Заголовок может располагаться в любом месте плаката, но учтите, что если он расположен ниже иллюстрации, вероятность прочтения больше. Чаще всего заголовок занимает 10-15 процентов площади листа.

Фирменный знак может занимать не более 10-15% площади. Часто он располагается  внизу, но могут быть и другие варианты.

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

3. Цветовая гамма

Существенное влияние на восприятие плаката, его действенность, оказывают правильно подобранные цветовые комбинации. Прекрасная идея и ее дизайнерское воплощение могут потеряться, если выбор цветов не будет оптимален. Чаще всего плакаты бывают многокрасочные, но из-за применения 8-10 красок плакат может потерять свою выразительность. Цвета должны быть как можно более сочными и яркими, чтобы бросаться в глаза, привлекать внимание. Использование цветового контраста позволяет сделать сюжет более запоминаемым и легко читаемым с далекого расстояния.

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

В афише использовано несколько  основных цветов:

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

Цвета, выбранные для афиши 

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

        Цвета, выбранные для текстового портрета

 

 

4. Шрифты

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

Шрифт, выбранный для афиши 

Так как афиша является печатной продукцией можно использовать любой шрифт. Шрифт, используемый для основного текста – Century Gothic. Шрифт, используемый для создания текстового плаката – Stencil Std, Comic Sanc MS, Courier New, Segoe Print, Trajan Pro, Orator Std.

5. Создание текстового портрета

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

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

Исходное  изображение

В дальнейшем мы воспользуемся  командой Color Range (Цветовой диапазон) меню Select, которая делит изображение на светлые тона Highlights, полутона Midtones, тени Shadows, но перед этим увеличим контрастность через корректирующие слои Brightness/Contrast (Рис. 8).

                         

  Рис. 8

Чтобы текстовой портрет  получился более реалистичный, разделим изображение на полутона Midtones и тени Shadows (Рис. 9,рис. 10, рис. 11). Каждую часть изображения поместим на отдельный слой(Рис. 12).

                      

        Рис. 9

                               

   Рис. 10

                                     

Рис. 11

Получился портрет из двух цветов

      

Рис. 12

     

  Рис. 13

Так как изображение у нас  изначально обесцвеченное, мы пастеризуем его (Рис. 14, рис. 15). Я оставила 4 уровня, чтобы изображение получилось более реалистичным, и чтобы текст лучше читался по оттенкам силуэта. Плакат регулировки позволяет указать число тональных уровней (или значений яркости) для каждого канала в изображении, а затем привязывает пикселей к ближайшему уровню. Например, если выбрать два тональных уровня для изображения RGB дает шесть цветов: два красных, два для зеленого и два для синего.

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

  

Рис. 14

  

Рис. 15

Изображение к созданию текстовой  композиции подготовлено. Создадим кисти  с использованием разных шрифтов (Рис. 16, рис. 17, рис. 18).

                      

           Рис. 16

Растеризируем слой с текстом и применяем  Edit - Define Brush Preset (Рис. 17), чтобы создать новую кисть.

Рис. 17

Рис. 18

Весь материал исходный подготовлен, так что далее идея воплощается  в жизнь. Идея текстового портрета – портрет робота. Афиша разрабатывается к тематической вечеринке «BIRHDAY PARTY OF VOZDUH AND ARMA 17 SHOWCASE» .

Моделируем форму по оттенкам с помощью инструмента Brushes, меняя  размер и угол кисти (Рис. 19, рис. 20, рис. 21, рис. 22, рис. 23, рис. 24).

Рис. 19

Рис. 20

Рис. 21

Рис. 22

Рис. 23

Рис. 24

6. Создание афиши с использованием текстовой композиции

Главное в дизайне афиши –  это крупный читаемый, а главное  понимаемый текст, четкие изображения (Рис. 25, рис. 26, рис. 27). В содержании чаще всего указано название проводимого мероприятия, время его проведения, адрес, место.

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

Рис. 25

Рис. 26

Рис. 27

 

 

            Итоговое изображение

 

 

 

 

Заключение

В данном курсовом проекте были достигнуты все поставленные цели и задачи, путем детального рассмотрения процесса создания дизайна от постановки идеи до полного воплощения на примере афиши «BIRHDAY PARTY OF VOZDUH AND ARMA 17 SHOWCASE».