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

Итак, цветочками натешились, пойдем дальше. В палитре Stroke ещё кое-что есть. Создадим новый документ stroke2. Опять в процессе игры что-нибудь создадим. Это пригодится!
Мы рассмотрели первую часть палитры Stroke. Но есть и вторая часть.

Вторая часть палитры Stroke_Vtoraia chast` palitry` Stroke

Пока ничего не делаем, не всё и работает. Начнем разбираться.

Штриховая линия_Shtrihovaia liniia

Dashed Line (Штриховая линия) состоит из набора полей dash (штрих) и gap (промежуток). Первые определяют длину штриха, вторые – промежуток между ними.

Возьмем инструмент Pen (перо)  и нарисуем линию. Используем знания, полученные на прошлом уроке. Weight (толщина) 20 pt.  Из палитры образцы (Swatches) берем градиент Color Combinations.  А теперь цвет, я взяла Gold, Teal, Green (Золото, зеленовато-голубой, зеленый).  Вы можете взять другой.

Цвет из палитры образцов_TCvet iz palitry` obraztcov

Получилась такая линия, потому что в палитре Gradient я нажала Apply gradient across stroke (Примените градиент через обводку). Это уже знакомо и понятно.

Применение градиента в обводке_Primenenie gradienta v obvodke

Но нам надо другое. Нужна прерывистая линия. Поставьте галочку около Dashed Line (Штриховая линия). В окне dash (штрих) возникнет 12 pt, это ставит сама программа. Вот первый результат.

Штриховая линия_Shtrihovaia liniia

Окна dash (штрих) стоит заполнять,  окна gap (промежуток) можно оставить пустыми. Первые определяют длину штриха, вторые — промежуток между ними. Чтобы получить разные штриховые линии, изменяем и то, и другое. Саму линию выделите черной стрелкой. Я ввела такие параметры, вы поставьте свои, экспериментируем! Играем!

Новая штриховая линия_Novaia shtrihovaia liniia

Чтобы быстро изменить штриховку, надо ввести цифры и нажать на клавиатуре клавишу Tab. Опять играем, первоклассники! Вводите цифры и нажимайте! Это интересно!

Штриховая линия с новыми параметрами_Shtrihovaia liniia s novy`mi parametrami

Хотите сбросить параметры Dashed Line (Штриховая линия) просто снимите галочку в окошке. Чтобы сбросить параметры обводки и заливки, нажмите горячую клавишу D(В).

Обычная линия_Oby`chnaia liniia

— Ну, и как это применить? — скажете вы.

— Сейчас попробуем.

Давайте-ка нарисуем… забор! С помощью палитры Stroke это нетрудно.

Проведем горизонтальную линию с помощью Line Segment Tool (Инструмент линейного сегмента) и клавиши Shift.

Поставим параметры Weight (толщина) – 500 pt. Ставим галочку около Dashed Line (Штриховая линия). Около dash (штрих) вводим 20 ptgap (промежуток) – 10 pt. Нажимаем Tab.

Новые параметры штриховки_Novy`e parametry` shtrihovki

Заборчик хочется сделать оригинальным. Раскрасим его своеобразно. Опять образцы, градиенты, из них Neutrals, а затем смотрите параметры в палитре  Gradient. Забор может быть выкрашен в любой цвет, это на ваше усмотрение. Я просто играю!

Раскрасим забор_Raskrasim zabor

Ну, а теперь превращаем обводку в объект.  ObjectPath Outline Stroke (объект – путь – преобразовать обводку).

Превращаем обводку в объект_Prevrashchaem obvodku v ob``ekt

Разгруппируем объект, Object – Ungroup.

Разгруппируем детали_Razgruppiruem detali

Вот так без выделения выглядит наш будущий забор.

Сняли выделение_Sniali vy`delenie

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

Выделим ненужное_Vy`delim nenuzhnoe

Нажимаем Delete два раза, осталось только самое нужное.

Удалили ненужное_Udalili nenuzhnoe

Забор надо закрепить, чтобы он стоял. Проводим горизонтальную линию, толщина её – 20 pt, я дурачусь, поэтому и опять пользуюсь градиентом. Вы вольны делать так, как вам хочется.

Проводим линию_Provodim liniiu

Перевожу линию в объект, вы всё это знаете! Вот какая синева, это опять Gradient Mesh. Но я это оставлю.

Перевод в объект_Perevod v ob``ekt

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

Чувствуете, как резвится ваш творческий ребенок? Он всегда за то, чего не бывает, что не принято в мире.

— Где вы видели такой забор?  — говорит взрослый в вашей душе.

— А нигде не видели, но нам так хочется! – отвечает ребенок.

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

Объекты без выделения_Ob``ekty` bez vy`deleniia

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

Окно перемещения_Okno peremeshcheniia

Надо передвинуть выделенное вниз, чтобы получилось ровно и красиво. Можно это сделать и вручную, но попробуем все же с помощью окна. Поставим такие параметры: Vertical – 200 pt, Distance – 200 pt, Angle — -90o.

Параметры передвижения_Parametry` peredvizheniia

Нажимаем Copy (копировать). Легко и просто. К этому мы и стремимся.

Точное перемещение детали_Tochnoe peremeshchenie detali

Кто-то спросит, почему именно 200 pt? А я посмотрела на параметры нашей верхней поперечины и взяла нечто среднее.

Координаты поперечины_Koordinaty` poperechiny`

Ось Y— 266 pt, мне захотелось поставить 200 pt, вы вольны выбрать и другие цифры. Забор-то у вас свой, вы его хозяева!

Теперь выделим обе палки и отправим их на задний план. Это вы умеете, не объясняю.

Оригинальный забор_Original`ny`i` zabor

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

Забор_Zabor

Да… Некрасиво.

Давайте-ка уменьшим наш заборчик, предварительно объединив все детали с помощью черной стрелки и клавиш Ctrl+G, и перекрасим.

Уменьшенный и перекрашенный забор_Umen`shenny`i` i perekrashenny`i` zabor

Ну, так симпатичнее! Теперь скопируем заборчик с помощь клавиш Ctrl+C, Ctrl+B (поставить на задний план). Перекрасим копию в бледно-серый цвет и с помощью стрелок вверх- вниз, вправо-влево чуть выдвинем, сделаем тень. Заборчик готов!

Забор с тенью_Zabor s ten`iu

Нарисуйте за ним вашу дачу, лес или сад с цветами. Фантазируйте! А я не буду мудрствовать! Можете поступить так же!

Картинка из нарисованного ранее_Kartinka iz narisovannogo ranee

 

Картинка из наших рисунков, я их просто скопировала, уменьшив в размерах, и вставила. У вас будет всё красивее и интереснее, если будете рисовать, но как легко и просто использовать заготовки!

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

На задний план поместила квадрат и выкрасила его в цвет неба. Палитрой образцы (Swatches) вы хорошо владеете, выбирайте цвет сами!

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

Знаю, дорогие мои первоклассники, что вы уже облазили весь сайт. Правильно и сделали! Дети так и поступают. Молодцы, хвалю! Поэтому не буду долго и упорно рассказывать, как обрезать картинку. Возьмем это в уроке по созданию симлессов. http://www.natulrich.com/ru/lessons/lessons15.php

Весь урок читать не надо, используем несколько строк из него. Но сначала скопируйте квадрат неба Ctrl+C, Ctrl+B. Помещаем его выше всех элементов (Ctrl+Shift+]).

«Выделяем верхний прямоугольник и выбираем команду: Object (Объект) — Path (Путь) — Divide Objects Below (Разрезать низлежащие объекты).

Вооружаемся белой стелочкой (Direct Selection) и, не заходя за границы фона, выделяем все ненужные элементы, затем два раза жмем Delete.»

Думаю, у вас проблем с обрезкой не будет!

В уроке есть предупреждение по обрезке, его тоже желательно знать!

«Если вы выберите вариант с обрезкой лишних частей, то помните, что при использовании команды Divide Objects Below:

скрытые (hide) и заблокированные (lock) объекты разрезаться не будут;

линии не разрезаются, их предварительно нужно переводить в объекты (экспандить);

oбъекты, полученные с помощью Symbols, не будут разрезаны, их тоже нужно экспандить.

в последних версиях Illustrator (CS3, CS4) при использовании команды Divide Objects Below «съезжают» градиенты. Если вы постоянно работаете с градиантами в seamless, то для разрезания объектов вам идеально подошла бы 8-я версия Illustrator, там данная команда называется Slice. Режет градиенты идеально. Проверено.»


На сегодня достаточно. Продолжим на следующем уроке.

Урок закончен. Перемена!

Сохраните нарисованное! Закрепите изученное!

 Следующий урок №33. Поиграем с обводкой. Часть III.


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

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

Урок № 32. Поиграем с обводкой. Часть II.: 14 комментариев

    1. Илья, здравствуйте! Конечно, уроки будут. Но за такими успешными учениками учитель не всегда успевает! 🙂

  1. Илья, повторять всегда полезно, но и долго сидеть на простом с такими способностями не стоит. А как дела с выходом на стоки?

    1. Зарегистрировался на фотолия. Отправил Вам письмо, чтоб Вы посмотрели, стоит ли отсылать им такое =). Параллельно ищу способ, как вырезать сложные объекты из фотографий. Один раз получилось, вспомнить не могу =))))). Но вырезал после того, как обвёл пером. Вы не подскажете???? =)

  2. Илья, рада, что Вы пытаетесь выйти на «Fotolia». Отсылать надо только то, что нравится Вам самим. Рисунок может быть очень простым, но оригинальным. Это приветствуется. В любом случае рисуйте, рисуйте и рисуйте.

  3. Ух ты, ровно год прошёл =)))
    Но, после долгого перерыва, я начал заново изучать программу и учиться рисовать.
    У меня уже цельных две продажи есть =)))
    Так что начало покладено! =)

  4. Здравствуйте, Илья! Как я рада, что есть продажи, это воодушевляет! Все с такого начинают, а ведь хорошо знаем: начало — это дела половина. Не бросайте, у вас всё получится, успех впереди! 🙂

  5. Здравствуйте! У меня не получается разгруппировать объект! Object – Path – Outline Stroke срабатывает, а пункт меню ungroup неактивен, хотя выделение я не снимала. Что делать?

    1. Chornaya, снимите выделение и кликните, пожалуйста, по одной из дощечек, может, они разгруппированы Вами уже? Если нет, прочитайте снова всё внимательно, где-то допустили ошибку. Удачи! 🙂

  6. Спасибо за уроки, смогла систематизировать свои навыки. До этого рисовала простейшие фигуры все методом тыка. Посмотрите на мой цветочек)

      1. Прекрасный цветочек! Здорово, что так свободно работает воображение! Всё получится! Метод тыка уйдет, будут знания! 🙂

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

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