Урок № 34. Поиграем с обводкой. Часть IV.

Разговор об обводке продолжаем.

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

Многие из начинающих работать с Adobe Illustrator жалуются на незнание, что рисовать. И вышли бы на стоки, но нет воображения. Я и сама вижу, что некоторые рефералы прошли экзамен, но и месяц, и второй, и третий как было 7 – 10 рисунков, так и остается. Что делать? Не может человек ничего придумать! C профессиональными художниками такого не бывает, но мы говорим о любителях, которые хотят заполнить свой досуг полезным и интересным делом.

Выход опять в слове «играть»! И как это сделать? Да порой очень просто!

Взрослые люди за годы работы стали до крайности строги к себе, к своему воображению. Складывается впечатление, что заперли внутри себя творческого ребенка и страшно запугали его за непослушание и непоседливость. А теперь не знают, что делать, что рисовать. Смотрят на образцы, предлагаемые стоками, а там очень высокий уровень, это самые продаваемые работы. Видят рисунки в интернете —  тоже страшно. Радость от изучения «Иллюстратора» постепенно гаснет, появляется неуверенность в себе. Думают: ничего не получается, нечего и начинать! А ещё пугают работы мастеров, выполненные просто и изящно. Кажется, сделать подобное не составит труда, но не выходит. Опять уныние. И в голове: лучше не начинать, так легче!

Начинать всегда стоит, но надо выучиться играть.

У вас есть свой уединенный уголок, куда никто не заглядывает? Если нет, то надо его завести. Это тайный маленький мирок, куда доступ будет только у вас. Здесь и начнётся работа вашего творческого воображения, ваша игра!

Сейчас скажу такое, что может и не понравиться. Надо почаще заходить в магазины fixprice, где фиксированные цены, где всё по 38 рублей!  Пенсионерам там все по карману!

Уже вижу вытянувшиеся лица. Некоторым даже думать о китайских подделках не хочется! А тут советуют с помощью дешевки будить творческое воображение! Кошмар!

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

Зайдите в магазин fixprice, подойдите к полке канцелярских товаров и найдите набор наклеек. Я сама не сразу их увидела, когда заметила, не оценила, а теперь хожу и покупаю постоянно. У меня уже 9 альбомов с наклейками, может, их было и больше, но я начала покупать совсем недавно.  Вот названия: «Волшебный календарь», «Большая перемена», «Волшебный ежедневник», «Мир принцессы», «Космические приключения», «Древний мир динозавров», «Сказочный подводный мир», «Зимний спорт», «Волшебная зимняя сказка». Дети эти альбомы с наклейками раскупают быстро, купите себе и вы. У альбомов есть опознавательные надписи. В правом верхнем углу на звездочке написано: «Более 500 наклеек».  В нижнем углу прочтете: «Внутри большой постер для наклеек! Прояви фантазию!»

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

Итак, уединились в своем уголке? Раскройте альбомы и тщательно рассмотрите. Нарисовано всё удивительно просто, но сколько фантазии в изображениях. Так можете и вы. Сначала будете подражать, а если добавите своего, то это уже не плагиат, а нечто новое. В искусстве именно так: копируете одного – плагиат, копируете многих – творческий подход! О нем и речь, смотрите, обдумывайте и добавляйте своё. На имеющейся основе намного проще что-то делать!

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

А сами постеры… Они тоже образцы для подражаний. Ну, а если вы наклеите на них выбранные вами фигурки, возникнет новый сюжет. Почему бы его не нарисовать для стоков? «Прояви фантазию!» И играть интересно, фантазировать и выдумывать!

Как всегда кто-то скажет, что альбомы все раскупили, ничего нет. Так просто посмотрите в канцелярских и книжных магазинах на наклейки.  Они дороже, но тоже дают простор для фантазии. Только отберите векторные. И рисуйте что-то незамысловатое и простое. Пока вы начинающие, не гонитесь за количеством эффектов и всевозможных наворотов. Гениальное всё просто! Только путь к простому и гениальному долгий. Да вы и заметили, что стоки в качестве образцов вам предлагают не что-то супер трудное, а простое и красивое. Ах, и мы бы так, кажется, нарисовали. Но не получается! Вот и посидите в своем уютном уголке, пофантазируйте! Рассматривание и изучение такого числа работ приведет к желаемому результату! Действуйте! Хорошо знаем: количество переходит в качество!

Закончим долгое вступление и займемся обводкой.

Нашу пунктирную линию, которую мы назвали «строчкой», надо превратить в объект. Посмотрим на неё при большом увеличении. Рыбка выделена вся, но интересует нас только пунктир. Сразу видно: это не объект, а обводка.

Увеличенный плавник рыбки_Uvelichenny`i` plavnik ry`bki

Наша задача превратить штриховую линию в самостоятельные объекты. И тут нас ждут несколько вариантов. Рассмотрим каждый, а потом вы сами будете выбирать, какой вам ближе. Снимем выделение со всей рыбки и воспользуемся белой стрелочкой Direct Selection Tool (A) — инструмент «Прямое выделение».

Пунктир выделен с помощью белой стрелки_Punktir vy`delen s pomoshch`iu beloi` strelki

Заметили? В первом случае выделен весь плавник, а сейчас только пунктирная линия. Это нам и нужно! Идем в меню ObjectPath (контур) — Outline Stroke (преобразовать обводку). Кликнем!

Первый путь превращения обводки в объект_Pervy`i` put` prevrashcheniia obvodki v ob``ekt

Вот они, самостоятельные объекты! Каждый выделен отдельно.

Преобразование в объекты_Preobrazovanie v ob``ekty`

Вернемся к 100% после 800%, вот так выглядит наш плавник.

Плавник без увеличения_Plavnik bez uvelicheniia

Преобразуем в объект остальную белую штриховку рыбки. Идем в меню Select (выделение) — Same (по общему признаку) —  Stroke Color (с одинаковым цветом обводки).

Выделяем белую штриховку_Vy`deliaem beluiu shtrihovku

В рыбке выделилась вся оставшаяся «строчка».

Выделение всей белой штриховки_Vy`delenie vsei` beloi` shtrihovki

Идем знакомым путем: в меню ObjectPath (контур) — Outline Stroke (преобразовать обводку).

Обводка преобразована в объект_Obvodka preobrazovana v ob``ekt

Теперь наши «строчки» такие же объекты, как на первом плавнике. У второй рыбки глаз  частично был «обстрочен» белым, здесь тоже объекты.

Белая "строчка" на глазу второй рыбки_Belaia "strochka" na glazu vtoroi` ry`bki

А вот черную «строчку» переведем в объект по-другому во всей рыбке. Опять выделим сначала «строчку» на плавнике белой стрелкой Direct Selection Tool (A).

Плавник с черной "строчкой"_Plavnik s chernoi` "strochkoi`"

Пойдем в меню Object – Expand (разобрать).

Второй путь преобразования обводки в объект_Vtoroi` put` preobrazovaniia obvodki v ob``ekt

Кликнем Expand (разобрать). Выйдет окно Expand (разобрать), ОК.

Преобразование обводки в объект_Preobrazovanie obvodki v ob``ekt

Сразу и преображение! Ещё проще, но не всегда срабатывает. Бывает, что команда Expand (разобрать), не активна.

Преобразованные объекты_Preobrazovanny`e ob``ekty`

Теперь самостоятельная работа! Все черные «строчки» превратите в объекты! Приступаем!

Вот и у второй рыбки «строчки» преобразились в объекты.

Преобразование черной штриховки_Preobrazovanie chernoi` shtrihovki

Но программы у всех разные, не все перешли на Adobe Illustrator CS6, поэтому может не так всё сработать. Есть ещё вариант. С его помощью преобразуем строчку на червяках.

Опять выделим белой стрелочкой Direct Selection Tool (A) [инструмент «Прямое выделение»] «строчку» одного червяка.

Выделение пунктира на червяке_Vy`delenie punktira na cherviake

Идем в меню Object Flatten Transparency (обработка прозрачности).

Третий путь преобразования обводки в объект_Tretii` put` preobrazovaniia obvodki v ob``ekt

Выйдет окно Flatten Transparency (обработка прозрачности). Такие параметры дает программа.

Окно Flatten Transparency (обработка прозрачности)_Okno Flatten Transparency (obrabotka prozrachnosti)

Мы их чуть изменим. Установим ползунок Raster/Vector Balance (баланс растровые/векторные) в положение 100. Поставим галочку только у опции Convert All Strokes to Outlines (преобразовать все обводки в очертания), ОК.

Преображение обводки_Preobrazhenie obvodki

Уже Preview (предварительный просмотр) показывает преобразования. Вот теперь и весь червяк.

Обводка стала объектами_Obvodka stala ob``ektami

Этим же путем преобразовываем всё оставшееся. Самостоятельная работа.

Преобразование обводки в объект_Preobrazovanie obvodki v ob``ekt

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

Новый документ назовем stroke4. На чистом листе пером Pen Tool (P) нарисуем ломаную линию. Но сначала посмотрите на заливку и обводку. Заливки нет, обводка черная.

Заливка и обводка_Zalivka i obvodka

Она вполне может послужить основой для создания дизайна. Толщину обводки возьмем 10 pt.

Инструмент перо и палитра Stroke_Instrument pero i palitra Stroke

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

Ломаная линия_Lomanaia liniia

Знакомый путь: ObjectPath (контур) — Outline Stroke (преобразовать обводку).

Линия стала объектом_Leeniia stala ob``ektom

Это уже объект. Размножим его. Черной стрелочкой Selection Tool (V), нажав клавишу Alt, создадим копию.

Создание копии_Sozdanie kopii

А теперь несколько раз нажмем клавиши Ctrl+D, это повторение трансформации.

Создание множества копий_Sozdanie mnozhestva kopii`

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

Красный прямоугольник_Krasny`i` priamougol`nik

Черной стрелочкой Selection Tool (V), нажав клавишу Alt, создайте копию, а с помощью клавиш со стрелками «вправо – влево» поставьте копию на другой конец фигуры.

Копия прямоугольника_Kopiia priamougol`nika

Теперь выделим всё с помощью черной стрелки Selection Tool (V).

Выделены все объекты_Vy`deleny` vse ob``ekty`

Воспользуемся инструментом Shape Builder Tool (Shift+M) — инструмент «Создание фигур».

Иконка инструмента Shape Builder Tool _Ikonka instrumenta Shape Builder Tool

Не забыли его действие?

Действие инструмента Shape Builder Tool _Dei`stvie instrumenta Shape Builder Tool

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

Удобная обрезка_Udobnaia obrezka

Повторяем так же на другом конце.

Обрезка завершена_Obrezka zavershena

Обрезка закончена. У нас готовый элемент дизайна. Подумайте, куда можно это применить! Сгруппируйте созданное с помощью клавиш Ctrl+G, легче будет передвигать, ничего не потеряется и не сдвинется.

Готовый элемент дизайна_Gotovy`i` e`lement dizai`na

Ещё поговорим об обводке.

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

Контур будущей карты_Kontur budushchei` karty`

У меня получилось так, у вас по-другому, это не принципиально! Теперь найдем справа на панели палитр Appearance (оформление). Такой у неё значок:

Иконка палитры Appearance (оформление)_Ikonka palitry` Appearance (oformlenie)

А так палитра выглядит с нашими невыделенными контурами.

Палитра Appearance (оформление)_Palitra Appearance (oformlenie)

Выделим «карту» и посмотрим на палитру Appearance (оформление). Как палитра быстро реагирует!

Изменения в палитре Appearance (оформление)_Izmeneniia v palitre Appearance (oformlenie)

Теперь раскроем в меню палитры Appearance (оформление) команду Add New Stroke (добавить новую обводку).

Открытое меню палитры_Otkry`toe meniu palitry`

Можно воспользоваться и иконкой обводки внизу палитры Appearance (оформление).

Иконка обводки внизу палитры Appearance (оформление)_Ikonka obvodki vnizu palitry` Appearance (oformlenie)

Действие будет одно и то же. Выбирайте, как вам удобнее. Итак, кликнем.

Появление второй обводки_Poiavlenie vtoroi` obvodki

Это выдала программа, теперь уже две обводки, нам надо всё чуть изменить. Сделаем двойной щелчок на первой строке обводки палитры Appearance (оформление), цвет оставим черный, а размер изменим в палитре Stroke на 10 pt.

Палитры Appearance и Stroke_Palitry` Appearance i Stroke

Так преобразился наш контур. Это я подтащила палитру Stroke, чтобы было нагляднее. Вы могли всё сделать в самой палитре Appearance (оформление). «Карта» окрасилась жирным черным цветом.

Увеличение  толщины первой обводки_Uvelichenie  tolshchiny` pervoi` obvodki

Перейдем на новую обводку, цвет сделаем белый, ширину 5 pt.

Изменение второй обводки_Izmenenie vtoroi` obvodki

Щелчок, всё преобразилось! Уже ближе к цели!

Изменение "карты"_Izmenenie "karty`"

Но такой «карта» не бывает! «Перекрестки-то» закрыты! Так на картах не рисуют! Без выделения четче видны все погрешности.

Несовершенная карта_Nesovershennaia karta

Выделим всё снова и нажмем сочетание клавиш Ctrl+8.

Преобразование карты_Preobrazovanie karty`

Преображение мгновенное! Посмотрим без выделения.

Ожидаемый результат_Ozhidaemy`i` rezul`tat

Ну, теперь нам любые карты по плечу! Начертим фрагмент любого города!

А преобразовать созданное в объект проблем нет, разбирали сегодня!

Ещё раз взглянем на документ stroke4.

Объекты из обводки_Ob``ekty` iz obvodki

Неплохие заготовочки! Сохраним их, вдруг пригодятся!

Опять как-то уморились! Перемена! Ура! Отдыхаем!

Закрепите изученное.

Следующий урок №35. И снова праздник! 


Эта страница была показана 9738 раза.

Пожалуйста, поделитесь, если страница оказалась полезной!
  • Добавить ВКонтакте заметку об этой странице
  • Facebook
  • Одноклассники
  • LiveJournal
  • Twitter
  • Tumblr
  • Мой Мир

Урок № 34. Поиграем с обводкой. Часть IV.: 8 комментариев

  1. Большое спасибо за статью! Как раз моя ситуация: изучаю Иллюстратор, хочу рисовать на стоки, а сама в страхе и ступоре. И фантазия не работает.

    1. Наталия! Я рада, что Вам помогают мои советы. Одно рассматривание наборов наклеек уже будит воображение и фантазию. А порой нужен только толчок! Успехов! 🙂

  2. Спасибо за урок. Я совсем новичок в иллюстраторе. Рисую на бумаге.Может подскажите, есть ли какой-нибудь способ сканированный рисунок линией трэйсить так чтобы линия превратилась в обводку, а не была объектом? То есть,Как сделать рисунок нарисованный на бумаге одной линией векторным и так чтобы эту линию можно было легко удалить(после экспанда)?

    1. Вопрос понятен. В режиме авторейса, кажется, есть такой режим, чтобы в итоге получалась линия, а не объект. Я сама просто протестировала эту возможность, но не пользовалась. Думаю, если приноровиться, подобрать параметры, то можно получить какой-то результат. Но боюсь, что все равно некоторые моменты придется дорабатывать ручками.

  3. Спасибо за интересную идею, очень позитивное и ободряющее начало в этом уроке.Моя внучка собирает такие наклейки — во сейчас допишу и пойду их рассматривать! Спасибо — спасибное!

  4. Людмила! Как хорошо, что есть чему поучиться у детей. Ваша внучка имеет клад, она им с удовольствием поделится! У меня таких альбомчиков уже 24! Собираю! 🙂

  5. Спасибо за очень хорошие уроки!) Начинала учиться Иллюстратору по ним) Не так давно, месяца полтора назад. Но уже зарегистрирована на Фотолии и Шаттере и имею 25 работ в портфолио) Хотя тоже страдаю недостатком идей. Хотя вру) Идеи есть, но исполнение кажется невыполнимым. Начинаю рисовать и понимаю, что не мой еще уровень. В голове красота, а на деле… И хочется руки опустить. Вот только и спасаюсь Вашими вдохновляющими вступлениями к урокам) Спасибо! Вы очень замечательный учитель)

  6. Здравствуйте, Вероника! Вы идете семимильными шагами! За полтора месяца столько сделали! Я восхищаюсь Вами! Всё получится, техника придет, Вы умеете учиться и работать!
    Спасибо за высокую оценку моих вступлений к урокам. Я всегда понимала, что начинающим очень трудно: уверенности нет, так всё страшит. Но порой мне начинало казаться, что людям и не надо моих вступлений. Интересует только «Иллюстратор». В Вашем комментарии я увидела, что делаю всё правильно. И мне нужна поддержка! 🙂

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *