Содержание
Так иногда хочется поделиться с миром своими увлечениями, рассказать о хобби, показать свои таланты... Стать автором и редактором собственного электронного журнала, более удобного и доступного, чем бумажный "самиздат". В конце концов, просто выставить свои работы на всеобщее обозрение, создав виртуальную выставку... Или хотя бы сделать стильный электронный фотоальбом для удобного поиска и просмотра фотографий. Но всему свое время. Перед тем как начинать осваивать премудрости, изучать язык гипертекстовой разметки и таблицы каскадных стилей CSS, надо понять, как создаются базовые изображения, которые сначала можно использовать в качестве обоев для рабочего стола или электронных открыток.
Мы пройдем все этапы формирования открытки от подготовки до монтажа и оформления проекта. В моем примере за основу взяты две фотографии кота, одна из которых, на мой взгляд, достаточно забавная. Она подойдет для переднего плана.
КОНЦЕПЦИЯ
Точнее, в основе идеи лежит картина с двумя визуальными центрами. Лучше, если это будет один и тот же объект, сфотографированный в разных ракурсах. Сыграем на контрасте восприятия. Основной центр я расположил на диагонали, проходящей из левого нижнего угла в верхний правый. Это усиливает его значимость. Сочетание цветного изображения с тонированной картинкой дает замечательный эффект и акцентирует внимание на главном. А модная "клеточка" или линии на заднем плане и соответствующая надпись делают открытку настоящей, адресной, предназначенной для дорогого вам человека — любимой или друга.
ИНСТРУМЕНТ Gradient
Плавный цветовой переход между заданными цветами
НАХОДИТСЯ в группе инструментов "заливки"
ПРИМЕНЯЕТСЯ для заполнения выделенной области или всего изображения цветовой растяжкой. Может быть линейным, радиальным, коническим, отраженным или квадратным. По типу разделяется на цветовой (Solid) и шумовой (Noise)
СЛОИ (LAYERS)
Прозрачная компьютерная калька — одно из средств Photoshop'a, дающих дополнительные возможности при работе с изображением. Каждый слой в композиции не зависит от остальных и не искажает рисунок на самом нижнем из них. Вы можете вносить нужные изменения, не опасаясь, что испортите фотографию. К слоям можно применять маскирование, перемещать и преобразовывать сразу по нескольку слоев, смешивать и группировать их.
Даже из такой неяркой фотографии можно выжать великолепное качество. Сам портрет по-своему замечателен: насупленная мося любимого зверь-кота хорошо передает его характер. Я немного откадрировал изображение для дальнейшей работы.
Чтобы предотвратить эффект светящихся глаз, съемка велась без вспышки. Поэтому фотография получилась темной. Однако мягкий свет придал естественность шерсти и глазам. Хорошо получился заинтересованный, удивленный взгляд. Затем потребовалась дополнительная обработка и увеличение контраста. Нужно еще поработать и с другими настройками, но результат того стоит.
СОВЕТ: Если при использовании команды Fill установить флажок Preserve Transparence, вы не сможете закрасить прозрачные пиксели текущего слоя
1 ЗАГРУЖАЕМ ФАЙЛЫ
Откройте оба файла, которые вы подобрали для коллажа. Перед их обработкой желательно улучшить яркость фотографий, применив Auto Levels (Shift + Ctrl + L), и поработать с другими настройками — например, с яркостью/контрастностью и цветовой насыщенностью.
2 ВЫРЕЗАЕМ
Отделите объекты от фона любым известным вам способом. Рекомендую воспользоваться командой Extract, так как шерсть животных имеет нечеткие грани. Теперь, когда объекты вырезаны, нужно тщательно поработать над изображением. Возможно, вам придется дорисовать мелкие детали.
3 СОЗДАЕМ НОВЫЙ ФАЙЛ
Создайте файл в цветовой модели RGB, 800x600 пикселей. Залейте слой фона любым светлым оттенком — потом вы сможете его изменить. Образуйте набор (Create a New Set > Setl) и три слоя (Shift + Ctrl + N) — Foreground, Second-plan и Fill-layer соответственно — и скопируйте на них подготовленные изображения.
НАБОР СЛОЕВ Layer Set
Чтобы организовать слои и обеспечить легкость манипулирования их большим количеством, можно сгруппировать их в наборы. Для этого воспользуйтесь меню Layer или палитрой Layers. Чтобы задать параметры набора, нажмите кнопку Create a New Set, удерживая Alt.
ВЛАДЕНИЕ"ПЕРОМ"
Создавая кривую с помощью инструмента Реп, вы можете быстро переключиться на инструмент Direct Selection, нажав клавишу Ctrl. Это позволит вам изменить расположение узлов кривой. А чтобы вернуться к инструменту Реп, достаточно отпустить клавишу Ctrl.
4 ЗАЛИВОЧНЫЙ СЛОЙ
Для удобства подбора градиента создадим слой-маску. Выделите в наборе слоев строку слоя Fill-layer. В списке Create New Fill or Adjustment Layer выберете Gradient, подберите стиль Linear (линейный) и угол 0°. После вы сможете легко изменить параметры заливки, щелкнув по Layer Thumbnail.
5 ГРАДИЕНТ
Кликните по образцу градиента. В открывшемся окне редактора выберите Foreground to Background, Solid (цветовой) или Noise (шумовой). Нижними ползунками и пипеткой возьмите у каждого объекта пробу цвета. Пусть это будет, например, переход от синего к кремовому.
6 ТОНИРУЕМ
Перейдите на объект второго плана. Откройте диалоговое окно Hue/Saturation. Используя режим Colorize, подвигайте бегунки Hue (цветовой тон), Saturation (насыщенность) и Lightness (яркость). Поиграйте с цветами и придайте изображению необходимый опенок.
РАЗМЫВАЕМ
Некоторые границы объекта могут быть слишком четкими, образуя резкий цветовой переход. Инструментом Lasso Tool (L) выделите область изображения и размойте фильтром Gaussian Blur.
ОБЪЕДИНЯЕМ
Прежде чем продолжить, скопируйте слой градиента и заднего плана. Они могут понадобиться для возможных изменений, а пока сделайте их невидимыми. Объедините Fill-layer и Second-plan.
7 ПИШЕМ
Закройте набор слоев Model и активируйте Type Tool (T). Выберите понравившийся шрифт, размер и установите белый цвет. Сделайте подходящую надпись, сразу расположив ее в нужном месте. Убедившись, что она вам нравится, переведете ее в растровый формат (Layer > Rasterize > Layer).
8 КОНТУР
Выделите только что созданный слой. С помощью кнопки на палитре слоев создайте новый слой. Выберите оттенок и залейте его. Чтобы создать объем, нужно немного сдвинуть этот слой (Layer 2) в сторону и вверх (Ctrl + стрелки), а затем слегка размыть.
9 ПОДСВЕТКА
Подобным образом создайте еще два слоя, но залейте более светлым оттенком. Для получения флуоресцентного свечения воспользуйтесь опцией Hue/Saturation. Уменьшите один слой (Layer 3), Edit > Free Transform (Ctrl + T) и размойте по Гауссу: Filter > Blur > Gaussian Blur шириной 2 пикселя.
ШУМОВОЙ ГРАДИЕНТ
Тип градиента, устанавливаемый в окне свойств Gradient Editor. Представляет собой случайную комбинацию линий любых цветов. Плавность перехода цвета регулируется в поле Roughness (резкость). Пощелкайте по кнопке Randomize, и каждый раз будут генерироваться новые сочетания оттенков.
Сверкающий текст может быть очень красивым эффектом. Однако будьте осторожны: он может привлечь к себе основное внимание, что не всегда желательно. Уменьшите прозрачность и яркость свечения, поиграйте с цветом. Также можете воспользоваться фильтром "размытие".
10 ДОБАВЛЯЕМ ПЕРСПЕКТИВУ
Измените четвертый слой инструментом Transform или Free Transform — увеличьте надпись. При нажатой кнопке Ctrl потяните за верхние углы в стороны, чтобы получился параллелограмм. Воспользуйтесь фильтром "ветер" (Stylize > Wind). Если результаты предыдущих операций вас устраивают, объедините два слоя (Layer 3 и 4) в один (Ctrl + E).
11 ЛУЧИ
Для получения эффекта расходящихся лучей применим фильтр Blur > Radial Blur с опцией Zoom, предварительно переместив полученный слой в центр картинки. Для этого перейдите на Layer 1 и свяжите его с перемещаемым слоем. Затем последовательно подвиньте связанный слой по вертикали и горизонтали (Align Linked > Vertical Centers и Horizontal Centers).
12 СЛОИ ТЕКСТА
Верните созданный слой обратно и расположите все по порядку: белая надпись — тень — лучи. Произведите окончательные регулировки каждого слоя, воспользовавшись пунктами меню Image > Adjust. Свяжите слои текста.
НАБОР
В меню палитры Layers выберете команду New > Layer Set from Linked (новый набор со связанными слоями) > Set 2. Надпись готова. Аналогичного эффекта можно добиться еще проще, без применения фильтра Wind и четвертого слоя.
СОВЕТ:
Отменить операцию можно при помощи протокола меню History, а также комбинации клавиш Alt + Ctrl + Z (шаг назад) или Ctrl + Z (отмена последнего изменения)
13 РИСУЕМ
Создайте новое изображение File > New, размером 1 пиксель в ширину и 7 пикселей в высоту. Измените масштаб изображения, чтобы видеть свою работу. Сделайте цвет переднего плана черным — клавиша D. Выделите инструментом Rectangular Marquee Tool (И) прямоугольник размером 1x4 и залейте его (G) черным.
14 СОЗДАЕМ ПАТТЕРН
Снимите выделение. Сохраните паттерн под именем Lines, воспользовавшись меню Edit > Define Pattern. Теперь он добавлен в библиотеку, и вы всегда сможете им воспользоваться. Попробуйте нарисовать и другие паттерны. Например, косую линию, квадратный или круглый контур. Такие простые узоры, а как преображают картину!
ИНСТРУМЕНТ Type Tool (T)
ПРИМЕНЯЕТСЯ для создания, редактирования и форматирования как простого, так и фигурного текста. Предусмотрена возможность задавать направление "текст-маски".
ИНСТРУМЕНТ Команда Fill (Shift + Backspace)
ПРИМЕНЯЕТСЯ для заливки изображения или выделенной части слоя узором, цветом (основным или фоновым), черным/белым оттенком или градациями серого тонов.
Если вы хотите добавить фоновому слою прозрачность, необходимо преобразовать его в "обычный". Для этого дважды щелкните по элементу Background в палитре Layers и переименуйте его. Однако создать фоновый слой путем присвоения обычному слою имени Background нельзя. Для этого используется команда Background from Layer (фон из слоя).
ПАТТЕРН (Pattern)
Паттерн, или узор — небольшой фрагмент любого изображения, входящий в набор Photoshop, который при заливке многократно повторяется, заполняя область. Вы можете создавать свои собственные паттерны, сохранять их, а затем загружать из библиотеки.
Примечание.
Закрашивать изображения можно несколькими способами: с помощью инструментов Paint Bucket (ковш), Brush Tool (кисть), Gradient (градиент), команды закрашивания Fill или клавишами Ctrl + Backspace и Alt + Backspace.
15 ПРОМЕЖУТОЧНЫЙ СЛОЙ
Создайте новый, временный слой. Откройте меню "Заливки": Edit > Fill (Shift + Backspace). В раскрывающемся списке установите "использовать Pattern". Щелкните перевернутой стрелкой рядом с образцом паттерна и выберете его из палитры. Примените инструмент.
16 МАСКИРУЕМ
Выделите получившийся слой и перейдите на слой заднего плана (Second-plan). Добавьте маску: Layer > Add Layer Mask > Reveal Selection. Теперь вы можете удалить промежуточный слой или на время отключить его — он может понадобиться для экспериментов с фоном.
17 ДОВОДКА
Вот и все! Но теперь через * прозрачные полосы виден первый, фоновый слой. Вернитесь на него для подбора цвета и залейте тоном или градиентом. Открытка готова! Можете объединить видимые слои в один (Merge Visible) или попробовать другие варианты.
ВАРИАНТ 1
К нижнему фоновому слою можно применить один из стилей палитры Styles или какой-нибудь эффект. Наложение полупрозрачной маски предыдущего слоя создаст интересный рисунок.
ВАРИАНТ 2
Вы можете применить TV-эффект и по-другому. Скопируйте Background и переместите его выше слоя с изображением заднего плана. Выберете этот слой и отмените маскирование (Layer > Remove Layer Mask > Discard или в палитре слоев). Примените маску к копии Background.
