9. К онтрольные вопросы:

9.1. Дайте определение Adobe Illustrator.

9.2. Зарисуйте и запишите основные элементы интерфейса.

9.3. Какие задачи выполняет Adobe Illustrator?

9.4. Чем Adobe Illustrator отличается от Adobe Photoshop? Что общего?

9.5. Какие инструменты вы использовали для создания изображения?

9.6. Как ими пользоваться?

ПРИЛОЖЕНИЕ:

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

Adobe Illustrator незаменимый инструмент художников и дизайнеров. Он позволяет с легкостью рисовать и редактировать любые вообразимые элементы.

Подсказки по использованию эффектов Illustrator

Graphic Styles – сэкономят вам время.

Палитра Apperance – в ней можно на ходу изменять параметры эффектов и удалять их.

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

Нажмите D, чтобы быстро удалить все эффекты.

Разобрать оформление — если вы хотите преобразовать эффект в кривые, то перейдите к Object> Expand Appearance. Примечание: после этого, невозможным станет редактирование эффекта.

Технологическая карта №6 (4 часа)

1. Наименование: Adobe Illustrator: Знакомство.

2. Цель:

2.1.Усовершенствовать навыки работы с Adobe Illustrator.

2.2. Формирование ОК 1-9; овладение знаниями и умениями, необходимыми для освоения

ПК 1.2, 2.3, 2.4. (спец. ИС), ПК 3.1.-3.6. (спец. ПКС)

3. Подготовка к занятию:

6. По указанной литературе изучить тему рассмотренную в данной технологической карте

4. Литература:

4.1 http://tutorvideo.ru/grafika/adobe-illustrator-cs4.html- Adobe Illustrator

5. Перечень оборудования:

5.1 ПЭВМ, подключенные к сети Интернет

5.2 Браузеры

5.3 Adobe Illustrator

6. Задание:

6.1 Создайте логотип для кофе.

6.2 Создайте свой логотип для КС ПГУТИ.

7. Порядок выполнения работы:

7 .1. Создайте логотип в Adobe Illustrator

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

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

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

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

Создание скетча

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

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

И дея этого логотипа заключалась в том, чтобы соединить понятия «вектор» и «кофе». Были рассмотрены различные сочетания  зерен и капель кофе с общими понятиями векторной графики — инструмента Pen Tool и опорными точками. Наконец, остановился на классическом варианте формы с волнистыми краями и тексте. После обсуждения с клиентом, пришли к выводу, что нужно также создать символ, который бы напоминал о кофе. Это была капля кофе, которая также напоминает перо авторучки, что является иконкой для инструмента Pen Tool  практически для всех векторных редакторов. Для цветовой палитры был выбран красный цвет, который ассоциируется с теплом, так как кофе горячий. Также был выбран золотисто-желтый цвет, который не только имеет согревающий эффект, но и дает ощущения радости и счастья. Ну и, наконец, красивый насыщенный коричневый — цвет кофе.  

7.1.1. Создайте новый документ.

 

 

 7.1.2. Создайте волнистую форму

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

В ыберите инструмент  Star Tool (звезда), который находится под инструментом  Rectangle Tool (прямоугольник) в панели инструментов.  Кликните по пиктограмме инструмента, чтобы активизировать его. Затем кликните левой кнопкой по рабочей области. Появится окно Star Option (Настройки звезды). Установите значения, которые вы увидите ниже. Когда форма будет создана, отрегулируйте высоту и ширину звезды с помощью панели Window> Transform : размеры 448 на 448px . Поверните звезду на  90 градусов против часовой стрелки, чтобы верхняя точка звезды была размещена ровно. 

 7.1.3. Выберите форму звезды и перехйдите в панель Align (Выравнивание)  (Window > Align) и выберите Align to Artboard, потом   Vertical Align Centre и  Horizontal Align Centre. 

  

  

7.1.4. Откройте панель Appearance   (Window > Appearance) и выберите коричневый цвет (который взят из информации о брендинге клиента). Нажмите кнопку Effects из нижней части панели Appearance, выберите Stylize > Round Corners и введите значения, указанные ниже.

Выберите Ellipse Tool (L) и нажмите кнопку на рабочей области. Создайте круг с размерами  06 х 406px и центрируйте его, как показано ниже. 

 

 

 

 

 

 

 

 

 

 

7.1.5. Переключитесь на Selection Tool (V) и удерживая Shift выберите круг и форму волнистой звезды  одновременно.

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

7.1.6. Создайте внешнее кольцо

С  помощью инструмента Ellipse (L) снова создайте круг размерами  400 х 400 пикселей, разместите его относительно центра рабочей области. 

 

7.1.7.Откройте панель Appearance ( Window > Appearance ), удалите заливку и добавьте обводку размерами в 5px  желтого цвета (взято из  информации о брендинге клиента).

7 .1.8.Перейдите к Object> Expand Appearance (Разобрать оформление). При изменении размера изображения при печати логотипа, строки могут изменять значение размера в зависимости от настроек. Чтобы этого не случилось, мы применили данную команду. Таким образом, ваш логотип останется таким, как это было задумано.

7 .1.9. Создайте еще одно кольцо ближе к центру, чтобы сбалансировать текст, который введем позже. Выберите инструмент Ellipse Tool (L) и создайте круг размерами 190 х 190px, который помещаем в центре рабочей области.

 

 7.1.10. Откройте панель Appearance ( Внешний вид Window> ) и удалите заливку и добавьте обводку в 6px, которая будет выравнена  снаружи Outside, она придаст кольцу красивый красный цвет (взято из информации о брендинге клиента).

 

  7.1.11. Перейдите к Object> Expand Appearance. 

 7.1.12. Создайте форму в виде кофе

На панели Слои ( Window> Layers ) отключите видимость слоя с нашими объектам, нажав на иконку глаза рядом с именем слоя. По умолчанию это должен быть слой  "Layer 1". Теперь создайте новый слой. В общей сложности вы должны иметь два слоя, последний должен размещаться сверху и его видимость должна быть включена. 

 

 

 

 

7.1.13.Снова  выберите Ellipse Tool (L) и создайте круг размерами  300 х 300 пикселей, который должен размещаться в центре рабочей области. 

 7.1.14. С помощью Ellipse Tool (L), который еще выбран, создайте еще один круг размерами  70 х 70px и также разместите его по центру.  Сделайте его другим цветом, чтобы было удобнее работать. 

 

 

 

 

 

 

7 .1.15. Правой кнопкой мыши кликнете по маленькому кругу и выберите Transform> Move ... ( Shift-Command-M ), введите параметры, как показано ниже. Переключитесь на Selection Tool (V) и нажмите Shift, выделив одновременно два круга. Перейдите в Object> Blend> Blend Options... и убедиться, что опция «Smooth Color» включена и нажмите Ок. Теперь создайте бленд, выбрав Object> Blend> Make (команда-Alt-B ).

  7.1.16. Перейдите  к Object> Expand Appearance.  Это позволит создать много-много кругов, которые будут размещаться один поверх другого. Откройте панель  Pathfinder ( Window> Pathfinder ) и выберите первый значок слева, который  называется Unite и объединяем формы.

7.1.17.  У вас будем много узловых точек, которые сейчас нужно удалить. Увеличьте форму, выберите Direct Selection Tool (A) и перетатащите выделенную область на нежелательные опорные точки. Нужно помнить, что верхние и нижние опорные точки должны быть нетронутыми. После того, как вы их выбрали, нужно удалить их, нажав Backspace. Переходим в Path > Join(Command-J) и закрываем открытые пути. Нужно будет сделать это дважды.

  7.1.18. С помощью Ellipse Tool (L), создайте круг размерами 60 х 60 пикселей  . Цвет не имеет значения, но чтобы он был заметным. 

 

 

 

 

 

7.1.19. Выберите Rectangle Tool (L) и создайте вытянутый прямоугольник, шириной 10px, а высота должна быть больше, чем самая верхняя часть капли.

  Выберите Selection Tool (V) и нажмите Shift, чтобы выбрать одновременно круг и прямоугольник. Теперь откройте панель Pathfinder ( Window> Pathfinder ) и выберите первый значок слева, который называется  Unite, чтобы объединить эти формы вместе.

 7.1.20. Удерживая Shift, одновременно выберите каплю и  круг с прямоугольником, затем в панели Pathfinder ( Window> Pathfinder ) выберите второй значок слева, который называется  Minus Front, чтобы вычесть форму пера с капли.

 

Перейдите в панель  Transform ( Window> Transform ) и щелкните на значок звена цепи справа от диалогового окна ширины и высоты, чтобы ограничить изменения ширины и высоты. В окне Width указываем размер  90pxи  выравниваем объект по центру рабочей области. 

  7.1.21.Выберите Ellipse Tool (L) и создайте круг размерами 182 на 182px, как показано ниже. Выберите его и, кликните правой кнопкой мыши и выберите Arrange > Send to Back(Shift+Option+[).  Переключитесь на Selection Tool (V) и удерживая Shift, выберите обе фигуры одновременно. Откройте панель Pathfinder ( Window> Pathfinder ) и выберите второй значок слева, который называется Minus Front, а также измените цвет на коричневый.

 7.1.22.Перейдите на  первый слой с другими объектами. Выберите Ellipse Tool (L) и создаем круг размерами 460 х 460px, заливаем его красным цветом и выравниваем по центру.

 Включите Rectangle Tool (L) и создайте вытянутый прямоугольник высотой  125px  достаточной шириной, чтобы перекрыть круг.  

 

 

 

У держивая Shift, одновременно выделите круг и прямоугольник. ОткройтеPathfinder панель ( Window> Pathfinder ) и выберите третий значок слева, который называется Intersect.

  7.23. Откройте панель Appearance ( Window>  Appearance ) и выберите кнопку  Effects  в нижней части панели, а затем Stylize> Round Corners ... Введите информацию, указанную ниже. Теперь выберите кнопку Effects и Warp > Bulge…Введите параметры, как на скриншоте ниже. Теперь переходим в Object> Expand Appearance. 

 

 

 

 

 

Выберите Ellipse Tool (L) и создать круг, размерами 195 х 195px. 

 

 

 

Переключитесь на Selection Tool (V) и, удерживая Shift, одновременно выделите круг и деформированный прямоугольник. Теперь открываем панель Pathfinder (Window> Pathfinder ) и выберите второй значок слева, который называется Minus Front .

В ыберите инструмент Magic Wand Tool (V) и кликните по красной форме. Откройте панель Pathfinder (Window > Pathfinder)и  выберите первый значок слева, который называется  Unite, чтобы объединить формы. 

 7.1.24. Добавьте текст.Выберите Ellipse Tool (L) и создайте круг размерами 295 х 295px. Удалите заливку и обводку.

П ри выбранном круге нажимаем Type Tool (T) и, удерживая Alt на клавиатуре выберите самую верхнюю опорную точку. Измените цвет шрифта на коричневый и введитетекст «ВЕКТОР», используя выбранный клиентом шрифт.  В этом случае мы используем «Lubalin Граф». Убедитесь, что текст выровнен по центру с помощью панели  Paragraph(Window > Type > Paragraph).

  

 Дважды щелкните  на Type Tool в панели инструментов  и настройте Effect и Align в соответствии скриншотам. Затем переключитесь на Selection Tool (V) и захватите угол рамки поверните текст, чтобы он размещался в центре. С выбранным  Selection Tool (V) скопируйте (Ctrl-C)  путь и разместите на переднем плане (Ctrl-F) . Вернитесь к Type Tool (T) и измените текст на «КОФЕ». Переверните текст, чтобы он отображался вверх ногами. Дважды щелкните Type Tool и в появившемся окне выберите вариант «Flip», нажмите OK.

  Настройте кернинг между некоторыми буквами. Выберите две буквы F и установите кернинг на 90. Затем установите его между  F и E, а затем между двумя E.

 

С помощью Selection Tool (V) выберите текстовые формы и перейдите к Object> Expand. 

 Добавьте другие элементы.  С помощью Type Tool (T) введите "TUTS". И настройте размеры:

 

  Нужно увеличить ​​текст и с помощью Rectangle Tool (L) нарисуйте прямоугольники выше и ниже текста. Ширина прямоугольников будет совпадать с шириной текста, высота - 3 пикселя . Прямоугольники размещены на расстоянии 4 пикселя от текста. 

 

 

 

 

П ереключитесь на Selection Tool (V) и выберите оба прямоугольника и текст затем, удерживая Option на клавиатуре нажмите и перетащите выделенную область на в любом направлении, чтобы быстро дублировать его. Затем выравниваем текст читается «плюс» и при необходимости отрегулируйте ширину прямоугольника, чтобы так же, как текст.

 Выделите текст и нажмите Expand (Object > Expand), затем сруппируйте Group (Command-G)  текст и границы. Не группируйте  объекты и текст вместе. Когда вы закончите, должно быть две группы —  "TUTS",  и «PLUS».

  Выберите группу «TUTS», разместите ее в центре рабочей области и выберите Transform> Move ... ( Shift-Command-M ), введите параметры, как показано ниже.

 Выберите группу «PLUS» и также разместите в центре рабочей области, затем кликните правой кнопкой мыши и выберите Transform> Move ... ( Shift-Command-M ). Введите следующие параметры:

 

 

 

 

При включенном  Selection Tool (V)  выберите группы и красную форму, а далее перейдите к панели Pathfinder ( Window> Pathfinder )и  выберите вторую иконку слева, которая называется Minus Front .

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

 

8. Содержание отчета:

8.1 Титульный лист

2. Наименование и цель работы

3. Выполненное задание

8.4 Ответы на контрольные вопросы

8.5 Вывод о проделанной работе