Урок 7. Солнышко

Друзья мои, попытайтесь заглянуть в себя. Чувствуете, как внутри вас творческий ребенок раскрыл глазки? Он ещё робок, знает так мало, но у него уже возник интерес к тому, что мы делаем в программе Adobe  Illustrator. Ребенка надо поддержать. Зная совсем немного, он должен что-то сделать сам, иначе у него пропадет интерес.

Вот этим сегодня и займемся. Мы настроились работать на стоках, а они в свою очередь всё делают для рекламы, которая в огромных количествах поглощает всевозможные символы и иконки. Так вот солнышки принимаются очень хорошо. Нельзя только перерисовывать кем-то уже созданные. Пусть ваш творческий ребенок фантазирует, изобретает. Одно и то же солнышко вы  нарисуете  иначе, чем другие художники.  Это главное!

Откроем новый документ и назовем его «solnze». Я уже не рассказываю, как это делать, вы хорошие ученики, усваиваете всё быстро и правильно. Не будем указывать и параметры фигур, рисуем приблизительно, как получится, но вы внимательно смотрите на экран. На листе сегодня мы сохраним  несколько  солнц.

Нарисуем круг.  Знаю, что не забыли нажать Shift, выбирая фигуру Ellipse Tool, вы всё отлично помните! Теперь займемся заливкой: полистаем библиотеку палитры Swatches  и найдем Simple Radial. Запомним сегодня, что градиенты (два или несколько цветов) бывают двух видов: радиальные, идущие как бы по кругу, и линейные, соответственно сменяющие друг друга по линиям  (разговор о градиентах у нас впереди). В заливке нашего солнышка два цвета: белый и желтый, их сочетание образует своеобразный круг. Это радиальный градиент, и название палитры говорит об этом (нажмите на картинку для увеличения).

Круг_Krug

Теперь надо нарисовать лучи. Закроем палитру Simple Radial, она появилась у нас в общей палитре Swatches.  Нашли? К ней мы вернемся, когда будем рисовать второе солнышко, а лучи зальем линейным градиентом.

Возьмите Rounded Rectangle Tool (округленный прямоугольник) , расположите его вертикально, сделайте похожим на луч. (см. рис ниже).  Посмотрим на панель инструментов, найдите в  третьем разделении стрелку, идущую по кругу. Это инструмент Rotate Tool. Выберите его, курсор мыши превратится в крестик. Зажмите ALT, кликните  один раз там, где вы ходите задать центр вращения. В нашем примере мы щелкнули ниже луча. (см. рис ниже)

Рисуем_луч_Risuem_luch

Выйдет окно Rotate. В Angle (угол), поставив туда курсор мыши,  напишите 360/8 ( восемь лучей будет у нашего солнышка, а угол определится умной программой).

Рисуем_лучи_Risuem_luchi

Нажмите Copy (Копировать),  под углом 45 градусов у нас появится второй луч, а теперь нажимаем Ctrl + D для повторения трансформации и получаем по кругу остальные лучи.

солнце_в_Illustrator_solnce_v_Illustrator

Переключимся на черную стрелку (Selection Tool) и выделим все лучи. Мы должны их передвинуть, поэтому для того, чтобы они не перемещались относительно друг друга, мы их объединим и этим закрепим на своем месте. Нажмем опять горячие клавиши Ctrl + G это команда Группировать.  Запоминайте «горячие клавиши», они облегчат вам работу!

Лучи_солнца_Luchi_solnca

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

 рисуем_солнце_в_Illustrator_risuem_solnce_v_Illustrator

 

Это некрасиво. Выделим лучи снова и кликнем правой кнопкой мыши по экрану. Вышло первое окно, найдем в нем надпись Arrange (Ранжировать), когда она раскроется, нажмите в новом окне Send to Back (Отправить назад).  Лучи переместятся за солнце, нам это и надо.

Рисовать_в_Иллюстраторе_Risovat'_v_IllustratorОбратите внимание на стрелочку на рисунке, около многих операций можно заметить сочетание «горячих клавиш». Запоминайте их. Изменение порядка объектов (что впереди, что сзади) — часто повторяющаяся операция. И чтобы экономить время запомните:
<Ctrl>+<]> — повыше.

<Ctrl>+<[> — пониже.

Квадратные скобки это те же самые, что клавиши «х» и «ъ» — на русской клавиатуре.

А теперь добавим кнопку <Shift>

<Shift>+<Ctrl>+<]> — на самый вверх.

<Shift>+<<Ctrl>+<[> — в самый низ.

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

Солнце_Solnce

А теперь выровняем  фигуры. По центру ли мы их совместили? Для этого с помощью Shift  выделим лучи и солнце. Как только  это сделали, умная программа  сразу дает подсказку на панели управления. Где эта панель? Вверху над нашим листом. Надо было посвятить и ей отдельный урок, например, «Посмотрим вверх», но начинающим всегда хочется быстрее что-то делать, а долгие объяснения отбивают интерес. Мы будем изучать всё постепенно,  по мере необходимости.  Сейчас нам понадобилась панель управления, мы и воспользуемся ей. Вот такой вид сейчас.  Не будем подробно разбираться, а возьмем только её часть (на рисунке выделено красным, нажмите для увеличения).

Контрольная_панель_Kontrol'naya_panel'

Подведите к ним курсор и найдите  Horizontal Align Center (Выровнять по центру горизонтально)  и  Vertical Align Center (Выровнять по центру вертикально). Нажмите сначала одну, потом вторую. Заметили движение? Наши фигуры встали по центру относительно друг друга. Мы всё выровняли! А теперь уберем обводку, об этом уже говорили в предыдущих уроках. (см. Как убрать обводку)

Солнце_Solnce

Вот  наше первое солнышко!

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

Солнышки_в_векторе_Solnyshki_v_vektore

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

Сохранили? Молодцы!  Уходим на отдых с солнечным настроением! Закрепите изученное.

Следующий Урок 8 «Вышла рожица…»


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

Урок 7. Солнышко: 74 комментария

  1. Здравствуйте!
    Красивые солнышки получились на последнем рисунке!)
    Но у меня возникли проблемы с построением лучей, если придерживаться предложенной последовательности сочетаний клавиш: «… курсор мыши превратится в крестик, кликните им, чтобы центр был ниже нашего луча. (см. рис ниже)
    Нажмите Alt и дважды кликните по нашему центру. Выйдет окно Rotate..».
    Если выбираю инструмент Rotate и задаю центр вращения левым мышем без Alt, то повторное кликанье хоть двойное, хоть тройное с альтом, сбрасывает центр поворота на исходную, в центр фигуры. Что бы этого не происходило нужно сразу же задавать центр вращения с нажатым альтом (Alt+левый щелчок мыши, двойной вовсе не обязательно) Вот тогда появится диалоговое окно Rotate, и! центр вращения будет там, куда мы его поставили.
    Illustrator CS5, возможно только в нем так 🙂

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

        1. Александр, игр я никогда не делала 🙂 Но, думаю элементарные знания векторной графики тут пригодятся 🙂

      2. Елена, спасибо вам за ваш труд! Давно собиралась заняться стоками, а конкретно — освоить Иллюстратор. Но было страшно начинать, казалось, что в мои 50 уже поздновато начинать.)) Вы меня вдохновили и я начала с вашими уроками. Ну что сказать — мои солнышки мне нравятся! И совсем это не страшно! 🙂 Спасибо вам!

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

    1. Чтобы получить 8 лучей на одинаковом расстоянии по окружности. Окружность = 360 градусов, делим на 8 лучей, Illustrator считает и получает 45 градусов. Можно просто написать 45.

    1. Пришлите мне файл с нарисованными лепестками, я попробую повернуть.

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

    1. Ирина, я рада, что Вы изучаете программу по моим урокам, да ещё переводите их на русскую версию! Вы умны и талантливы! Но ведь Ваша цель — выйти на стоки? А туда не выйдешь с русской версией, переходите на английскую, меньше будет проблем! И всё получится! 🙂

      1. Елена, подскажите, в чем сложность выхода на стоки при рисовании в русской версии Иллюстратора?

      1. Ира, я сделала так: удалила свое солнце вместе с лучами и сделала все заново. Просто внимательно прочла урок и все сразу получилось!

        1. Светлана, Вы молодец! Действительно, новичкам лучше всё удалить и начать заново, тогда всё и получится. Удачи! 🙂

  3. Спасибо огромное за доступность и наличие примеров, пыталась освоить программу по официальному учебнику, но вышло немного скучновато и много информации, которую и применить пока не к чему.
    Здесь я сразу могу делать именно то, чего и ждала от Иллюстратора!
    даже пытаюсь на основании полученной информации усложнять рисунки 🙂
    Я всем довольна.

  4. Ольга, как я рада, что оправдала Ваши ожидания! Рисуйте, применяйте Ваши знания и выходите на стоки. Успехов! 🙂

  5. Здравствуйте! Спасибо Вам за уроки!
    Вот такой вопрос: с лучиками у меня все получилось, а вот со звездочками не получается поставить кружок в центр с помощью Horizontal Align Center и Vertical Align Center. Звездочки выстраиваются горизонтально прямо на кружке.
    спасибо)

  6. Здравствуйте, Яна! У Вас ничего не получается со звездочками, и они выстраиваются горизонтально на кружке, потому что Вы не объединили созданные звезды в группу. Выделите все звезды и нажмите Ctrl+G, а вот теперь выравнивайте круг и размноженные по кругу звезды. Всё получится! Успехов в изучении уроков! 🙂

  7. А как сделать так, чтобы лучики были не сзади солнышка, а от него на 5 миллиметров, как бы «висели»?Спасибо за уроки!

    1. Здравствуйте, Лена! Сделать это очень просто. Уменьшите диаметр солнышка. Выделите круг солнца, зажмите Shift и Alt, уменьшайте, как хотите. Shift нужен, чтобы солнышко уменьшалось пропорционально, а Alt сохранит его в центре. Ваши лучики будут «висеть». Успехов! 🙂

      1. Спасибо большое! Очень полезная информация! Я всегда на вашем сайте!

  8. — «Теперь надо нарисовать лучи. Закроем палитру Simple Radial…
    … лучи зальем линейным градиентом.»

    — Пардон, а на какую кнопку жать, чтобы залить линейным градиентом луч?

    1. Здравствуйте, Эдуард! Здесь система уроков, поэтому я не объясняю в этом уроке всё обстоятельно, как пользоваться библиотекой цветов. В палитре Simple Radial выделен цвет Yellow Radial, его мы и выбрали, просто кликнув по нему. 🙂

      1. спасибо за ответ.
        а то я подумал что что-то пропустил.
        продолжаю у Вас учиться 🙂

      2. Добрый вечер,
        Я тоже изучаю Илюстратор по вашим урокам. И у меня возник такой же вопрос о Linear gardient, s Radial всё обяснено доступно, а вот о Linear gardient нет. На других солнышках видно что вы его применяли, я нашла где можно поменять цвет с Radial на Linear, но лучи окрашиваються по разному в чём может быть причина?
        Зарание спасибо.
        Юлия

  9. Очень доступно и просто, спасибо большущее.
    У меня не получается сохранить файл, т.е. он сохраняется, а открыть не могу. Программа стоит портативная, может поэтому? Сохраняю в шаблонах пока.

  10. Спасибо огромное за уроки! Начинаю восхищаться иллюстртором, хотя давно работала в фотошоп и кореле, а до этой программы не доходили руки. У меня вопрос: можно ли каким-либо образом задавать радиус скругления на вершинах фигуры «звезда», чтоб получить, к примеру, фигуру в форме цветка? Пока что добилась нужного эфекта, только задав вершинкам радиальное скругление, но кажется это не очень удобно 🙁 Спасибо еще раз огромное за Вашу работу!

  11. Уважаемые Юлия, Лариса и Евгения! Думаю, в следующих уроках, если вы ещё идете по ним, на ваши вопросы есть ответы. Но я рада, что вам интересно и вы добиваетесь результата! 🙂

  12. Добрый день! У меня лучики по кругу не получаются, когда их ко пирую, они по кругу не встают

  13. А у меня так и не получается, чтоб лучики сами по кругу встали. Если копировать, то луч получается совсем в другом месте и вращается не как надо.

    1. Уважаемая Екатерина! Перечитайте, пожалуйста, урок снова. Вы что-то неверно делаете, какую-то мелочь, но она всё Вам портит. Не торопитесь, пройдите все снова, ошибка обнаружится, всё получится! 🙂

  14. не могу не написать здесь! Спасибо большое за Ваши Уроки! Написано не просто доходчиво, но и учень очень доброжелательно!!!
    И еще, запуталась, много читаю Ваш сайт и не могу найти ссылку-как стать Вашим рефералом? Куда Вам для этого написать?

  15. Алла, спасибо за прекрасные слова. Мне приятно, что Вы читаете материалы нашего сайта. Моим рефералом Вы станете, когда будете регистрироваться на «Шаттерстоке». Идите по этой ссылке, тут все и найдете http://www.natulrich.com/pages/stati/shutterstock/opisanie-processa-registracii-na-shutterstock-com/
    Будьте внимательны, здесь всё написано! 🙂

  16. Спасибо за ваши уроки! Пыталась освоить иллюстратор самостоятельно, уже несколько продвинулась, но не хватает мелочей.. Стала последовательно заниматься по вашим урокам, все понятно и доступно. Уже много полезного для себя открыла 🙂 как выравнивать, как задавать радиус углам округлом прямоугольнике, и набор горячих клавиш для arrange совсем не сложный 🙂

    Продолжаю! Спасибо вам!

  17. Здравствуйте!Нажимаю копировать, но второй луч никак не появляется.Что не так? Подскажите, пожалуйста.

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

    2. «Инструмент Rotate Tool. Выберите его, курсор мыши превратится в крестик. Зажмите ALT, кликните один раз там, где вы ходите задать центр вращения» — это делать внимательно, я на этом застряла — зажать ALT,затем кликать по странице и в табличке, где угол — кликать КОПИРОВАТЬ а не ОК.Такими были мои ошибки из-за невнимательности.Буду рада если кому пригодится.

      1. Людмила, какая Вы молодец! У нас настоящая школа: сильные ученики помогают остальным усвоить материал! Отлично! Пять баллов!

        1. Людмила, спасибо за пояснение! )) Тоже застряла на этом моменте))

      2. Оох да, я этот момент из-за невнимательности не поняла и все пошло не так. А вот после перечитала и сделала все заново и все вышло и все появилось нажав копировать))

        1. Я рада, что Вы сами разобрались и всё получилось! Удачи! 🙂

  18. Здравствуйте.Большое спасибо за ваши уроки ! даже в Казахстане Вы популярны!
    Успехов Вам! и нам в освоении программы(теперь уже такой доступной)

    1. Здравствуйте, Ажар! Как приятно знать, что мои уроки читают и изучают даже в Казахстане! Буду рада видеть ваши успехи на мировых фотобанках! 🙂

  19. Здравствуйте, Елена!Я в разные дни нарисовала 4 разных солнышка и вот решила объединить их на одном фоне,пробовала и так и этак,что-то не получается.Какие мои действия?Спасибо большое за уроки!

    1. Людмила, здравствуйте! Я что-то не поняла: вы нарисовали 4 разных рисунка или один рисунок?
      Если один рисунок, то фон надо вставить сверху, а потом отправить его за солнышки.Если это разные работы, то надо скопировать и вставить на один рисунок, а потом действовать, как в первом варианте. Что-то не поняла, почему у Вас не получается? Удачи! 🙂

    1. Думаю, у Вас всё будет хорошо, мы всё изучали, но забывается… 🙂

  20. Здравствуйте.
    У меня не получается скопировать лучи 🙁 Что же делать? При нажатии CTRL+D луч убегает куда-то

  21. Здравствуйте! Я оплатил Adobe Illustrator CC 2015 и сейчас учусь по вашему курсу сейчас выполняю упражнение «нарисовать лучи«
    пропущу, что у меня не выходит с градиентом так как у вас, но мне кажется им отдельно нужно заниматься. Я не могу упорядочить лучи по кругу равномерно, только могу их копирывать. Так не хотел писать этот лайммеркий пост и порыл ещё инет и нашел http://www.youtube.com/watch?v=y-8FeKE8u6U у него лучше объяснение. только теперь не понятно как работает ваше 360/8

    1. Здравствуйте, Макс! Вы молодец, что приобрели последнюю версию «Иллюстратора», а эти уроки написаны для Adobe Illustrator CS5, поэтому с градиентами не всё получается, но к ним мы ещё вернемся.Будут и ещё разночтения, придется разбираться.
      Молодец Вы и в том, что нашли урок, где объясняют лучше. Так и надо, если не всё понятно. Хорошо, что дали ссылку. Может, те, кому будет трудно, воспользуются.
      360/8 — это угол, под которым будет размещен следующий луч. Программа считает сама. 360- это круг, по которому мы разместим лучи, а 8 — число лучей у солнышка. 360:8=45, нам не надо считать, программа всё сделает за нас. Если вы захотите другое число лучей, то опять введете, например, 360/12, программа сама вычислит угол в 30 градусов.

  22. Здравствуйте! спасибо за доступно изложенный урок. Вот мои солнышки:
    http://i.imgur.com/wJt4CDi.jpg

    у меня illustrator cc, не знаю насколько они будут отличаться, но надеюсь и дальше смогу у вас подучиваться. Все же хотела узнать, как делать jepg в illustrator? Или здесь нет такой функции? а-то пришлось скришотить…

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

  23. Здравствуйте, Елена!
    Спасибо Вам за такие подробные уроки! Вы очень понятно и достоупно все объясняете. В Интернете куча всякой информации и курсов по Иллюстратору, но Ваши уроки вне конкуренции!

    1. Здравствуйте, Елена! Спасибо за высокую оценку моих уроков! Это очень приятно! Вам успехов и удач во всем! 🙂

      1. Привет . Елена , начал осваивать сегодня иллюстратор по вашим урокам , по десять раз всё заново начинал , единственно вы не написали как выделять все лучи одновременно, пришлось самому методом тыка ( работаю в фотошоп всё-таки помогает навык) зажимаю клавишу shift и кликаю по очереди на лучи может у вас по другому напишите . Уроки доходчивые сразу видно учителя со стажем , большое спасибо !

        1. Здравствуйте, Станислав! Спасибо за уточнение. Постараюсь внести это в урок. Рада, что у Вас всё получается, что полны энтузиазма. Продолжайте, трудностей ещё будет достаточно, но приобретенные навыки всегда помогут! Спасибо за высокую оценку уроков! Удачи! 🙂

  24. Здравствуйте, Елена! Спасибо большое за уроки! Только у Вас я начинаю что-то понимать в иллюстраторе! Тоже запуталась с лучами, они у меня не копировались, тут спасибо Людмиле, которая написала выше как это сделать!!! Всем спасибо огромное!

    1. Здравствуйте, Александра! Рада, что у Вас всё получается, а когда люди помогают друг другу, это вообще восторг! Удачи! 🙂

  25. Здравствуте, Елена! Начала заниматься в вашей школе. Все получается, т.к. знаю корел и отчасти фотошоп. Я в восторге от этого занятия! Очень много полезной информации! Меня простопотряс этот метод копирования трансформации, а еще больше то, что программа сама высчитывает угол поворота. В кореле я такого не знаю.

  26. Елена, огромнейшее Вам спасибо!!! Очень доступные уроки! Как раз для меня -у меня проблем с рисованием нет, а вот с программой… Благодара Вам начинаю разбираться!Получается!

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

    1. Жанна, здравствуйте! Я всегда рада новым ученикам, а если у них сразу всё получается, то не могу даже передать своё удовлетворение! Спасибо за похвалу урокам! Приятно вдвойне! 🙂

  28. Доброго вечера ,
    Вчера дочитала до этого урока и все пробовала — все получалось ! Так здорово просто и подробно объясняете! пПопробовала сделать солнышко — сначала не вышло лучики продублировать не совсем поняла про Rotate tool но прочитав повторно и следуя всему , что вы говорите- опять все вышло ) Ходила сегодня весь день на неимоверном энтузиазме- спасибо Вам огромное ! Буду дальше обучаться здесь)

    И один вопрос по уроку — последним Вы предлагаете как бы отцентровать , сделать лучи симметричными нажав на две кнопочки на верхней панели — Horizontal Align Center и и Vertical Align Center — но вот когда я выделила лучики и солнце кнопкой Shift и пробовала нажимать на эти кнопки то все мои лучики складывались как дрова то снизу то сбоку А не делая этого мне лучики кажутся более чем симметричными . Отчего может быть что лучи не стали симметричныи а «попадали» так сказать? Буду благодарна за ответ

  29. Еще раз добрый вечер , по поводу вопроса с паданием лучиков уже разобралась — я их не сгруппировала и по этому они «пошли в разброс» ) Повторила для практики горячих клавиш еще раз этот урок и нашла ошибку

  30. Еще раз добрый вечер , по поводу вопроса с паданием лучиков уже разобралась — я их не сгруппировала и по этому они «пошли в разброс» ) Повторила для практики горячих клавиш еще раз этот урок и нашла в чем ошибка была

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

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

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