Урок 15 «Во всем мне хочется дойти до самой сути…» Часть II

Продолжаем, дорогие мои, оживлять рыбку. Поможет нам в этом градиентная заливка. Мы с ней знакомы по библиотеке палитры Swatches(образцы). Пользовались готовыми градиентами, создавая солнышки и листочки. Но хочется самим дойти до сути. Это вовсе не трудно, хотя в теории градиент — более сложная  заливка: непрерывный переход одного цвета в другой.

Посмотрим ещё раз на фотографию рыбки. Сплошная «градиентная заливка». Четких цветов нигде нет.

фото рыбы_foto ryby

 

Везде постепенный переход от одного цвета к другому. Попытаемся и мы сделать что-то подобное. Как же это делается в Adobe Illustrator CS5?

Для начала сохраним цвет нашей рыбки в палитре Swatches(образцы). Выделите тело рыбки, откройте палитру Swatches(образцы), нажмите  New Swatch ( новый образец), выйдет окно. В графе Swatch Name появятся цифры нашего серебристого цвета 192-192-192, нажимаем OK. В палитре  Swatches(образцы) появится наш цвет.

часть выделенной фигуры и палитра Swatches_chast' vydelennoi figury i palitra Swatches

окно New Swatch_okno New Swatch

палитра Swatches(образцы) с добавленным цветом_palitra Swatches(obraztsy) s dobavlennym tsvetom

 

Сохраним и цвет наших плавников, потому что всё легко потерять, а восстанавливать долго. Действуем по аналогии.

цвета, внесенные в палитру Swatches(образцы)_tsveta, vnesennye v palitru Swatches(obraztsy)

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

Переходим к градиентной заливке. Её значок находится среди палитр справа:

значок палитры Gradient_znachok palitry Gradient

 

Если по какой-то причине на панели палитр у вас его нет, то откройте окно Window, в появившемся списке найдете.

палитра Gradient в списке палитр окна Window_palitra Gradient v spiske palitr okna Window

Раскроем палитру и рассмотрим её:

вид палитры Gradient_vid palitry Gradient

 

Всё какое-то серое, так палитра выглядит изначально. Надо заставить её работать, она изменится  и выдаст нам много нужного, без чего рыбка не оживет.

Выделите тело рыбки и нажмите на панели инструментов Gradient, изменилась заливка, изменился и цвет рыбки.

изменение заливки на градиентную_izmenenie zalivki na gradientnuyu

создание градиента_sozdanie gradienta

 

В палитре Gradient есть значок Reverse Gradient (обратный градиент).

значок обратного градиента_znachok obratnogo gradienta

 

Нажмем и посмотрим на рыбку:

создание градиента_sozdanie gradienta

 

Убедились, что градиент легко перевернуть, но первая рыбка была симпатичней, нажмем снова на значок Reverse Gradient (обратный градиент), вернем первый вариант.

Теоретически мы уже знаем, что градиентная заливка бывает радиальной и линейной. В уроке № 7 рисовали солнышки и пользовались радиальной заливкой из палитры Swatches(образцы), в уроке № 11 создавали осенние листья и брали линейную. Но это готовые варианты,  в палитре Gradient в окне Type, нажав на синюю галочку, можем выбрать линейную или радиальную.

выбор линейного и радиального градиента_vybor lineinogo i radial'nogo gradienta

 

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

создание градиента_sozdanie gradienta

Нажмем  на значок Reverse Gradient (обратный градиент), рыбка будет совсем другой.

создание градиента_sozdanie gradienta

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

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

В палитре Gradient есть ещё одна функция Angle (угол). Это угол поворота нашего градиента.

угол в палитре градиент_ugol v palitre gradient

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

создание градиента_sozdanie gradienta

 

Но так плохо видно. Удобнее действовать горячими клавишами-стрелками «вверх», «вниз». Я выделила цифры угла, нажала стрелку «вверх», на моих глазах изменяется цвет градиента. Получилось так. Попробуйте и вы. Нажмите и клавишу-стрелку «вниз». Заметили, что доходим до 180 и движение прекращается. Это и для клавиши-стрелки «вверх», и для клавиши-стрелки «вниз». Я поставила  значение угла 58, вы можете выбрать другую цифру.  Так у меня  рыбка выглядит как-то естественно. Близко к фотографии. Пока оставим  выбранный угол и продолжим знакомство с палитрой Gradient.

создание градиента_sozdanie gradienta

Далее идет сама градиентная растяжка. Рассмотрим её.

градиентная растяжка_gradientnaya rastyazhka

Перед нами три ползунка: слева – белый цвет, справа – черный. Сверху в виде ромба ещё один, он отвечает за интенсивность перехода от белого к черному в данном раскладе цветов. Опять подвигаем, всё надо проверить на практике.

создание градиента_sozdanie gradienta

Интенсивность черного цвета увеличилась, активной стала новая информация в окне Location.

градиентная растяжка_gradientnaya rastyazhka

В этой позиции мы уменьшили интенсивность белого цвета. Ползунок тоже изменил цвет. Увеличим интенсивность белого, посмотрим на рыбку и на окно Location.

создание градиента_sozdanie gradienta

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

создание градиента_sozdanie gradienta

 

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

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

Следующий урок Урок 16 «Во всем мне хочется дойти до самой сути…» Часть III

 


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

Урок 15 «Во всем мне хочется дойти до самой сути…» Часть II: 11 комментариев

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

    1. Уважаемая Настя! Мы работаем на стоки, а они в первую очередь нужны дизайнерам, оформителям рекламы. Нам даже не представить, что возьмут для своих нужд потребители. Им может понадобиться и вся картинка, и только фрагмент её. Мы рисуем вектор. Даже если Вы сгруппировали детали, их можно разделить, если специально не сливать воедино. Но, думаю, Вас волнует, как надо подготовить картинку для стоков. Тут есть трудности, хотя на этом сайте всё расписано, но не так всё просто, вижу по рефералам, не прошедшим экзамен на «Шаттерсток». Надо мне написать несколько уроков, как готовить вектор к отправке на мировые фотобанки. Есть о чем говорить! 🙂

  2. А надо ли все-таки сливать детали воедино или нет? Как советуете?

  3. Настя, все зависит от Вашего замысла, что вы рисуете. Тут нет жестких правил и рекомендаций. Объединить детали можно, выделив их и нажав Ctrl+G, а слить воедино поможет инструмент Shape Builder Tool (Shift+M). Как с ним работать, посмотрите на нашем сайте http://www.natulrich.com/ru/lessons/lessons31.php Урок называется » Обзор Adobe Illustrator CS5. Новые возможности». Успехов! 🙂

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

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

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

    1. Спасибо за слова, но они адресуются не мне, а моей маме. Именно она пишет уроки для школы иллюстратора 🙂

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

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