Здравствуйте! Сегодня научимся рисовать сердце в фотошопе. Сердечко хоть и не с крыльями, но тем не менее получится достаточно симпатичное.
Урок несложный, единственное, что может вызвать затруднение — это инструмент Перо. Для многих он долгое время остается сложным элементом программы, но, если мы не будем тренироваться, тогда никогда ничего не освоим. Уверяю, что в этом уроке у вас все получится.
Сначала мы рисуем одну половину сердца, затем копируем слой и делаем симметричную вторую половину. А далее, каждый на свое усмотрение, может применить различные эффекты и стили к рисунку. Например, в центр можно вставить фотографию любимого человечка.
В конце урока мы нарисуем его так:
Теперь все подробнее:
Шаг 1.
Определимся с размером будущего изображения. Я сделаю 256 на 256 пикселей с прозрачным фоном. Поскольку форма сердца подразумевает симметрию обеих ее половин, нам нужно установить вертикальную направляющую, по которой мы будем ориентироваться, чтобы в итоге все получилось ровным и симметричным.
Чтобы установить направляющую, сперва, включите инструмент Линейки (Просмотр — Линейки, поставьте галочку), сверху и слева появятся две полоски со шкалой. Наведите курсор мыши на левую линейку, нажмите на нее и, не отпуская клавишу мыши, потяните в сторону созданного документа. Обратите внимание, что вы визуально увидите черную вертикальную полосу.
Чтобы направляющую установить точно по середине, медленно ведите ее по документу, фотошоп автоматически сделает слегка уловимое примагничивание к середине. Отпустите клавишу мыши. Теперь у нас появилась голубая вертикальная линия. Подробнее о линейках и направляющих.
Шаг 2.
Затем в бой вступает, нелюбимый для многих, инструмент Перо. При помощи него мы сделаем что-то наподобие скелета будущего сердца. Для это установите три точки, чтобы определить границы формы. Первую и последнюю точки соедините между собой. Вот как должно получиться:
Шаг 3.
В следующем шаге начнем придавать узнаваемые округлые формы. Именно тут и начинается главная сложность в работе с пером. Возьмите инструмент Угол (находится во вкладке пера в самом низу списка). Кликните на крайнюю правую точку и, не отпуская кнопку мыши, начинайте двигать в сторону. Некогда прямые линии начнут деформироваться. Вам нужно сделать так, чтобы угол стал закругленным.
— Регулярная проверка качества ссылок по более чем 100 показателям и ежедневный пересчет показателей качества проекта.
— Все известные форматы ссылок: арендные ссылки, вечные ссылки, публикации (упоминания, мнения, отзывы, статьи, пресс-релизы).
— SeoHammer покажет, где рост или падение, а также запросы, на которые нужно обратить внимание.
SeoHammer еще предоставляет технологию Буст, она ускоряет продвижение в десятки раз, а первые результаты появляются уже в течение первых 7 дней. Зарегистрироваться и Начать продвижение
Еще немного подергав за все созданные точки, нужно добиться вот такого результата:
Шаг 4.
Теперь нужно преобразовать наш новоиспеченный контур в выделенную область. Для этого, при все том же выбранном инструменте Угол, нажмите правой кнопкой мыши в любом месте изображения, и в контекстном меню выберите команду Образовать выделенную область.
В появившемся диалоговом окне, в параметре Радиус растушевки установите значение 0. В результате получим выделенную область одной половины сердца:
Шаг 5.
Зальем выделение красным цветом. Выполните команду Редактирование — Выполнить заливку. В появившемся диалоговом окне найдите параметр Содержимое — Использовать и в выпадающем меню выберите Цвет. Появится палитра, где нужно выбрать красный оттенок (на самом деле, это не так важно, т.к. далее мы будем применять градиент).
Шаг 6.
Нарисуем недостающую вторую половину. Продублируйте выделение на новый слой, нажав Ctrl+J. Выделите копию слоя на палитре, возьмите инструмент свободное трансформирование (Ctrl+T) и щелкните по изображению правой кнопкой мыши. Из появившегося меню кликните Отразить по горизонтали. Теперь вторая половинка стала зеркальной. При помощи инструмента перемещение установите ее слева от нашей первичной половины. Если это делать медленно, то вы почувствуете примагничивание.
Теперь оно стало похоже само на себя! Можно убрать направляющую.
Следующими этапами, нарисованное нами сердечко оформим должным образом. Но, прежде всего, объедините обе половины в одно целое на палитре слоев. Для этого выделите два этих слоя, затем вызовите меню правой кнопкой мыши и нажмите Объединить слои.
Шаг 7.
Первым делом, применим Градиент. Дважды щелкните по слою, появится окно Стиль слоя, в его левой части нажмите Наложение градиента. Справа в настройках наложения вы увидите цветную полосу, нажав на нее появится окно Редактор градиентов. Установите цвет от темного красного (# 9a080f) до более светлого оттенка (# f38e8e).
Шаг 8.
Можно добавить обводку. Она находится там же в стилях слоя. Цвет выберите из оттенков красного, непрозрачность примерно 80%.
Шаг 9.
Я бы добавил в пару к обводке еще и немного внутреннего свечения. Цвет белый, размер примерно 13 пикселей, непрозрачность 75%.
Шаг 10.
Добавим игру света.
Создайте новый пустой прозрачный слой. Зажав клавишу Ctrl, нажмите по миниатюре сердца на палитре слоев. Должно появится выделение по контуру сердечка. Теперь на панели инструментов найдите Градиент. Установите значение от белого к непрозрачному, линейный.
— Разгрузит мастера, специалиста или компанию;
— Позволит гибко управлять расписанием и загрузкой;
— Разошлет оповещения о новых услугах или акциях;
— Позволит принять оплату на карту/кошелек/счет;
— Позволит записываться на групповые и персональные посещения;
— Поможет получить от клиента отзывы о визите к вам;
— Включает в себя сервис чаевых.
Для новых пользователей первый месяц бесплатно. Зарегистрироваться в сервисе
Выделив новый пустой слой, поверх выделенной области наложите градиент, но только так, чтобы он своим белым светом сильно наш красный цвет не обесцветил.
Шаг 11.
Выберите инструмент Овальная область и нарисуйте полукруг, чтобы примерно на треть выделить наше сердце. Затем нажмите Backspace. В результате мы удалили выделенную часть белого градиента. От него лишь осталась небольшая часть сверху, словно падает свет. Если получился слишком явный контраст, градиенту можно понизить непрозрачность.
Вот и все! Я специально расписал все очень подробно, так как урок рассчитан на начинающих пользователей фотошопа. Отпишитесь в комментариях о своих успехах.
]]>
Помимо линеек, о которых упоминалось в статье «Направляющие и линейки», программа фотошоп содержит инструмент «Линейка». Он позволяет измерять расстояние между двумя точками в документе, а в версиях CS5 и CS6 вы также можете использовать его для выпрямления изображения. Чтобы использовать его для измерения, выберите инструмент (он спрятан в наборе инструмента «Пипетка» и выглядит как маленькая линейка), несколько раз нажав сочетание клавиш Shift+I, а затем установите указатель мыши в ту позицию, откуда хотите начать измерения, нажмите и удерживайте кнопку мыши. Проведите указатель через область или объект и вы увидите, что в документе появится линия.
Чтобы нарисовать идеально прямую горизонтальную или вертикальную линию, при применении инструмента нажмите и удерживайте клавишу Shift. Когда вы отпустите кнопку мыши, фотошоп отобразит измерения отрезка между начальной и конечно точками линии на панели «Параметры».
Названия полей на панели «Параметры», могут быть немного непонятными. Вот что они означают:
- Х и Y. Эти оси обозначают координаты: горизонтальные и вертикальные, соответственно в начале линии вашей линейки. Например, если вы начинаете линию на отметках 4 дюйма по горизонтальной линейке и 7 дюймов по вертикальной линейке, ваши координаты — X:4 и Y:7.
- Ш и В. Вычисляет расстояние, которое прошла линия вдоль осей Х и Y.
- У. Отображение угла наклона линии по отношению к оси X.
- L1. Показывает длину нарисованной линии.
- L2. Вы увидите здесь число, только если будете использовать виртуальный транспортир. Чтобы создать транспортир, перетащите указатель мыши, удерживая клавишу Alt под углом относительно линии линейки (или дважды щелкните мышью по линии и перетащите). Это число обозначает угол между двумя линиями.
- По шкале измерений. Установите этот флажок, чтобы скопировать единицу измерения, указанную в установках (выберите команду меню «Редактирование — Установки — Единицы измерения и линейки»). Вы можете изменить единицы, указанные на палитре «Инфо», выбрав пункт «Параметры панели» в меню палитры «Инфо».
- Удалить. Любая нарисованная вами линейка остается на изображении, пока вы ее не удалите, нажав эту кнопку на панели «Параметры» или нарисовав другую линию линейки. Но линия не будет видима при печати, даже если вы забудете ее удалить, так что не теряйте из-за нее покой!
Чтобы изменить положение линейки, ухватите одну из ее конечных точек и перетащите на другую позицию.
[stextbox id="info"]Чтобы использовать инструмент «Линейка» для выпрямления изображения, выберите его на панели «Инструменты», а затем перетащите, проведя линию через область, которая должна быть прямой. Затем нажмите кнопку «Выпрямить» на панели «Параметры», чтобы выпрямить и обрезать изображение. Если вы хотите выпрямить изображение, но не обрезать его, то нажимая кнопку «Выпрямить», удерживайте клавишу Alt.[/stextbox]
]]>
В правильном расположении объектов на холсте может заключаться единственная разница между рядовым проектом и шедевром. Самый быстрый способ разместить и выровнять объекты — нарисовать прямую линию, вдоль которой их расположить. Именно это можно сделать с помощью непечатаемых направляющих программы Photoshop — вертикальных и горизонтальных линий, которые можно разместить в любых позициях.
Голубые линии на рисунке это и есть направляющие. Чтобы создать направляющую в определенном месте изображения, выберите команду меню «Просмотр — Новая направляющая» и введите позицию в появившемся диалоговом окне.
Прежде чем создать направляющие, необходимо отобразить линейки в программе фотошоп. Быстрый способ это сделать — нажать сочетание клавиш Ctrl+R, но вы также можете включить их, выбрав команду меню «Просмотр-Линейки» или выбрав вариант Линейки из раскрывающегося списка «Просмотреть вспомогательные элементы» на панели приложения (об этом способе я рассказывал в статье об интерфейсе фотошопа). Какой бы способ вы ни использовали, линейки появятся по верхнему и левому краям изображения.
Единицы измерения, которые вы видите на линейках, указываются с помощью настроек в диалоговом окне установок «Единицы измерения и линейки».
После того как вы отобразите линейки, вы можете добавить направляющие, щелкнув мышью по горизонтальной или вертикальной линейке, а затем перетащив направляющую в документ. После того как направляющая установлены, вы можете:
- переместить направляющую с помощью инструмента «Перемещение» на панели инструментов или нажав клавишу V, а затем перетащив направляющую в другую позицию (указатель мыши превращается в двухстороннюю стрелку);
- привязать объекты к направляющим, включив возможность привязки Photoshop. Эта функция невероятно облегчает выравнивание объектов, потому что когда они приближаются к одной из направляющих, они притягиваются к ней, как будто намагниченные. Чтобы разрешить такое поведение, выберите команду меню «Просмотр — Привязать к — Направляющим». После того как объект выравнивается по направляющей, его можно перемещать вдоль этой линии, чтобы привязать к определенной позиции также и с помощью других направляющих. Если вы не хотите привязывать объект к определенной направляющей, продолжайте его перемещать — он отвяжется от направляющей, как только вы отодвинете его достаточно далеко;
- временно скрыть направляющие, нажав сочетание клавиш Ctrl+;
- удалить направляющую, перетащив ее обратно в область линеек;
- удалить все направляющие, выбрав команду меню «Просмотр — Удалить направляющие».
Быстрые направляющие
Быстрые направляющие немного отличаются от обычных тем, что они автоматически появляются на экране, чтобы показать пространственные отношения между объектами. Например, они возникают, когда объекты выравниваются или плавномерно распределяются по документу. при перетаскивании объекта быстрые направляющие появляются всякий раз, когда текущий объект оказывается выровненным по горизонтали, по вертикали или централизован с другими объектами других слоев. Чтобы отобразить Быстрые направляющие выберите команду меню «Просмотр — Показать — Быстрые направляющие».
Использование сетки документа
Если вам требуется много направляющих и не хочется тратить силы на их размещение, вы можете добавить к изображению сетку, выбрав команду меню «Просмотр — Показать — Сетку». По умолчанию, сетки Photoshop появляются на расстоянии дюйма друг от друга с четырьмя ячейками, хотя вы можете изменить это расстояние, выбрав команду меню «Редактирование — Установки — Направляющие, сетка и фрагменты».
[stextbox id="info"]Сетка Photoshop удобна в случае, когда вам необходимо выровнять множество различных элементов, к примеру, текст. Настройте метки линий сетки в диалоговом окне «Установки», изменив значение в поле «Линия через каждые», и используйте соседний с ним раскрывающийся список, чтобы выбрать единицу измерения, которая будет использоваться при создании сетки: пикселы, дюймы, сантиметры, миллиметры, пункты, пики или проценты. Ниже параметра «Линия через каждые» находится поле «Внутреннее деление на», в котором вы можете указать сколько линий должно появляться между линиями сетки, если они нужны.[/stextbox]
]]>