0: Ну вот, мы нарисовали с вами 4 иконки. Выглядят, конечно, они не супер. Тем не менее, мы не стремились здесь к какому-то идеалу, какой-то красоте. Главное, чтобы вы запомнили те принципы, с помощью которых мы это делали. Теперь давайте познакомимся с панелью слоёв. Что такое?

1: Слои, зачем они нужны и как это все выглядит? Панель слоёв выглядит вот таким образом. Такая иконка на правой панели. Вот она называют её палитра слоёв. Если у вас её здесь нет, переходите во вкладку.

2: Окно и находите её здесь. Включайте вот она. Слои. Итак открыли палитру слоёв и теперь давайте кликнем вот по этой стрелочке то есть вот это все это слой 1 слой кликнем по этой стрелочке и у нас вложено в

3: Этом слое, все наши иконки. Вот видите и вот здесь мы видим, что здесь написано группа и стоит ещё 1 стрелочка. Кликнем по ней и открывается группа группа, в которой у нас находятся все объекты. Давайте скроем опять. По идее, если у нас несколько мон

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

5: Предыдущего, как мы можем перенести какую-либо иконку на новый слой, для этого мы можем просто кликнуть по ней, выделив её, зажимаем левую клавишу мыши и просто перетаскиваем её в новый слой, отпускаем.

6: Открываем эту стрелочку и видим, что эта иконка у нас в новом слое. Мы можем скрывать эти слои. Смотрите, нажимаем на глазик, он у нас скрывается. Можем блокировать вот здесь можем поставить замочек. Это удобно, когда мы поставили, допустим, какой

7: Какой-нибудь 4n на монтажной области и чтобы нам его не цеплять постоянно мышкой, мы его можем заблокировать, а верхние объекты спокойно перетаскивать. Давайте разблокируем обратно и давайте создадим ещё 1 слой, нажимаем снова по иконке.

8: Создали ещё 1 слой. Посмотрим, как ещё можно перетаскивать туда объекты. Допустим, кликнем вот по этой иконке и разблокируем её контрол, шифт джи, снимаем выделение и в панели слоёв мы видим, что

9: Наша группа, наша иконка разгруппировала ь. Теперь мы видим несколько объектов, из которых она состоит. Давайте с помощью инструмента прямое выделение, выделим все эти объекты, и мы видим, что они выделились в этой панели слоёв. Мы можем их не помещая в группу.

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

11: Окей, как ещё можно перенести на новый слой наши объекты? Давайте создадим ещё 1 слой. Нажимаем по иконке. Окей. Создали слой 4 и давайте разгруппируем, допустим, наш конверт контрол шифт джи.

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

13: Слоя хватаем за этот маркер и тащим его вверх к нашему слою, который нам нужно вложить. Отпускаем, все проверяем. Вот они наши объекты в этом слое. Плюс ещё есть 1 способ, каким образом можно переместить объекты в новый слой.

14: Для этого мы можем не создавать новый слой разгруппируем следующую иконку контрол, шифт джи разгруппировали, также выделили и в панели слоёв нажимаем вот по этому гамбургер меню, и в этом меню.

15: Можем найти такой пункт, как собрать на новом слое. Нажимаем. И у нас все собралось на новом слое, но эта функция крайне неудобна, потому что у нас создался слой в слое и такая вложенность, она, ну, как правило, не нужна. Контрол зет вернём.

16: Все обратно, но такая функция есть. И я вам показал, как она работает теперь. Что касается иерархии слоёв, то есть каждый слой, который находится выше предыдущего слоя, он перекрывает нижний слой. Соответственно, если мы возь

17: Вот наш 1 слой и 2 фигуры. Нашу иконку. Давайте приблизим нашу диаграмму. У нас здесь как раз в этой иконке есть 2 слоя. Вот этот вот кусочек, это полный круг, он у нас лежит внизу, а вот эта часть круга, она лежит сверху.

18: Давайте её покрасим, чтоб нам было более наглядно, зайдём в палитру цветов и возьмём какой-нибудь цвет, допустим, зелёный, кликнем по внутреннему кругу и покрасим его в другой цвет, допустим жёлтый давайте отодвинем верхний круг и мы v.

19: Видим, что здесь у нас полный круг, а здесь у нас часть круга. Вернём обратно. Таким образом, верхний перекрывает нижний. Это что касается отдельных объектов. И тоже самое касается отдельных слоёв. 1 слой перекрывает другой слой, а так

20: В панели слоёв очень удобно копировать наши фигуры и целые слои. Для этого можно кликнуть по какому-либо слою, зажать клавишу альт и потянуть вверх. Видите, когда мы подводим стрелочку курсор между слоями у нас

21: Появляется вот такая синяя подсветка и плюсик отпускаем. Таким образом, мы создали копию этого слоя. Давайте её удалим. Чтобы удалить слой, нужно его выделить и нажать на корзину, либо схватить его клавишей мыши и перета.

22: Тащить на эту корзину. Отпускаем. Все мы удалили слой. Ну и раз уж мы раскрасили 1 иконку, давайте раскрасим следующие раскрасим, наверное, в синий цвет, ручку покрасим.

23: Давайте в чёрный конверт какой-нибудь тоже голубой здесь оставим белый корзинку. Смотрите, корзинка у нас сгруппирована и поэтому

24: Стоят вопросики напротив обводки и напротив заливки это потому что у нас разная обводка, где-то она есть, где-то её нет. И разная заливка, где-то у нас белая заливка, где-то у нас Чёрная заливка для того чтобы покрасить, если мы сейчас

25: Будем красить какой-то цвет, то у нас покрасятся. Видите вот эти полоски тоже давайте контрол зет вернём обратно, поэтому разгруппируем объекты контрол, шифт, джи, снимем выделение и покрасим все отдельно. Можем

26: Выделить 2 объекта, допустим, крышку и саму урну для этого кликнем по крышке. Далее зажимаем shift и кликаем по урне. Мы выделили 2 объекта, теперь заходим в палитру цветов и покрасим их, допустим, вот.

27: Такой красный цвет.

28: Ну и ручку давайте покрасим.

29: Серый, готово. Теперь давайте сгруппируем каждую иконку, выделяем контрол джи, выделяем следующую. Также контрол джи.

30: Последние 2 иконки контрол джи. Ну и настала пора сохранить проект. Конечно, лучше это делать в самом начале. То есть когда вы создаёте какой-либо проект, вы его просто сохраняете, заходите в файл сохранить, как и

31: Здесь называете, допустим, иконки и, ничего не меняя, сохраняете в программе adobe иллюстратор. Здесь ничего не нужно менять, открываются дополнительные настройки сохранения. Давайте откроем верхнюю вкладку и посмотрим, что здесь.

32: Есть, а здесь у нас указаны версии иллюстратора. То есть, если вы сохраняете файл для себя и собираетесь только сами с ним работать, то ничего не меняете. Если вы собираетесь его передать человеку, у которого установлена более поздняя версия, то новый файл может, у него не

33: Открыться и можете сохранить в более поздней версии иллюстратора. Ну а остальные настройки можно не менять, оставить по умолчанию. Нажимаем окей. Все, файл мы сохранили. Если вы собираетесь передавать эти иконки в формате svg верстальщику, конечно, их нужно сохранить теперь

34: В формате svg для этого давайте откроем панель экспорта ресурсов, заходим в окно и находим здесь экспорт ресурсов вот он он.

35: Вот у меня он открылся. Теперь берём инструмент, прямое выделение и мышкой выделяем все наши файлы, выделили, хватаем их мышкой и тащим в это окно. Отпускаем. Теперь мы видим, что все наши иконки находятся в панели экспор.

36: Авто ресурсов. Если мы кликнем по пустому месту, то выделение сбросилось, и у нас ничего не экспортируется, нам нужно их выделить, чтобы выделить их, все нажимаем по самой последней, по нижней, зажимаем шифт и кликаем по верхней.

37: Они у нас выделились все. Если мы будем зажимать по 1, то мы будем экспортировать их по 1. Давайте экспортируем их все. Итак, кликнули по нижней, зажали шифт, кликнули по верхней здесь, в нижнем меню, мы

38: Выбираем формат вот здесь у нас стоит png, давайте кликнем по нему и выберем svg, далее нажимаем экспорт.

39: Открывается окно и здесь мы можем экспортировать в конкретную папку. Здесь у меня папка загрузки, я не пишу название. Если хотите экспортировать в конкретную папку, то пишите здесь название папки просто нажимаем.

40: Выбор папки и ждём, пока пройдёт экспорт. Файлы экспортировались. Давайте посмотрим, где они находятся. Итак, переходим загрузки. Папка называется svg EUNASRESURS1 ресурс.

41: 3, 4. Так они у нас называются. Давайте закроем, чтобы удалить файлы из окна экспорта ресурсов. Можно выделить ненужный файл и нажать на корзину. Таким образом мы удаляем все, что нам не нужно таким же

42: Образом мы можем экспортировать в другие форматы. Если мы поставим здесь формат png, то мы видим у нас появляется активное вот такое вот окно 1 x. Откроем его и видим здесь у нас 2 икс 3 икс это масштаб то есть сейчас

43: Сейчас он у нас экспортируется 1 к 1. Если мы поставим 2, то у нас увеличится в 2 раза. Картинка будет больше в 2 раза. Сейчас просто экспортируйте файлы в формате svg, а экспортирование и сохранение файлов в других форматах мы будем рассматривать позже все.

44: Следующих уроках ссылку на этот файл оставлю в описании. Вы его можете легко скачать, закинуть к себе в иллюстратор и сравнить с тем, что у вас получилось. А на этом пока все. Если по вашему мнению, я о чем-то забыл, напишите обязательно об этом в комментариях, чтобы я не упустил

45: В следующих уроках заранее вас благодарю за то, что оставляете комментарии. Это помогает видео продвигаться, а меня сильно мотивирует. А на этом все. До встречи в следующем видео.