Делаем фото-книгу: урок 2
Второй день у меня в гостях Новоярчникова Анна с бесплатными уроками и консультациями -
"ФОТО-КНИГА своими руками"
- своя фото-книга за 5 дней
В сегодняшнем уроке мы с вами разберем, что такое слои.
Слои это основная часть Фотошопа. Именно слои в Фотошопе позволяют нам иметь как бы трехмерный дизайн нашего проекта: перемещать элементы и в горизонтальной плоскости, и менять положение элемента относительно других, то есть выдвигать его на передний план или, наоборот, прятать на задний.
Чтобы наглядно представить, что же такое слои, нам понадобиться 4 файла (или простых прозрачных полиэтиленовых пакета), цветная бумага и ножницы. Вырезаем из зеленой бумаги 3 треугольника с широким основанием, а из коричневой - длинный узкий прямоугольник. Каждую деталь вкладываем в отдельный файл. Если нет цветной бумаги, можете вырезать из обычной. Это не имеет особого значения.
Начинаем «творить». Берем файл с прямоугольником и кладем его на поверхность стола. На него по очереди выкладываем файлы с треугольниками, составляя «елочку». Как в простейшей детской аппликации. Получилось? Молодцы!
Вот теперь наглядно видно отличие многослойной графики от однослойной. MS Paint, обычная стандартная «рисовалка» - это аппликация. Каждое изображение, которое мы наносим на поверхность, закрепляется на месте и перекрывает то, что находится под ним. А наши файлы - это Фотошоп. Посмотрите, как много действий мы можем совершить. Можно поменять треугольники местами, просто передвинув их, а можно поменять последовательность выкладывания файлов. Можно побольше наложить треугольники друг на друга. Можно выровнять треугольники между собой, а потом, взяв все 3 файла сразу, выровнять их относительно прямоугольника. А можно вообще передумать и убрать один треугольник, сделав нашу елочку поменьше ростом.
Вот это и есть принцип работы Фотошопа. Имитация 3D пространства в двухмерной программе.
А теперь составим простейшую картинку в Фотошопе, просто чтобы понять принцип ее работы.
Вспоминаем вчерашний урок, открываем наш Фотошоп, создаем новый документ 300х300 мм.
Обращаю ваше внимание как выглядит наш «рабочий стол». Слева находится главное меню Фотошопа - Палитра инструментов. Справа тоже есть меню. В этом уроке мы будем использовать только 2 палитры с правой стороны: палитру цветовых образцов и палитру слоев.
Выбираем инструмент «Заливка»в Палитре инструментов (слева). Этот инструмент позволяет окрашивать весь слой или его часть выбранным цветом. Он похож на ведерко с краской.
Если не нашли "Заливку". Слева есть инструмент Градиент. Он находится над "капелькой". Вот такой:
Если на него нажать правой кнопкой мышки, то Заливка найдется))
Выбираем в палитре образцов (слева) голубой цвет. При наведении курсора на цвета образцов он превратится в маленькую пипетку. Вот эта пипетка и возьмет образец того цвета, который нам нужен.
И заливаем этим цветом всю поверхность нашего слоя, просто кликнув на нем.
Отлично! Продолжаем.
Теперь нужно создать новый слой. Для этого идем в палитру слоев (слева от рабочего стола) и нажимаем там иконку «создать новый слой»
В нашем документе ничего не изменилось. Но это только на первый взгляд. Если посмотреть на палитру слоев, то мы увидим, что над первым голубым слоем появился еще один, прозрачный.
Теперь активируем инструмент «Прямоугольная область»
и выделяем на нашем документе небольшую часть. Как вы видите, за одной картинкой в меню инструментов скрывается целых 4 инструмента, которые объединяет одно: они выделяют определенные области нашего документа. Выделенная область окружается пунктиром.
Теперь снова идем в палитру образцов и выбираем там зеленый цвет.
На панели инструментов меняем местами основной и фоновый цвет, нажав на стрелочку
и снова выбираем в палитре образцов зеленый цвет. Вот что у нас получилось. И основной и фоновый цвет одинаковы. Это понадобится нам для дальнейших действий.
Теперь на панели задач выбираем инструмент «Заливка» (помните, в самом начале мы заливали им первый слой?) Он похож на ведерко с краской. И кликаем мышкой в выделенную область.
Видите? Теперь у нас залился не полностью весь слой, а только его выделенная часть.
Снимаем выделение. Для этого в меню выбираем Выделение ==> Отменить выделение
или нажимаем сочетание клавиш Ctrl+D.
Снова создаем новый слой в палитре слоев, кликнув на иконку. Над зеленым слоем появился еще один прозрачный слой.
На панели инструментов выбираем инструмент «Кисть». Как и обычная кисть, она предназначена для рисования. Только в отличие от обыкновенной кисточки, отпечатки фотошопной кисти могут быть весьма разнообразными.
А в настройках кисти ищем вот такую кисточку. Эта кисточка позволяет нарисовать траву.
Меняем стандартный размер кисти на 500 пикс.
Теперь водим мышью с зажатой левой кнопкой по новому слою и рисуем траву. Особенностью этой кисти является то, что она берет два образца цвета из панели инструментов, и на их основе создает различные цветовые вариации, поэтому, чтобы трава выглядела однородно, мы и выбрали одинаковый цвет для обоих образцов.
Смотрите какая симпатичная картинка у нас получается.
Продолжаем нашу работу.
Создаем новый слой. На панели инструментов выбираем инструмент «Овальная область» (снова выделение, то теперь не прямоугольное, а овальное),
зажимаем одновременно левую кнопку мыши и клавишу Shift и выделяем круг.
В панели цветов выбираем желтый цвет, на панели инструментов - инструмент «Заливка» (вспоминайте, все это мы сегодня уже делали) и кликаем в выделенную область.
Снимаем выделение. Получилось вот такое восходящее солнышко. Но у нас есть одна неточность. Солнышко должно быть ЗА травой, а не перед ней. Но благодаря Фотошопу все это можно исправить. Мы идем в палитру слоев, зажимаем левую кнопку мыши на слое с нашим солнышком и просто перетягиваем его ниже, под зеленый прямоугольник.
Отпускаем мышку. Слои поменялись местами и наше солнышко скрылось за горизонтом.
Если вас не устраивает положение нашего солнышка, то его можно передвинуть. Для этого активируем в палитре инструмент «Перемещение»,
выделяем слой с солнышком в палитре слоев, кликнув на него, зажимаем левую кнопку мышки на солнышке и перемещаем его, как нам заблагорассудится. Например, вот так.
Отлично! Вот мы и поняли принцип работы со слоями в Фотошопе.
В качестве отчета по домашней работе нужно выставить в дневнике скриншот нашей картинки в Фотошопе с открытой палитрой слоев. Вот так.
Если в панели слоев у вас видны не все слои, просто увеличьте рабочую зону, наведя мышку на нижний край палитры. Как только увидите двухстороннюю стрелочку, зажимайте мышку и тяните вниз.
Урок окончен! Теперь вы понимаете, как работает Фотошоп. Встречаемся на следующем уроке.
Если возникли вопросы, не забывайте, что я готова ответить на них!