Урок 13. «Птички-рыбки, хочется дарить улыбки…» Часть вторая.

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

Мы раскрасим нашу рыбку своими  цветами. Умная программа Adobe Illustrator CS5 предлагает несколько цветовых моделей RGB, HSB, CMYK. В этом можно долго и упорно разбираться, но мы в начальной школе, не будем загружать свою голову глубокими и основательными знаниями.  Когда вы поднимитесь на очень высокий уровень, тогда всё прочтете и во всем разберетесь. А сейчас только запомним, что цветовой режим RGB для показа картинок на мониторе, а CMYK для вывода на печать.

Откроем на верхней панели программы File Document Color Mode и увидим эти два цветовых режима, галочка стоит около RGB. Всё правильно, мы хотим научиться отправлять свои картинки на стоки, а там их покупатели будут выбирать, просматривая на мониторе. (В принципе, вы можете выбрать любой режим, ошибкой не будет, стоки принимают векторные файлы и в том, и в другом режиме.)

Цветовой режим в Illustrator CS5 _ Cvetovoi rejim v Illustrator CS5

Обращаю ваше внимание, что тот режим, который мы выбрали в Document Color Mode (на предыдущей картинке) — цветовой режим для документа в целом.

Но, создавая цвета в палитре  Color  (справа, на самом верху панели). Вот её значок в свернутом виде:

Color в Adobe Illustrator _ Color v Adobe Illustratorвы можете использовать все виды  цветовых моделей RGBHSBCMYK, выбирая для себя ту, работать с которой удобнее. Цвет потом автоматически переведется в тот режим, который выбран для документа в целом.

(для продвинутых: Не оставляйте в образцах цвета (палитра Swatches) Глобальных цветов (Global Color) в двух цветовых моделях одновременно, глобальный цвет обозначается квадратиком с белым треугольничком справа внизу. Фотобанки такие векторные файлы отклоняют).

 

Создание цвета в режиме RGB.

Кликнем по палитре Color левой кнопкой мыши, она откроется.

RGB в Adobe Illustrator _ RGB v Adobe Illustrator

 

 

Рассмотрим, как устроена эта палитра. В левом верхнем углу видим два квадрата. Один из них сплошной, другой полый, вы уже догадались, что это обводка (Stroke) и заливка (Fill). У нас первой стоит обводка, потому что мы обводили по фотографии рыбку. Заливка нам была не нужна, она перечеркнута красной чертой. На панели инструментов вы увидите то же самое. Это очень хорошая помощь начинающим иллюстраторам.

Заливка и обводка _ Zalivka i obvodka

Активна обводка, у неё черный цвет, но вернемся к палитре.  Посмотрите на три ползунка палитры Color. Слева вы видите буквы,  у верхнего ползунка R, ползунок указывает на черный цвет, а заканчивается первая полоса красным, дальше идет окно, где стоит 0.

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

Нижний с буквой B, тоже черный слева, справа синий, и дальше 0.

Цвет в RGB _ Cvet v RGB

Что это значит? Во всех режимах цвета обозначаются цифрами. В RGB черный цвет на всех ползунках отмечается нулем. Это мы и видим. А все цвета  в RGB получаются из смешения красного, зеленого и синего (Red, Green, Blue). Белый цвет на всех ползунках имеет цифру 255. Проверим. Передвиньте все ползунки вправо до самого конца. Вот что видим, обводка  (Stroke) белого цвета:

Белый цвет в RGB _ Belyi cvet v RGB

Новые цвета получаются, когда мы двигаем ползунки и меняем цифры. НО! Если все три цифры одинаковы, то получается серый цвет. Ниже значение цифр — темно-серый, выше — светло-серый.

Я, например, даже выписала себе составляющие  некоторых цветов. Все это известно, в интернете легко найти. Рыбка у нас серебристого цвета (светло-серого), в цифрах это будет 192-192-192. Только поменяем местами обводку и заливку!

Серый цвет _ Seryi cvet

Выделим рыбку черной стрелкой (Selection Tool), кликнем по цвету заливки хоть в палитре Color, хоть в панели инструментов. Рыбка стала серебристого цвета.

Раскрашивание в Adobe Illustrator _ Raskrashivanie v Adobe Illustrator

Вы мне не верите, как-то неубедительно, откуда я всё взяла? Хорошо, наберите в Яндексе медный цвет.

 Медный цвет _ Mednyi cvet

Нам интересен этот барабанчик и круг с квадратом  внутри рядом. О круге поговорим позже, а барабанчик рассмотрите. Введите в окошечки под буквами RGB цифры 192-192-192

 Серебристый цвет _ Serebristyi cvet

 

Вот вам и цвет! Покрутите барабанчик, нажимая на стрелочки справа. Это пригодится! Запишите для себя названия цветов, очень удобно! Названия некоторых вызывают улыбку: Бедра испуганной нимфы 250-238-221, Влюбленная жаба 60-170-60,  Воды пляжа Бонди 0-149-182,  Звезды в шоке 184-51-107!

Смеёмся и дарим друг другу улыбки! У нас просто веселое обучение! Настроение поднимается!  Так учиться можно!

Но вернемся палитре Color. С рыбки я сняла выделение, а цвет заливки (Fill) поставила белый (255-255-255). Если два раз кликнуть мышкой по квадратам заливки (Fill) или обводки (Stroke) хоть в палитре Color, хоть на панели инструментов, появится окно Color Picker (Подбор цвета):

Color Picker

Это окно поможет нам выбрать нужный цвет. Вспомните  круг и вписанный в него квадрату, что видели в Яндексе. Тот же  Color Picker (Подбор цвета).

 

Щелкните или перетащите курсор в виде кружка внутри спектра цветов. Вот что мы видим: появился красный цвет.  Посмотрите на цифры RGB: R-229, G-65, B-65. Белый прямоугольник разделился на два цвета: белый и красный. Вы догадались, что программа показала нам: сначала был белый цвет, после передвижения курсора – красный, то есть фиксируется и предыдущий цвет,  и последующий. Нажмем ОК, в палитре  Color и на панели инструментов увидим созданный нами цвет.

Color PickerКрасный цвет _ Krasnyi cvet

Снова вызовем, кликнув мышкой по квадрату,  Color Picker (Подбор цвета). Цвет можно выбрать и с помощью цветовой шкалы. Около неё с двух сторон маленькие треугольники,  подвигайте их вдоль цветовой шкалы, изменились цифры, изменился цвет внутри спектра, наш красный ушел вниз, а новый цвет занял его место. Нажимаем ОК, новый цвет появился в палитре Color и на панели инструментов.

Создание зеленого цвета _ Sozdanie zelenogo cveta

Кажется, теперь уж всё понятно, но не зря мы называем программу умной. Она не очень-то надеется на нашу сообразительность в выборе цвета, поэтому дает нам ещё кнопку Color Swatches (Образцы цвета). Заглянем и туда. (Она находится под кнопкой Cancel (отмена) в окне Color Picker)

Образцы цвета _Obrazcy cveta

Вот нам помощь, если сами создаем что-то не то. Подвигайте мышкой прокрутку, основные цвета даются с названием, другие с помощью цифр. Нажав ОК, выберем цвет. Заметим, что цветовая шкала нам дает образцы  все сразу. Но мы видим  кнопку Color Models. Нажмем на неё  и  вернемся к тому, от чего ушли. Займемся цифрами. В Яндексе вы какие-то цвета записали, введите цифры в RGB, вас никто не ограничивает, меняйте цифры в HSB, CMYK. Играйте с цветом!

Вот теперь полностью разобрались с окном Color Picker (Подбор цвета). Вернемся к палитре  Color. Многое о ней узнали, но не всё. Внизу видим цветовую полосу палитры.

Цветовая полоса _  Cvetovaya polosa

Начинается она квадратом, перечеркнутым красной полосой, (None).  Чтобы не выбирать никаких цветов или убрать ненужный, надо нажать на None.

 

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

Выбор цвета в Illustrator _ Vybor cveta v Illustrator

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

Цвет для печати _ Cvet dlya pechati

Треугольник исчез, но и цифры иные.  Ещё одно предупреждение  в виде куба:

Цвет не веб-безопасный _ Cvet ne veb-bezopasnyi

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

Опять нажмем на квадратик рядом:

Цвет в RGB _ Cvet v RGB

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

 

Ух, чувствую, вам надоело разбираться! Теперь всё знаем, закрасим рыбку. Посмотрим на фотографию, мы её не убирали из программы. Плавники чуть красноватые, надо подобрать цвет. Подбираем!

Выделим все плавники и применим цвет!

Раскрашиваем в Illustrator _ Raskrashivaem v Illustrator

Я выбрала цвет с цифрами 255-153-153. Могли взять и другие. Дело вкуса. Но рыбка как-то оживилась. Теперь некоторые плавники отправим на задний план.

Правой кнопкой мыши вызываем команды Arrange Send to Back:

отправить назад в Illustrator _ otpravit' nazad v Illustrator

Вот такая стала рыбка!Рыбка _ Rybka

 

Отдохнем! Сегодня все устали! Сохраним сделанное! Перемена! Ура!

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

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


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

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

Урок 13. «Птички-рыбки, хочется дарить улыбки…» Часть вторая.: 27 комментариев

  1. Когда за дело берутся профессиональные педагоги, они становятся истинными учителями, им можно доверять и есть чему у них поучиться …
    С уважением, Иван

    1. Иван, спасибо за высокую оценку! После таких слов хочется работать! 🙂

    1. Мне приятно, когда люди говорят слова благодарности. Спасибо!

  2. Уважаемая Елена Вячеславовна , спасибо огромное за Ваш талантливый учительский труд , ну , и конечно , за позитив 🙂

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

  3. Елена, подскажите пожалуйста. Я выбрала везде цветовую модель RGB (File – Document Color Mode и в палитре Color в правом верхнем углу выбрала дополнительную вкладку и в ней установила — RGB). Когда я дошла до выбора цветов в палитре Color Swatches (Образцы цвета), оказалось что там так и остался CMYK. И у меня не получается его поменять на RGB.

    1. Ирина, в Color Swatches (Образцы цвета) ничего страшного, если Вы будете работать в CMYK или HSB вместо RGB. Тут порой и цвета интереснее. Надо остерегаться только цветов, на которых в правом углу будет треугольник и точка, это фиксированные цвета. Вот если с ними Вы будете работу отправлять на стоки, то Вам сделают замечание о том, что не определились с цветовой моделью.
      Если Вас не устраивают цвета то в окне Color Picker (Подбор цвета) в Select Color введите нужные цифры. Так настроена программа Adobe Illustrator CS6, не будем её менять. Урок писался для CS5. Удачи! 🙂

        1. то есть, глобальные цвета на стоках вообще не принимаются? предложение про них в уроке двойственное — то есть из него можно понять, что глобальные цвета можно сохранять сразу в двух моделях, но тут вы проясняете, что это (двухформатность глобального цвета) — данность и определение глобального цвета? правильно?

          (огромное спасибо за уроки- бесценны!)

  4. Игорь, спасибо «бесценность» моих уроков! Это очень приятно. А с цветом пока успокойтесь, впереди ещё много уроков, где всё подробно будет рассказано.
    «Не оставляйте в образцах цвета (палитра Swatches) Глобальных цветов (Global Color) в двух цветовых моделях одновременно, глобальный цвет обозначается квадратиком с белым треугольничком справа внизу. Фотобанки такие векторные файлы отклоняют». Вас сбила с толку эта фраза, но будет ли у Вас подобная ситуация? У меня как-то такого и не было никогда, но знать надо! 🙂

  5. Я тоже вместе с Вами прыгаю от радости! Только не на стуле, а в качестве разминки. Вы молоды, а мне полезно и встать!
    Всё получается! Вперед и только вперед! 🙂

    1. Станислав, не знаю, почему у Вас так получилось! Проверила, в Adobe Illustrator CC у меня всё так же работает. Вы очень стараетесь, напряжены! Расслабьтесь! Всё будет работать, всё получится! 🙂

      1. Бог его знает, всё иногда работает по другому никак в описании , например кнопка alt у меня как копир не работает , один раз когда солнышко делал сработал и всё , потом по старинке ctrl… а так конечно удобней одной кнопкой . то что у вас работает я не сомневаюсь . Я до упаду не занимаюсь , спокойно учусь в удовольствие , сегодня подустал сел позаниматься не пошёл урок (туплю) перенёс на завтра ! А так конечно волшебно , после результатов удивляешься неужели я такую рыбку сотворил ?! Круто ! Благодарю в очередной раз .

  6. Станислав, какой Вы молодец! Что-то не идет — отпускаете проблему, так и надо! У начинающих очень часто не получается из-за какой-то мелочи. Но практика всё отрабатывает. Я рада, что рыбка получилась! Вы довольны! Это главное! 🙂

  7. Елена, спасибо большое за подробные уроки! По ним легко и приятно учиться!

  8. Здравствуйте Елена, у меня Illustrator CC и когда открываю Color , то там только палитра с пипеткой. Так нет возможности выставлять цифры R G B . Может подскажете как быть) ? Благодарю за Уроки, они прекрасны)

    1. Разобралась) Для тех у кого возникнет такой же вопрос — нужно просто на иконке Color в углу нажать на значок (полоски с маленьким треугольничком) —> show options 🙂

      1. Светлана, какая Вы молодец, думаю, помогли многим! Успехов! 🙂

  9. Елена, добрый день.
    Присоединилась к Вашим урокам и очень этому рада! Все просто и весьма доступно для таких как я супер новичков))) До этого урока все получалось на ура… а сегодня никак не могу понять как нарисовать рыбку и потом ее закрасить по отдельным частям!!! сколько не делаю у меня серый цвет заливает сразу всю рыбку вместе с плавниками!!! Пыталась разгруппировать детали, результат такой же. Что я не так делаю?

    1. Irina, здравствуйте! Рада, что Вам просто и доступно всё в наших уроках!
      Давайте сделаем так: нарисуйте туловище рыбки, закрасьте. Отдельно создайте плавники, закрасьте. А потом черной стрелкой выделите и перетащите плавники к туловищу рыбки.Думаю, получится. 🙂

  10. Замечательные уроки ! Благодаря вам ,нашла хобби по душе )) Не всё получается и не с первого раза ,но когда получается ,хочется от радости визжать ))

    1. Рада, здравствуйте! Мне очень приятно, что у Вас нашлось новое хобби. Если не забросите, будете настойчивы, оно и деньги будет приносить. А пока Вы все делаете правильно: разбираетесь с уроками, а потом празднуете очередную победу! Это здорово! Продолжайте в том же духе! Успехов! 🙂

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

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