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

И именно, об искажениях при фотосъемке и пойдет речь в этой статье.

Когда вы снимаете здание, вы, как правило, находитесь на земле, то есть в нижней точке. Поэтому, ничего удивительного, что здание на фотографии окажется искаженным. Чтобы не было искажений, вам нужно взлететь в воздух и при съемке оказаться ровно посередине высоты снимаемого архитектурного объекта. В реальной жизни такое редко бывает, поэтому при обработке фотографии, нам понадобится Photoshop.

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

Итак, вы все-же решили эту фотографию исправить. Для этого, Photoshop предлагает два способа. начнем по порядку. первый способ представляет из себя специальный фильтр, который применяется к слою. В меню «Filter» выберите «Distort > Lens Correction». Появится диалоговое окно с панелью просмотра изображения, так же, вы увидите на изображении, сетку, облегчающую визуальное наблюдение за трансформациями.

Тут нам понадобятся настройки, отмеченные красной рамкой на картинке. Первая из них — это исправление «подушкообразного» искажения, возникающего у широкоугольных линз. Им мы займемся потом, а сначала исправим вертикальное искажение, возникшее вследствие того, что вы не умеете летать. Начинайте изменять значение ползунка «Vertical Perspective», внимательно следя за крайними вертикалями здания. Они должны стать параллельны вертикальным линиям сетки.

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

Применяем изменения и работаем дальше. Оставшееся мы будем исправлять вручную. Для контроля за вертикалями нужно установить несколько направляющих (Guides) на изображении. Быстро это можно сделать, включив линейку (Ctrl+R), затем нужно выбрать инструмент «Move Tool» (кнопка «V») и вытянуть с боковой линейки направляющую, расположив ее на центральной грани здания. Затем нужно установить еще пару направляющих на правой и левой вертикалях. Ровнять их лучше по верхней части здания, так как она должна остаться неизменной.

Теперь видно, что левая часть здания кривая, да и правая тоже чуть-чуть. Включаем режим трансформации слоя, нажав Ctrl+T и видим появившиеся органы трансформации.

Подводим курсор к левому нижнему краю слоя и нажав Ctrl, видим, что вид курсора изменился на маленький треугольник. Это значит, что теперь мы сможем двигать только этот угол слоя. Что мы и делаем, схватив угол с квадратиком и перемещая его к середине изображения. Не забываем следить за вертикалью и направляющей. Мы должны сделать их параллельными.

Для того, чтобы угол перемещался только по горизонтали, вместе с Ctrl можно удерживать Shift.

Итак, вертикальные линии стали вертикальными. Я еще немного подвинул правый угол. Когда вы будете удовлетворены своей работой, нажмите Enter, чтобы применить изменения.

В конце, можно обрезать изображение, удалив лишние части, инструментом Crop (кнопка «C»).

Вот, что у нас получилось. Вы можете сразу воспользоваться вторым способом для исправления искажений, так как он быстрее и точнее, как показывает практика. Единственное замечание — слой нужно сделать редактируемым, дважды щелкнув на нем и введя имя слоя, либо оставив предлагаемое по умолчанию.

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

Смарт фильтры — это дополнительные возможности для работы с объектами, про которые было рассказано чуть ранее, то есть, со смарт-объектами. Как и в случае со смарт-объектами, тут тоже нет ничего сложного. Это всего-лишь, возможность применять стандартные фильтры из меню «Filter» к слоям, преобразованным в смарт-объекты. Покажу на примере, а то без картинок, статья получится в два абзаца

Сначала, слой надо преобразовать в смарт-объект.

затем, выделив этот слой, выбрать в меню «Filter», нужный фильтр. Я выбрал «Gaussian Blur». Появился стандартный диалог фильтра, после применения которого, в правой части слоя появился значок, показывающий, что к слою применен фильтр. Чуть ниже появилась маска слоя и сам фильтр. Если два раза щелкнуть на названии фильтра, вновь появится диалог, в котором можно изменить параметры. К этому слою можно применить еще несколько фильтров, в этом случае, они будут воздействовать на слой одновременно.

Маска фильтра является общей для всех примененных к слою фильтров и действует, как обычная маска слоя, только в данном случае она применяется исключительно к фильтрам.

В моем случае, я закрасил на маске, голову птицы, и теперь, фильтр «Gaussian Blur» воздействует только на фон. Со смарт-фильтрами можно работать, так же, как и с эффектами слоя. То есть, их можно отключать, можно удалять и модифицировать.

Вот и все, удачи!

Начиная с версии CS3, в Photoshop появилось такое понятие, как smart object. Вы можете преобразовать в этот формат любой слой, либо группу слоев. Выделяете слой или несколько слоев и нажав на них правой кнопкой мыши, выбираете в меню «Convert to Smart Object». Слой или группа слоев сразу же преобразуется в смарт-объект. Другими словами, в документе создается еще один документ, то есть PSD-файл. Правда, он имеет расширение PSB, но все свойства и возможности PSD-файлов он сохраняет. Если щелкнуть два раза на этом объекте, он открывается в новом окне и с ним можно производить те же действия, как и с обычным документом Photoshop. Фильтры, маски и прочие преобразования. Если закрыть или сохранить этот документ, все преобразования вы сможете наблюдать на вашем слое, который вы преобразовали в смарт-объект, в основном документе.

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

Можно скопировать слой со смарт-объектом, бессчисленное количество раз, единственная проблема при этом заключается в том, что сам объект остается тем же самым и если вы его отредактируете, изменения коснутся всех его копий. Если вам нужны уникальные копии этого объекта, чтобы вносить в них разные изменения, то сначала следует сделать несколько копий слоя, а потом уже преобразовывать каждый из них в смарт-объект. Однако, на практике бывает все наоборот, то есть уникальная копия объекта может понадобиться уже после преобразования. Эту проблему тоже просто решить, просто щелкнув правой кнопкой по слою со смарт-объектом и выбрав в меню «New Smart Object via Copy». В этом случае, создается уникальная копия смарт-объекта, которая уже будет хранить в себе, свои собственные изменения. Так же, в этом меню доступны и другие параметры, такие, как «Edit Contents», «Export Contents» и «Replace Contents». То есть, вы можете редактировать содержимое смарт-объекта, экспортировать его содержимое, в формате PSB, либо заменить его любым другим файлом.

Так же, смарт-объект можно преобразовать в нормальный растровый слой, выбрав в том же меню, команду «Rasterize Layer», в этом случае, все содержимое объекта преобразуется в растровый слой.

В заключение, хочу сказать, что смарт-объект можно сделать, как из текущего слоя в Photoshop, так и из данных, вставляемых в него через буфер обмена. Одним из таких преобразований, является вставка векторного объекта из Adobe Illustrator. Происходит это очень просто. Выделяете в Illustrator нужные векторные объекты, нажимаете Ctrl+C, а в Photoshop нажимаете Ctrl+V, и он вас спрашивает, в каком формате вставить данные. Если в диалоговом окне выбрать «Smart Object», то вы получите новый слой, со смарт-объектом, в котором будут содержаться векторные данные из Illustrator. Работать с таким объектом можно так-же, как и с растровым, только открываться для редактирования он будет в родительской программе, то есть в Adobe Illustrator.

Вот и все о базовых функциях смарт-объектов в Photoshop. Если есть какие-то вопросы, не стесняйтесь задавать их в комментариях. Для этого вам придется зарегистрироваться в этом блоге.

Вы нарисовали макет своего сайта. Отлично! Теперь нужно его сверстать. Прежде, чем это делать, нужно спланировать его табличную структуру. (Или любую другую, в зависимости от типа верстки, принципы здесь одни и те-же.)

По принятой ранее традиции, эта статья разбита на подразделы, так как материал получился объемным. Итак, начнем…

Для примера, я нарисовал макет несуществующего сайта, который продает… Какие-то железки. Неважно, в общем.

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

Почему остались пустые области, в том числе, содержащие картинки и текст? Потому что, текст у нас вводится потом, при верстке, фон справа и тот, который под текстом, делается просто заливкой цветом ячейки таблицы, тоже при верстке. А мелкие фотографии в середине текста делаются в отдельном файле, это мы рассмотрим в конце.

Чтобы точно соблюсти размеры, воспользуемся направляющими (Guides). Для установки направляющей в Photoshop, нужно в меню View выбрать New Guide, потом выбрать тип направляющей (горизонтальную или вертикальную) и ввести ее координату, относительно нуля. Но я делаю проще. Для этого надо включить линейки, командой CTRL+R, а затем с нужной линейки вытянуть направляющую. С направляющими, наша схема разделки туши, выглядит несколько иначе. Надеюсь, понимаете, почему…

Далее, схема работы такая: чтобы не мучиться с каждой картинкой по отдельности, воспользуемся прекрасной возможность Photoshop, резать макеты автоматически. Для этого там существуют слайсы (Slices).

Берем в руки инструмент Slice Tool и начинаем строить квадратики, в соответствии с нашим первоначальным вариантом резки. Есть еще вариант, как только вы выбрали инструмент Slice, на верхней панели свойств инструмента -

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

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

Итак, у нас есть все те-же 6 картинок, которые надо оптимизировать. На слайсах они имеют номера: 1,2,3 и 6,7,8. Прошу обратить внимание на номера 2 и 7. Именно в этом месте, по заданию, наша страница должна масштабироваться. Сделать это можно, растягивая картинки по горизонтали. С нижней частью все нормально, там будет текст, а, вот, с верхом проблемы. Там у нас текст, который невозможно сделать текстом, его тоже надо делать картинкой. Но это тоже потом, сначала разберемся с остальным.

У нас все готово, можно сохранять. Нажимаем сочетание клавиш CTRL+ALT+SHIFT+S и попадаем в окно сохранения для WEB. Тут мы видим все наши слайсы и можем установить для них параметры сохранения. И тут, как раз, следующая глава…

Слайсы номер 1 и 6 содержат полноцветную графику, поэтому, сохранять мы их будем в форматеJPEG. Щелкните по слайсу номер 1 и теперь обратимся к панели оптимизации. Выглядит она так:

Следите за цифрами:
1. Выберите, на местной панели инструментов, инструмент Slice Select Tool, для того, чтобы выделять слайсы.
2. Убедитесь, что активна вкладка Optimized. Это значит, что вы видите изображение уже после оптимизации, то есть таким, каким оно будет сохранено.
3. В селекторе выбора типа графики, выберите JPEG. Появятся настройки оптимизации. Нам тут нужен только параметр -
4. Quality. Он отвечает за компрессию, а значит и за качество. Чем больше значение этого ползунка, тем выше качество — меньше компрессия — больше вес картинки.

Инструментом Slice Select Tool выделите слайс номер 1. Теперь установите ползунок Quality на 100 и начинайте потихоньку уменьшать это значение, внимательно глядя на картинку. Как только качество начнет заметно ухудшаться, немного увеличьте это значение, чтобы картинка опять стала нормальной. Вот и все. Один слайс мы оптимизировали.

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

А формат GIF позволяет сохранить небольшие (да и большие тоже) изображения с изначально малым количеством цветов, вообще без потерь. Это возможно за счет использования специальной палитры цветов, которая может содержать их, максимум 256. В нашем случае, получаются картинки с размерами, примерно 1×50 пикселей. И цветов там не больше количества пикселей по высоте.

Выделяем слайс номер 2 и переключаем в панели свойств, формат на GIF. Теперь по порядку:

1. Это формат GIF, который мы только что выбрали.
2. Мы можем принудительно установить количество цветов в выходном файле. В данном случае, я поставил их на максимум.
3. А это и есть та самая палитра цветов.
4. А это реальное количество цветов в картинке. Если оно меньше того, что установлено в пункте 2, значит больше их там просто нет. И это замечательно.
5. Тут пишется информация о формате и весе картинки. GIF — это GIF, 273 байта — это вес нашей картинки. Ниже подсчитано примерное время загрузки, при текущей скорости соединения.
1 секунда — конечно много, но меньше он не умеет показывать. На самом деле, картинка загрузится гораздо быстрее.

После установки параметров нажимайте кнопку Done, нам пока рано сохранять картинки, а изменения в настройках, сохранить не помешает.

Чуть не забыл, у нас же еще остались уголки! На нашем генеральном плане, он же схема разделки туши макета, они обозначены номерами 3 и 8.

(Смотрите их на одной из первых картинок, потому что, после изменения размеров слайсов 2 и 7, количество слайсов изменилось. Добавилось еще 4 виртуальных. Изменились и их номера.)

В следующей главе мы перейдем к сохранению других элементов сайта, которые требуют для себя отдельных документов, поэтому пришло время сохранить наши 6 оптимизированных картинок на диск. Снова нажимаем CTRL+ALT+SHIFT+S. Теперь, для порядка, надо задать имена нашим будущим картинкам. Сделать это можно щелкнув 2 раза на заголовке слайса. Откроется небольшое окно, куда мы введем осмысленные имена для наших картинок.

Ну вот, почти и все. нажимаем кнопку Save, открывается стандартное окно сохранения файлов. Почти стандартное. В нижней его части мы увидим вот такое:

На имя и тип файла можете не обращать внимания, нас интересует селектор Slices. Там нужно установить All Slices или All User Slices, чтобы сохранить все слайсы, включая виртуальные или только те, которые мы оставили в живых. Вот теперь все. Можете пойти в ту папку, куда вы их сохранили и посмотреть на то, что там лежит. Файлы, которым вы дали имена, можно оставить, остальные можно удалить.

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

Сохраняем его под другим именем. Теперь вернемся к панели Save for Web. Если выбрать формат GIF, в числе других параметров, будет такой, как Matte. Это цвет фона для прозрачных объектов. Дело в том, что прозрачность в GIF организована при помощи однобитного альфаканала, то есть пиксель может быть либо прозрачным, либо нет. Но у нас есть мягкие края, как раз, с полупрозрачными пикселями. Именно там и применяется фоновый цвет. Выберем пипетку, там же, на панели инструментов и, увеличив изображение побольше, выберем цвет, находящийся примерно на середине градиента. Разброс по цветам в градиенте небольшой, думаю будет незаметно. В селекторе Matte выбираем Eyedropper Color и сразу видим наш цвет, в качестве фона. Теперь нажимаем кнопку Done и возвращаемся к редактированию. Тут нам надо отключить все лишние слои, оставив только надпись на прозрачном фоне.

Опять вызываем панель сохранения для Web, в параметрах GIF ставим галочку на пункт Transparency и, если все сделано правильно, видим вот такое:

На краях заметны зазубрины, цвета фона, который мы установили. Не пугайтесь, после установки этой картинки на место, все будет нормально. Собственно, осталось сохранить картинку под каким-нибудь именем.

Перед вами две картинки с прозрачностью, однако, на первой, заметна зазубренность по краям, а на второй все нормально. Это, потому что, на первой, при сохранении установлен цвет фона черным, а на второй — цвет фона страницы.

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

Итак, все готово. Можно верстать страницу. Я попробовал это сделать и вот, что получилось. Сверстано немного кривовато, но я не совсем верстальщик и задача сегодня была другая. Уверен, у вас получится гораздо лучше.

В этой статье пойдет речь о панели слоев «LAYERS». Я постараюсь подробно рассказать о ней и, возможно, кому-то облегчить жизнь. Итак, начнем с начала. Думаю, нет особого смысла рассказывать, за что отвечает каждая кнопка на этой панели. Займемся практикой, а там, глядишь, все встанет на свои места.

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

Если панели слоев нет на экране, ее можно включить кнопкой F7. Для начала создадим себе рабочее поле. Создаем новый файл, с размерами, ну например, 800х600. И сразу у нас появился новый слой, под названием «Background». Это не совсем слой. Мы не можем его перемещать, не можем назначить ему эффекты, это как задняя картонная обложка в альбоме для рисования. В принципе, можно ее и отодрать, но мы ее пока оставим в покое. Только зальем его черным цветом. На панели Tools, в нижней части есть два цветных сватча, которые нам понадобятся. Не знаю, какие там сейчас цвета, да мне это и не интересно. Нажимаем кнопку «D», и цвета там становятся по-умолчанию, то есть черный и белый. Для того, чтобы залить текущий слой верхним цветом из этой минипалитры, нужно нажать «ALT»+«BACKSPACE», а чтобы залить нижним цветом – «CTRL»+«BACKSPACE».

Залили? Хорошо. На изображении слоя в панели «Layers», кстати, тоже видны изменения.

Текстовые слои

Теперь создадим новый слой. Текстовый. Для его создания достаточно выбрать инструмент «Text» на панели «Tools» и написать на рабочем поле какой-нибудь текст. Напишем мою любимую фразу: «YOU LIVE ONLY ONCE, BUT IF YOU LIVE RIGHT, ONCE IS ENOUGH.» Но, только не сразу всю, а разобьем ее по фразам, примерно, как на рисунке. Щелкаем инструментом «Text» на рабочем поле и вводим текст. Для завершения ввода текст можно выбрать другой инструмент, а можно нажать «Enter» на цифровой клавиатуре. (владельцы ноутбуков, соответственно, отдыхают)

Так, минуточку! Я теперь тоже владелец ноутбука и отдыхать мне неохота. Завершение ввода на ноутбуке совершается через «CTRL»+«ENTER».

В панели «Layers» появился новый слой. Не останавливаемся на достигнутом и продолжаем потихоньку вводить, создавая таким образом, новые слои. В итоге, в рабочем поле и в панели слоев должно быть примерно вот такое:

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

Вот несколько наглядных примеров различных режимов сглаживания текста. Если разница между ними не очень заметна, можно поменять шрифт или уменьшить его размер.

«Layer Properties»

Папки можно вкладывать друг в друга, можно применять к ним маски, так же, как и к обычным слоям. Это бывает полезно, когда вам нужно сделать много-много картинок с одинаковой маской (например, превьюшки для сайта). Советую, перед началом размножения слоев, спланировать их в соответствующие папки, для удобства. (и обзывать сразу понятными именами. Хотя бы папки)

В новой версии Photoshop введены новые типы слоев. Такие, как трехмерные слои и видеослои. Трехмерный слой можно создать, путем открытия трехмерного файла. После создания, трехмерный объект можно поворачивать и двигать в его трехмерном пространстве, можно также обрабатывать его текстуры, стандартными средствами Photoshop. Еще можно изменить тип прорисовки объектов. Сплошная заливка, контуры и еще несколько типов.

Видеослои. Вставляете видео, как обычный слой. Если его сконвертировать в смарт-объект, к нему можно применять эффекты, маски и коррекцию. Экспортировать это все можно, либо в анимированный GIF, через функцию «Save for WEB and devices», либо еще во множество видеоформатов, через команду «Export».

Более подробно об этом можно узнать на сайте Adobe. Лично мне непонятно, для чего это делается. Для работы с видео есть специальная программа Adobe After Effects, в которой гораздо шире реализованы средства редактирования видео. Ну да ладно, посмотрим, что дальше будет.

Но мы отвлеклись. Вернемся к нашим текстовым слоям.

 Стили и эффекты слоев.

Стили слоев в Adobe Photoshop получаются из комбинации эффектов. Для создания нового стиля, нужно применить к слою один или несколько эффектов и полученный результат сохранить в панели стилей.
Сделаем такой эффект:

Для начала, для одного из текстовых слоев, в панели «Layers», устанавливаем значение «Fill», равное 0. «Fill» – это заливка содержимого слоя. На первый взгляд, похоже на «Opacity», но это разные вещи. «Opacity» меняет прозрачность слоя целиком, вместе с эффектами, а «Fill» меняет прозрачность только заливки слоя, а эффекты остаются неизменными. Вот это нам и понадобится. После установки «Fill», содержимое слоя стало невидимым. Вот и отлично. В меню эффектов панели «Layers» выбираем «Outer Glow»:

открывается панель эффектов с включенным уже эффектом «Outer Glow»

И сразу, слой становится видимым. У него появляется свечение по краям. Но сам он остался прозрачным. Отрегулируйте эффект «Outer Glow», по вкусу, а потом добавьте еще один – «Inner Glow». После моих регулировок, получилось вот такое:

Теперь, закрываем панель эффектов, кнопкой «OK» и ищем в интерфейсе Photoshop панель «Styles». Если она не находится, проверьте в меню «Window», включена ли она. Нашли. Отлично! Теперь, при выделенном слое, со свеженазначенными эффектами, щелкните мышью на свободном месте, в этой панели или выберите в ее меню «New style». После вопроса об имени и еще некоторых параметрах, в панели появится новый стиль.
Выделяем все остальные слои и щелкаем мышью на этом стиле.

Все наши слои, мгновенно становятся такими-же, как и первый. Вот и все.

Для того, чтобы убрать стиль со слоя, в панели слоя можно нажать на этот стиль, а можно долго и нудно, по одному, удалять эффекты со слоев.

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

В панели стилей уже есть несколько предустановленных. Можно применить их к какому-нибудь слою и посмотреть, как они устроены. Это ведь, набор эффектов, не более.

Для чего нужно выделение? Чтобы отделить объект от фона, чтобы применить фильтр к части слоя, чтобы создать альфа-канал.. Да мало ли для чего еще. Итак..

Я знаю несколько способов выделения в photoshop. Самый первый, достойный внимания – это прямоугольное выделение (rectangularmarqueetool). Несмотря на его простоту, есть несколько интересных моментов.

Итак, выбираем этот инструмент буквой “M” и рисуем рамку выделения.

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

Выделение готово и черные муравьи бегают по краям. Тем не менее, осталось еще кое-что, что можно с ним сделать. Тем же инструментом, зажав SHIFTили ALTможно добавить к нему еще кусочек. Или убрать. Попробуйте.

Плюс ко всему, на верхней панели появляются дополнительные свойства выделения. Но с ними вы и сами разберетесь.

То же касается и эллиптического выделения (ellipticalmarquetool).

Лассо и волшебную палочку я трогать не буду, так как пользуюсь ими крайне редко.

Далее. Quickmask.

Нажимаем эту кнопочку либо “Q” и попадаем в режим быстрой маски. Это обычный режим рисования, можно использовать кисти, стерки и так далее. Единственное отличие его от нормального – из всех цветов вам доступны лишь градации серого. Наша задача – нарисовать контур объекта как можно точнее. Притом, неважно, что вы будете закрашивать, сам объект или фон. Потом выделение можно легко инвертировать.

Берем кисточку и начинаем красить.

Красит она полупрозрачным красным цветом. Это, вероятно, чтобы мы знали, что это маска. Перед тем, как рисовать маску, я обычно делаю несложные приготовления, а именно: нажимаю “D”, чтобы вернуть активные цвета в режим по умолчанию и начинаю рисовать.

В процессе рисования вам может потребоваться стереть лишнее, это можно сделать той же кистью, просто сменив цвет на противоположный (кнопкой “X”). После того, как все нужное закрашено, опять нажимаем “Q” и видим наше выделение. Если его надо инвертировать, нажимаем CTRL+SHIFT+I. Все, выделение готово.

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

К ним относятся, в первую очередь, векторные маски и в меньшей степени, растровые маски слоя. Я решил совместить теорию с практикой и объяснить оба этих способа на одном примере. Теперь подробнее.

Векторные маски или пути.

У нас есть задание, обтравить оба шурупа на фотографии, то есть убрать у них фон, оставив размытость заднего плана. Для этого применим оба заявленных способа. Для начала надо отделить часть композиции, которая в фокусе и имеет жесткие края. Копируем слой и скрываем Background.

Далее, берем инструмент Pen (кнопка “P”) . В верхней части экрана появляется панель свойств пера.

Там нам нужно нажать вот эту кнопку, чтобы перо создавало путь, если нажать соседнюю, то, как только вы начнете строить путь, будет создан новый слой с векторным путем, а это нам не нужно.

Хотя это и не так, но допустим, ближний шуруп полностью в фокусе и имеет жесткие края. Его мы и будем вырезать пером. Если вы знакомы с методом построения кривых Безье, то у вас не будет никаких сложностей. В Adobe Illustrator перо действует почти так же. Начинаем строить путь, он должен выглядеть примерно так:

Все точки нужно ставить с протяжкой, то есть, после нажатия нужно потянуть по направлению края вырезаемой поверхности. Если встречается острый угол, сперва поставьте точку, потом, нажав ALT можно выровнять по нему направляющую. Зря я выбрал шуруп, строить придется долго. Ну да ладно, зато руку набьете.

Итак, Мы обвели его весь, путь замкнулся.

Что дальше? Дальше, в меню Layerвыбираем Vector mask > Current path для назначения текущего пути маской слоя. Прежде надо убедиться, что активен именно нужный слой. Сразу же мы увидим, что фон пропал, остался один наш шуруп.

Впрочем, может получиться и наоборот, дырка в фоне, на месте шурупа. Это значит, что режим наложения для пути выбран неверный. В этом случае, выбираем инструмент управления путем (кнопка “A”), притом, нам нужен Path selection tool – это черная стрелка. С его помощью выделяем только что созданный путь и на панели вверху нажимаем кнопку add.

Все должно встать на свои места. Хочу заметить, что если у вас в объекте есть дырка, то придется строить для нее отдельный путь на том же слое. В этом случае, для дырки придется выбрать режим subtract. Итак, с первой задачей мы справились, переходим ко второй.

Растровая маска слоя. Опять создаем копию слоя Background и нажимаем кнопку для создания растровой маски слоя.

Мы ее сразу увидим рядом со слоем. Вот она. Перед тем, как на ней рисовать, ее нужно выделить щелчком мыши, потому что в отличие от случая с векторной маской, тут вы можете рисовать и на самом слое. Ну а теперь берем кисточку и вперед! Действия аналогичны quick mask, с той разницей, что вы сразу увидите результат, то есть дырку. Прежде, чем рисовать, я бы посоветовал выделить рамкой ненужные области вокруг объекта и залить их на маске черным цветом.

Так мы предотвратим появление нежелательных пикселей.

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

Берем кисть (кнопка “B”), открываем панель кистей (“F5”) и настраиваем мягкость кисти, чтобы она примерно была похожей на размытые края вырезаемого объекта.

Начинаем осторожно убирать остатки фона, по возможности, не очень уродуя объект при этом. Время от времени, нужно регулировать размер и мягкость кисти. Быстро изменить размер можно кнопками “[” и “]”. Если вы промахнулись, всегда можно нажать CTRL+Zили CTRL+ALT+Z, а можно инвертировать цвет кисти и поправить контур. Кисть в этом случае будет стирать маску.

В итоге должно получиться, что наподобие этого.

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

В заключение опять хочу вернуться к векторной маске. Когда у объектов появился фон, наверняка будет заметно, что маска местами неточно повторяет контур объекта. Для исправления этого нужно воспользоваться инструментом Direct selection tool (белая стрелка). Он работает с отдельными точками пути. Двигаем их на место и.. вуаля! У нас получилось.

Теперь можно выделить оба слоя, нажать CTRL+E и мы получим чисто вырезанные объекты.

Я так понимаю, на примере лучше объяснять какие-то функции, нежели долго и нудно пересказывать help. По крайней мере, мне так больше нравится. Итак, в этой статье пойдет речь о корректирующих слоях в Photoshop и о недеструктивной цветокоррекции.

Итак, дано: довольно блеклая фотография подсолнечно-чайного натюрморта. Что с ней нужно сделать?

1. Кувшин, сахарницу и чашку сделать ярко-синего цвета, внутренние их части сделать ярко-оранжевыми.
2. Листья должны быть зелеными.
3. подсолнух – ярко-желтым.
4. задний план сделать приятного коричневого цвета.
5. скатерть немного затонировать в голубой и убрать ей насыщенность.
6. что-то сделать с чаем.

Поехали. Нажимаем эту кнопку и выбираем в меню CURVES.

Появляется новый слой с маской и сразу же открывается окно настройки кривых.

Для начала, отрегулируем цвет у кувшина, сахарницы и чашки. Он должен быть синим. В выпадающем списке панели curves выбираем канал blue и начинаем его настраивать.

В нем нужно прибавить свечения синему цвету. Таким же образом регулируем остальные цвета, но уже с целью их приглушения. У меня получилось вот так:

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

Теперь пришло время, применить эту коррекцию только к тому, к чему нужно. При активном слое curves нажимаем CTRL+I. Маска слоя инвертируется и изображение принимает первоначальный вид. Берем мягкую кисть и начинаем обрисовывать чашку, затем кувшин и сахарницу. Если делать это достаточно аккуратно, получится именно то, что нужно.

Первый корректирующий слой готов. Далее, надо изменить цвет у листьев подсолнуха. Операция назначения корректирующего слоя, тут такая-же, с той разницей, что делать это мы будем при помощи levels. А почему? А просто так, для разнообразия. Вы можете опять использовать curves. В данном случае, это не имеет значения.

После регулировки цвета, точно так же обрисовываем контуры лепестков, наслаждаясь ярким цветом.

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

Получилось вот что:

Далее, нам нужно поработать со скатертью. Создаем слой hue/saturation, немного убираем насыщенность и немного меняем цветовой тон. И опять маска.

Последний штрих – чай. Его делаем более красным и более темным, опять, при помощи curves.

Я еще немного подкорректировал центральную часть подсолнуха. Не знаю, изменилось ли что-нибудь от этого, но на душе стало легче.

А вот и финальная картинка.

Выглядит, вроде, ничего. Но не спешите радоваться. Давайте устроим контроль качества. Отключаем все корректирующие слои, кроме первого. Делаем его активным и переходим в панель channels. Там лежит четвертым каналом, наша маска.

Включаем ее, она проявляется на изображении, полупрозрачным красным цветом.

Опа! А вот и косяки. Ничего удивительного в этом нет. Вносимые изменения не такие радикальные, поэтому видно не все. Прямо тут, подправляем маску, уделяя особое внимание контурам объектов. То же самое проделываем со всеми остальными слоями.

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

Еще одна важная деталь для полиграфистов. Выполняйте коррекцию, сначала переведя изображение в CMYK. Если это попытаться сделать потом, коррекция вся потеряется, либо придется сливать все слои.

И общий совет. Когда вы корректируете большую картинку, содержащую множество объектов, у вас может получится много-много корректирующих слоев. Давайте им осмысленные имена, не ленитесь. так же, полезным будет, объединять слои в группы, по тематике. так будет легче потом разбираться, тем более, если файл будет править кто-то другой.