07.10.2009

Adobe Illustrator за 30 дней. День 10. Работаем с заливкой и обводкой

Предыдущий урок: Создаем составные контуры

А сегодня мы с Вами будем учиться раскрашивать наши объекты:)

Заливка цветом с помощью палитры «Образцы» (Swatches)

Чтобы закрасить объект, откройте свою палитру «Образцы» (Swatches Palette). Выделите свой объект и нажмите на нужный цвет в палитре.



Заливка цветом с помощью палитры цветов (Color Picker)

Еще один способ закрасить объект — кликнуть два раза по значку «Заливка» (Fill) в Вашей панели инструментов. Выскочит окошко «Палитра цветов» (Color Picker), и Вы сможете выбрать нужный Вам цвет.



Изменяем заливку и обводку, используя управляющую палитру (Сontrol Palette)

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



Концы обводки

От того, какой тип конца обводки Вы выберете, будет зависеть вид ее начальной и конечной точек. Этот инструмент применяется только к открытым контурам. Вы можете выбрать между срезанным (Butt), скругленным (Round) и выступающим (Projecting) концами.



Срезание (Milter Limit)

Срезание (Milter Limit) применяется к стыкам в фигурах. Обратите внимание, как выглядят стыки звезды после применения разных настроек срезания.



Применение градиента к объектам

Чтобы применить градиент к Вашему объекту, на панели инструментов выставьте градиентную заливку (Gradient Fill).



Затем откройте палитры «Градиент» (Gradient) и «Цвет» (Color). По умолчанию у нас стоит режим цвета «Градации серого» (Grayscale). Нажмите на иконку настроек в углу и выберите режим RGB.



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



Проделаем то же самое для начальной точки в градиентной шкале (сейчас она белая). Выставьте режим RGB и выберите голубой цвет.



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



Лично я обычно поступаю немного по-другому. Если в палитре «Образцы» (Swatches) есть нужный мне цвет, то я просто перетаскиваю его мышкой на градиентную шкалу в нужное мне место.

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

Если Вы хотите изменить направление градиента, выберите инструмент «Градиент» (Gradient Tool) на панели инструментов (Tool Palette). Кликните на объект и, удерживая левую кнопку мышки, задайте градиенту нужное направление.



Радиальный градиент

Чтобы изменить тип градиента на радиальный, выберите «Радиальный» (Radial) вместо «Линейного» (Linear).



Текстурная заливка

Чтобы создать бесшовную текстурную заливку, выберите заливку «Узор» (Pattern swatches) из палитры «Образцы» (Swatches).



Заключение

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

3d gold bells


Кстати, насчет этих самых колокольчиков:) Они тоже не лежат просто так в портфолио Tony, а активно приносят ему деньги, продаваясь на Istockphoto:)

Не пропустите следующий урок: Редактируем объекты, слои и группы

Перевод: Анна Волкова
Источник: VectordiaryЧитать дальше...
Подписаться на обновления блога:

Предлагаю ознакомиться с аналогичными статьями:



48 коммент.:

  1. Добрый день!
    У меня Illustrator 10. У меня почему-то не работает цветной градиент. Черно-белый работает.
    В режим RGB переходит. Появляются ползунки и диаграмма для выбора цвета. Но при выборе цвета градиент переключается в обычный режин заливки цветом. И равномерно заливает область.
    Может быть у меня что-то в настройках?

    ОтветитьУдалить
  2. Добрый день MoonCat:) Я кажется поняла, в чем у Вас
    проблема.

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

    Нажмите на белый или черный ползунок градиента.
    Треугольничек над ним станет черным. Теперь можно выбирать
    цвет:)

    ОтветитьУдалить
  3. Пробовал сделать как Вы сказали( К сожалению у меня после нажатия на треугольник при выборе цвета на палитре Color программа самостоятельно перескакивает на режим равномерной заливки цветом без градиента( Пишет Gradient Stop Color (click to cancel)
    Подозреваю что у меня глючит программа...

    ОтветитьУдалить
  4. А если просто перетаскивать нужный цвет из палитры
    на градиент?

    ОтветитьУдалить
  5. Тот же самый эффект.. К сожалению..

    ОтветитьУдалить
  6. А какая версия программы? Руссифицированная?

    ОтветитьУдалить
  7. MoonCat, попробуй держать зажатой клавишу Alt,
    когда у тебя выделен ползунок на градиенте во время
    нажатия на палитру COLOR. Продолжай держать Alt и после
    того как открылась палитра и ты стал выбирать цвет градиента.
    Выбрал цвет -> нажал OK ("Готово" или что там у тебя),
    и только потом Alt можешь отпустить. Должно сработать!!!

    Я также тыркался - градиент слетал на монохром, если лезть в
    палитру без Alt'а.

    Если не поможет - сноси Illustrator и ставь заново, возможно
    действительно глюк.

    Есть вариант что Винда глючит - тут поможет переустановка
    системы

    ОтветитьУдалить
  8. Привет Ань. Чет у меня нифига не получается, поменять угол градиента, с помощью мыши..все делаю так как ты описываешь))

    ОтветитьУдалить
  9. Давай еще раз
    Только что я:
    - нарисовала квадрат
    - открыла владку "градиент"
    - выделила квадрат
    - щелкнула мышкой по градиентной шкале,
    квадрат стал бело-черным
    - выбрала инструмент Gradient Tool
    (квадрат при этом все еще выделен)
    - щелкнула около квадрата левой кнопкой мыши,
    удерживая ее, протянула полосу до другой стороны квадрата.

    Квадрат стал черно-белым! Все получилось:)
    Но ты, наверное, уже и сам во всем разобрался...

    ОтветитьУдалить
  10. Спасибо..но я еще не разобрался :)) вчера осваивал перо. Сегодня попробую над градиентом поработать, думаю сумею разобраться :)

    ОтветитьУдалить
  11. Как тебе перо? Мне этот инструмент в первое время казался самым сложным:)

    ОтветитьУдалить
  12. Углы отрабатываю и никак не могу привыкнуть к размерам направляющей)) на глаз еще не совсем привык отмерять ее размеры, для правильных размеров будущей кривой...
    По началу он "перо мне тоже казалось сложным", но когда я узнал про его фишки с нажатыми "пробел" и "alt" (кстати вы об этом ничего не написали) стало куда проще и понятнее :))

    ОтветитьУдалить
  13. А мы про это ничего и не знали...
    Что за фишки? Поделись:)
    Только, наверное, лучше, в уроке про "Перо"

    ОтветитьУдалить
  14. Спасибо за советы!) Я поставил Ai4 и у меня все получилось) Цвет градиентной заливки изменяю щелчком на ползунок и нажимая Alt выбираю его на палитре.

    ОтветитьУдалить
  15. Вот и хорошо:)
    Может быть желаете принять участие в конкурсе?

    ОтветитьУдалить
  16. Попробую! Вот до конца пройду все уроки и поэкспериментирую) До 11 ноября постараюсь)

    ОтветитьУдалить
  17. АнонимныйDec 2, 2009 11:41 AM

    Спасибо хорошие у вас уроки для начинающих просто то что нада!))

    ОтветитьУдалить
  18. Пожалуйста!
    Заглядывайте почаще, планирую выкладывать и другие уроки:)

    ОтветитьУдалить
  19. Да-да, после Нового Года будем делать урок как звёзды в Adobe Illustrator рисовать без растровых эффектов.

    ОтветитьУдалить
  20. Доброе утро, Анна. Подскажите, а как залить градиентом весь лист? Спасибо.

    ОтветитьУдалить
  21. Для этого нужно нарисовать фон - просто прямоугольник по размеру листа, а потом можно раскрашивать его как угодно :)

    ОтветитьУдалить
  22. АнонимныйNov 7, 2010 12:28 PM

    Татьяна С.
    Добрый вечер!
    Изучаю иллюстратор методом проб и ошибок, но есть вопросы:
    1) как сохранить вектор для дальнейшей работы в фотошопе в jpeg. без потери качества (чтобы контурной "лесенки" не случилось)?
    2) как преобразовать в контур в отдельный объект и как удалить потом путь от него (в кореле просто удаляется)
    3) как объединить слои (у меня 10 версия на английском).
    Подскажите, плиз.

    ОтветитьУдалить
  23. Добрый вечер, Татьяна :)

    1) при экспорте в джепег выберите самое высокое качество и поставьте галочку anti-alian (сглаживать края)
    2) нужно разобрать контур (object -> expand) и если путь остался - просто удалить его
    3) просто сгруппируйте все объекты и они окажутся на одном слое

    Будут еще вопросы, спрашивайте :)

    ОтветитьУдалить
  24. АнонимныйNov 9, 2010 08:07 PM

    Татьяна С.
    Спасибо.

    ОтветитьУдалить
  25. АнонимныйFeb 4, 2011 10:43 PM

    а при градиентной радиальной заливке можно точку схода задать не посередине, а допустим в верхнем правом углу...?

    ОтветитьУдалить
  26. Можно, выбираете инструмент Gradient Tool и задаете нужное направление из правого верхнего угла :)

    ОтветитьУдалить
  27. Здравствуйте Анна, у вас отличный блог !
    Я решила освоить иллюстратор, а уроки, которые вы выложили очень мне помогают в этом.=)

    ОтветитьУдалить
  28. DeepSun, ты не поверишь, как я рада, что ты решила, а мой блог тебе в этом хоть в чем-то помог :)

    ОтветитьУдалить
  29. АнонимныйMar 10, 2011 12:39 AM

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

    ОтветитьУдалить
  30. Здравствуйте, я так понимаю, что заливка не включается потому что применять ее не к чему, нет объекта, пустое место, обведенное карандашом или кистью закрасить нельзя. Можно закрасить только сам мазок кисти или карандаша.

    ОтветитьУдалить
  31. АнонимныйMar 15, 2011 09:43 PM

    Спасибо ,примерно поняла ,попробую. Чувствую чем дальше в лес, тем больше вопросов. В настоящий момент есть еще парочку наболевших, правда совсем не в этой теме:
    1. Есть ли возможность изменить параметры файла в ходе создания рисунка? Т.е. делаю его сначала в А4, как надо, а потом поменять на альбомный формат в процессе.Пересмотрела всю панельку не нашла где это.
    2. Как делать копии в рамках одног файла из уроков понятно ( с помощью клавиши Alt) , А как копировать объект из одного файла в иллюстраторе в другой иллюстраторский файл?

    ОтветитьУдалить
  32. Отвечаю :)

    1. Есть такая возможность. Идете: File -> Document Setup и меняете все как вам нужно.

    2. Создаете еще один файл, копируете объект с помощью Edit-> Copy из одного открытого файла, вставляете с помощью Edit-> Paste в другой открытый файл.

    ОтветитьУдалить
  33. АнонимныйMar 16, 2011 06:14 AM

    Анна,спасибо.
    1. Я так и пыталась сделать, но через Document Setup ничего не получалось. Буду пробовать еще.
    2. С заливкой разобралась. У меня быстрая заливка стала работать так как надо, только после того, как я стала выделять все фигуры по отдельности,удерживая кл.Shift.

    ОтветитьУдалить
  34. А что конкретно не получается? Там же просто галочку переставить надо, чтобы на альбомный формат поменять

    ОтветитьУдалить
  35. АнонимныйMar 16, 2011 07:35 AM

    Вот и я ищу, где эта галочка.(уже третий день пошел).В моем Document Setup есть bleed and vew option, transparency, grid size, preset, type oprions. А вот "size", размеры "width" и "height" отсутствуют, чтобы поменять.

    ОтветитьУдалить
  36. А artboard в выпадающем окошке нет? Что за версия?

    ОтветитьУдалить
  37. АнонимныйMar 17, 2011 04:22 AM

    Версия пятая.Мне ужасно стыдно, Artboard выскакивал ,но до сегодняшнего дня я там перещелкала все,что можно, кроме двух симпатичных человечков,которых я в течение всего этого времени упорно не замечала.Спасибо, за подсказку и Ваше внимание.

    ОтветитьУдалить
  38. Вот и замечательно! Пожалуйста :)

    ОтветитьУдалить
  39. АнонимныйJul 13, 2011 07:39 PM

    Большое Вам спасибо, Анна, за Ваш блог- отличная помощь для новичков в освоении Люстры. Мне вот что непонятно- почему так неудобно сделан подбор цвета при работе с градиентом- такая куцая шкала вместо окна, как в ФШ? И почему невозможно пипетить с объекта? Или я что- то неправильно делаю? Спасибо.

    Олег Шевченко.

    ОтветитьУдалить
  40. Ну как сделан - так сделан. Думаю, вы все правильно делаете. Я лично не увлекаюсь особо ни фотошопом ни градиентами, поэтому меня все устраивает :)

    Думаю - это дело привычки.

    ОтветитьУдалить
  41. АнонимныйJul 30, 2011 03:11 AM

    Здравствуйте, Анна! Я сейчас прохожу курс "Иллюстратор за 30 дней". Подскажите новичку, в каком цветовом пространстве привыкать работать? RGB или CMYK? Слышала, что мешать их в одном файле нельзя? А если уже намешано? (в документе CMYK использовалась ранее сохранённая палитра RGB) Нужно всё переделывать или можно исправить?

    ОтветитьУдалить
  42. Для векторных форматов лучше CMYK, а экспортируя в джепег выставляйте RGB.

    Сменить режим можно вроде как выделив все и пойдя в File -> Document color mode поставить галочку CMYK color

    ОтветитьУдалить
  43. Anna, добрый вечер(утро, день))! С градиентом я, вроде, научился обращаться еще до того светлого дня, когда набрел на ваш сайт), но как создавать дополнительные ползунки узнал лишь сейчас. Раньше они будто самовольно выскакивали. Теперь же я обрел контроль над их..появлением и колличеством)! В очередной раз убедился, что принял верное решение начать осваивать иллюстратор с 0!

    ОтветитьУдалить
  44. АнонимныйDec 4, 2011 02:20 AM

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

    ОтветитьУдалить
  45. Текстуры можно создавать самому. Как это делается читайте в этом уроке: http://anna-volkova.blogspot.com/2010/02/uroki-adobe-illustrator-seamless.html

    ОтветитьУдалить

 

Постоянные читатели

Rambler's Top100

Мы ВКонтакте

Записки микростокового иллюстратора Copyright © 2009-2010 Flower Garden is Designed by Ipietoon for Tadpole's Notez Flower Image by Dapino