В уроке мы будем использовать новую возможность Photoshop CS5 - Инструмент «Уточнить край».

Пример изображение девушки:

1. Откройте изображение, с которым вы собираетесь работать.

2. Продублируйте слой Background (Фон), нажав сочетание клавиш Ctrl+J . Также на уберите глазик с нижнего слоя.

3. Первым делом нужно выделить девушку максимально быстро (можно не очень точно).
Я буду пользоваться инструментом (). Выберите его на панели инструментов или просто нажмите на клавиатуре клавишу W .

4. Нажав левую клавишу мыши и удерживая ее постараетесь выделить задний фон.

Если что-то получается не так:

Сочетание клавиш Ctlr+Z отменяет одно последнее действие;

Сочетание клавиш Ctlr+Alt+Z отменяет несколько последних действий.

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

У меня, например, получилось так:

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

Увеличение масштаба – сочетание клавиш Ctrl и «+» ;

Уменьшение масштаба – сочетание клавиш Ctrl и «-» ;

Сделать изображение на весь экран – сочетание клавиш Ctrl и 0 (ноль);

Инструмент (Инструмент «Рука» / Клавиша «H») удобен, когда изображение не помещается на весь экран. Позволяет сдвигать картинку.
Нажмите на пробел и сдвигайте изображение, удерживая левую клавишу мыши и перемещая мышь по столу.
Меняйте размер кисти, которой выделяете, нажатием на клавишу «[ » для уменьшения размера кисти и «] » для увеличения.

5. Чтобы исключить из выделения ненужные части, на панели опций выберите кнопочку:

И осторожненько поводите, удерживая левую клавишу, по тем местам, где имеется лишнее выделение.

Если к выделению нужно еще что-то добавить, то вернитесь к инструменту добавления выделения:

Итак, вот что получилось у меня:

6. На панели слоев (F7) нажмите на кнопочку маски, чтобы скрыть фон:

Скрылся фон, а не девушка. Все правильно, мы ведь выделяли фон. Чтобы поменять выделение в нашей , нам понадобится палитра «Mask ». Открыть ее можно через меню Windows – Mask (Окно – Маска). В этой палитре нажмите кнопочку Invert (Интвертировать).

Все отлично получилось:

У меня на все это ушло 2 минуты.

7. Параллельно открываем в Фотошопе изображение, которое вы собираетесь сделать фоном. У меня одна из улочек Парижа.

8. Сейчас нам нужно вернуться на предыдущую картинку. Делается это очень просто - щелкните по закладке предыдущего изображения.

9. Инструментом (Инструмент «Перемещение» / Клавиша «V») хватаете нашу девушку, удерживая левую клавишу мыши и тянете ее на закладочку второй картинки. Подождите 1 секунду, пока закладка откроется и отпустите нашу девушку на фоновое изображение. Вы можете расположить ее так, как вам захочется, используя инструмент .

У меня получилось так:

Да, волосы выделены не идеально, торчат куски белого фона, а также, в некоторым местах, волосы обрезаны:

Отлично, есть над чем поработать. Кстати у меня осталось 2 минуты.

10. Вначале на палитре слоев щелкните на маску, находящуюся на верхнем слое:

11. Для редактирования маски на палитре Mask (Маска) щелкните на кнопочку Mask Edge (Край маски).

12. В списке View (Просмотр) выберите On Black (На чёрном). Это делается для удобства обработки контуров.

Если вы выделяете черные волосы, то, конечно, выбирать черный фон не стоит. Вы можете выбрать вариант On White (На белом).

Сразу стало видно, какое неточное было выделение:

Инструментом Refine Radius Tool (Уточнить радиус), который вы сможете найти в этом же окне, поводите по контуру волос.

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

Вот что получилось пока:

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

Feather (Растушёвка) – делает весь контур девушки немного размытым;

Contrast (Контраст)– добавляет четкости краям выделения;

Shift Edge (Сместить край) – срезает контур (если двигать ползунок влево);

Последняя галочка Decontaminate Colors (Очистить цвета) и ползунок Amount (Количество) позволили мне еще больше убрать белый ореол вокруг волос.

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

Все, можно нажимать кнопку Ок .

13. Посмотрите, появился третий слой с маской, а на предыдущем слое выключен глазик.

14. Результат для пяти минут превосходный.

Вот как было:

А вот как стало:

На прошлом уроке мы познакомились с растровыми слоями, научились копировать слой в новый документ Photoshop , удалять ненужные слои в Photoshop , а так же рассмотрели три способа дублирования слоя в Photoshop :

Как выделить и переместить изображение на слое в Photoshop?

Выделить изображение на слое в Photoshop очень просто. Мы нажимаем на клавиатуре клавишу Ctrl и не отпуская её, кликаем по тому окошку со слоем в палитре СЛОИ , который хотим выделить.

Теперь, с выделенным зеленым прямоугольником в Photoshop мы можем делать всё, что захотим. Например, можем залить его другим цветом, перенести на новый документ и др.

Перемещать выделение нужно, переключившись на соответствующий инструмент, отвечающий за выделение — допустим, на инструмент ОВАЛЬНАЯ ОБЛАСТЬ (нажав на маленькую черную стрелочку рядом с данным инструментом, мы можем выбрать другую область).

Теперь мы можем залить любым цветом наш прозрачный прямоугольник, выделенный пунктиром, с помощью инструмента ЗАЛИВКА .

Этот выделенный прямоугольник мы также могли бы перенести на любой другой документ в Photoshop . Открываем рядышком нужный нам документ и удерживая наш прямоугольничек левой кнопкой мыши, просто перетаскиваем его с одного документа на другой.

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

Непрозрачность, заливка и режимы наложения слоев в Photoshop.

Этот параметр меняет прозрачность слою в Photoshop .

Например, мы хотим сделать наш красный кружок на половину прозрачным. Нажимаем на маленькую черную стрелочку во вкладке НЕПРОЗРАЧНОСТЬ и выбираем 50% (кому как нравится). Процент прозрачности можно просто вписать в специальное окошечко, а можно выбрать, двигая ползунок вправо-влево.

Заливка слоя в Photoshop.

Параметр ЗАЛИВКА в Photoshop действует так же, как и параметр НЕПРОЗРАЧНОСТЬ . ЗАЛИВКА в Photoshop делает прозрачным изображение (объект) на слое , но оставляет непрозрачными примененные стили.
Что такое «примененные стили»? Давайте забежим немного вперед…

Посмотрите, во что мы можем превратить наш красный кружок с помощью кнопки fx , которая называется ДОБАВИТЬ СТИЛЬ СЛОЮ в Photoshop . С помощью кнопочки fx мы можем придать нашему кружочку свечение, тень. Так же в Фотошопе мы можем наложить фото на фото (или склеить) , добавить глянец, обводку и многое-многое другое, но об этом более подробно в следующих темах рубрики Photoshop .

На рисунке мы видим, что при уменьшении параметра слоя ЗАЛИВКА в Photoshop красный цвет становится прозрачным, а примененные к нему стили (объем, тень) — нет.

Если же мы, вместе с параметром ЗАЛИВКА , изменим параметр НЕПРОЗРАЧНОСТЬ , то и стили, примененные к слою, тоже будут блекнуть. Попробуйте поэксперриментировать сами.

Очень интересная вещь — служит для смешивания активного слоя с нижестоящим.

На палитре СЛОИ в Photoshop находятся различные виды блокировок.
Давайте рассмотрим, что это такое. Отключаем Фон (выключаем глазик) — наши фигурки теперь находятся на прозрачном фоне (шахматка).

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

К примеру, мы возьмем инструмент КИСТЬ и проведем оранжевую линию через весь наш красный кружочек и далее по шахматке . Что мы видим? На кружочке линия видна, а вот по шахматке мы ничего нарисовать не сможем. Если мы нарисуем оранжевую линию по треугольнику или прямоугольнику , то наша линия не только зайдет за границы фигуры, но и сможет оставить свой след на шахматке (прозрачном фоне), т.к. на слое с треугольником или прямоугольником не установлен вид блокировки СОХРАНЯЕТ ПРОЗРАЧНОСТЬ ПИКСЕЛОВ .

Следующий вид блокировки — кнопочка с нарисованной кисточкой, которая СОХРАНЯЕТ ЦВЕТА ПИКСЕЛОВ в Photoshop . Если мы применим данный вид блокировки к какому нибудь слою, то рисовать мы сможем только на шахматке — наша фигурка останется не тронутой — выскочит табличка «не удается использовать инструмент кисть, т.к. слой закреплен».

Следующий вид блокировки — кнопочка с крестиком, которая ЗАКРЕПЛЯЕТ ПОЛОЖЕНИЕ в Photoshop . Данная блокировка запрещает перемещать слой в Photoshop .

Следующий вид блокировки — кнопочка с замочком, которая СОХРАНЯЕТ ВСЕ в Photoshop . Этот вид блокировки включает в себя все три предыдущих вида блокировки, т.е. нельзя рисовать на прозрачных пикселях, нельзя перемещать слой, нельзя по нему рисовать.

Группировка слоев в Photoshop

Допустим, мы нарисовали пирамидку из наших трех фигурок (прямоугольник, круг и треугольник ). А потом захотели еще одну такую же, а потом еще одну и т.д.

Чтобы нам не запутаться с нашими слоями лучше объединить их в группы. Как это сделать? Нажимаем кнопочку в самом низу палитры СЛОИ в Photoshop , которая называется СОЗДАТЬ НОВУЮ ГРУППУ . У нас создастся папочка, которой будет присвоено имя — группа 1 .

Затем, при помощи кнопки Shift на клавиатуре, выделяем все наши слои с фигурками и обычным перетаскиванием с помощью той же мышки, кидаем их в нашу группу (тащим на созданную нами папочку группа 1 и отпускаем).

Нашей группе мы можем присвоить какое нибудь имя (двойной щелчок мышки по названию группа 1 и переименовываем).

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

В самом низу палитры СЛОИ в Photoshop осталось еще несколько кнопочек, котрые мы постараемся подробно рассмотреть на следующем уроке.

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

Итак, если вам потребовалось в Adobe Photoshop вырезать и перенести изображение, то самое ответственное задание – это ровно выделить объект, чтобы впоследствии перенести его на новое изображение.

Как выделить изображение в Adobe Photoshop?

Инструментарий в Adobe Photoshop достаточно широк, поэтому у вас имеется сразу несколько способов выделить объект на картинке, каждый из которых подойдет для своего случая. Мы не будем рассматривать их все, а лишь основные.

1. Выделение с помощью инструмента «Волшебная палочка»

Волшебная палочка – один из самых простых в использовании инструментов для выделения объектов. Прекрасно подойдет в том случае, если у вас имеется простой объект для выделения или, наоборот, простой фон, как в нашем случае.

Для того, чтобы выделить объект с помощью волшебной палочки, щелкните по инструменту «Быстрое выделение» правой кнопкой мыши и в отобразившемся дополнительном меню выберите волшебную палочку.

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

Для этого просто щелкаем по белому фону, после чего волшебная палочка аккуратно выделяет его. Нам лишь остается инвертировать выделение, поэтому нажимаем сочетание клавиш Ctrl+Shift+I , после чего выделение переносится на цветок.

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

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

2. Выделение с помощью инструмента «Магнитное лассо»

Еще один полезный инструмент для «умного» выделения, который является «любимчиком» многих Photoshop-пользователей. Действие его действительно магическое: вы выбираете данный инструмент, начинаете стараться аккуратно обводить по контуру, но даже если у вас будут промахи, выделение на контур объекта будет ложиться идеально ровно, словно примагничиваясь.

Чтобы выбрать магнитное лассо, щелкните по инструменту «Лассо» правой кнопкой мыши и в отобразившемся меню выберите нужный нам инструмент.

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

Чтобы приступить к выделению с помощью магнитного лассо, просто зажмите левую кнопку мыши и начинайте аккуратно обводить изображение. Как только вы отпустите кнопку мыши, выделение будет применено.

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

3. Использование функции «Цветовой диапазон»

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

Чтобы воспользоваться данной функцией, щелкните по вкладке «Выделение» и откройте раздел «Цветовой диапазон» .

На экране отобразится окошко, а курсор превратится в инструмент «Пипетка» . Отодвиньте окошко в сторону так, чтобы было видно изображение, а затем щелкните по объекту, которое необходимо выделить.

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

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

Примените внесенные изменения, и на вашем изображение отобразится выделение.

4. Использование инструмента «Быстрое выделение» и функции «Утончить край»

Как следует из названия «Быстрое выделение» – данный инструмент направлен на выделение простых объектов. Но за счет того, что мы с помощью функции «Утончить край» слегка подкорректируем края выделяемого объекта, данным способом можно выделять достаточно сложные объекты.

Примените инструмент «Быстрое выделение» , который располагается там же, где и волшебная палочка.

Чтобы выделять данным инструментом, просто начинайте щелкать по тем участкам, которые должны быть захвачены. Для того, чтобы инструмент захватывал дополнительную область, зажмите клавишу Shift или установите параметр «Добавить к выделенной области» . Для того, чтобы удалить лишнее выделение, которое захватил собой инструмент, зажмите клавишу Alt и щелкните по лишнему выделению.

Закончив с выделением объекта, переходим к утончению края. Для этого щелкните по вкладке «Выделение» и перейдите к разделу «Утончить край» .

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

Для того, чтобы применить настройки, нажмите кнопку «ОК» , после чего окно будет закрыто.

Как перенести выделенный объект на другое изображение?

1. Добавьте в Photoshop второе изображение, в которое будет вставлен выделенный объект.

2. Вернитесь к первому изображению и нажмите сочетание клавиш Ctrl+C , чтобы скопировать объект.

3. Перейдите ко второму изображению и вставьте в него объект сочетанием Ctrl+V .

4. Примените инструмент «Перемещение» и расположите объект в нужной для вас области картинки.

5. Нажмите сочетание клавиш Ctrl+T , чтобы, при необходимости, изменить размер объекта на изображении. Чтобы сохранить пропорции объекта, при изменении размера не забудьте зажать клавишу Ctrl .

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

Надеемся, данная статья помогла вам освоить азы выделения и перемещения объектов в Photoshop.

2016-10-24

Создаем новый документ в фотошопе и переносим на него картинки

Здравствуйте уважаемый посетитель!

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

• Создаем новый документ композиции шапки дизайн-макета сайта
• Переносим картинки заготовок

Создаем новый документ композиции шапки дизайн-макета сайта

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

Это можно сделать, используя размещенные в сети интернет различные обучающие материалы по работе с графическими редакторами, а также воспользоваться, имеющимися здесь, на сайте бесплатными видеокурсами, для Adobe Photoshop - Фотошоп для начинающих (бесплатная версия) , для GIMP - Видеосамоучитель GIMP .

Как ранее отмечалось, здесь будет показано создание дизайн-макета с использованием редактора Adobe Photoshop CC. Но, аналогично можно все это выполнять и в программе GIMP.

Ранее, перед тем как делать заготовки для шапки, говорилось, что для отображения темы сайта, возникла идея показать автомобиль, защищенной некой защитной "аурой", а рядом с ним вора неудачника с поднятыми руками и попавшего в луч света прожектора.

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

В предыдущей статье мы сделали разметку макета, где шапке отведено место в размере 1200 * 210 пикселей (px), из которых 50px предусматривалось для меню. Также, мы получили заготовки для шапки сайта - это изображение автомобиля и вора, пытающегося его угнать. Используя это, попробуем создать картинку, отражающую тему нашего сайта.

В начале, создадим отдельный для шапки документ. Для этого, через меню "файл/создать" открываем окно "новый", вводим полученные при разметке размеры холста (ширина 1200px, высота 160px), как показано ниже и нажимаем "ОК".

Переносим картинки заготовок

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

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

Это можно сделать довольно простым способом: в главном меню левой кнопкой нажать "Файл" и в появившемся всплывающем меню выбрать "Экспортировать", а затем "Быстрый экспорт в "PNG", как показано на рис. 2.

После чего, мы должны закрыть картинку в формате "jpg" и вновь открыть ее уже в формате "png".

Перед тем как переносить элементы изображений, мы должны их отделить от фона заднего плана. В фотошопе имеется несколько инструментов, позволяющих вырезать элементы, такие как, как "Быстрое выделение", "Волшебное палочка", "Лассо" и др. В GIMP имеются аналогичные инструменты.

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

Найти этот инструмент можно на панели инструментов в дополнительном меню, нажав правую кнопку, или зажав и задержав на пару секунд левую, как показано на рис.3.

Откроем первую заготовку - картинку автомобиля и выберем инструмент "Волшебное палочка".

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

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

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

Но, если внимательно посмотреть на изображение автомобиля, то можно увидеть, что на нем остался еще фрагмент не удаленного фона в области спойлера. Удалим оставшийся фрагмент фона вместе со спойлером. На мой взгляд, спойлер здесь будет лишний.

Для удобства выделения необходимой области, увеличим масштаб изображения и воспользуемся инструментом "Магнитное лассо".

Этот инструмент можно найти на панели инструментов в дополнительном меню, нажав правую кнопку, или зажав и задержав на пару секунд левую, как показано на следующем рисунке.

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

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

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

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

Полученную картинку лучше сохранить для дальнейшего использования, удалив, при этом ненужные слои фрагментов фона. Это можно сделать нажатием на выделенные слои правой кнопки мыши и выбрав левой кнопкой в появившемся меню "Удалить слои", как показано на рис.10. После чего, стандартным образом, через меню "файл/сохранить как" можно сохранить файл в нужном месте.

Для этого, в начале уменьшим размер изображения автомобиля соразмерно размеру шапки. Уменьшим ширину его, скажем, до 200 пикселей, как показано на рис.11.

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

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

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

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

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

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

Конечный результат переноса фигуры вора показан на рис.15.

Перенесенные фигуры в дальнейшем можно перемещать в любом направлении, использовав инструмент "Перемещение". Его можно найти вверху панели инструментов, как показано ниже.

Также, мы можем изменять размер выделенных фигур, в режиме "Свободное трансформирование", который можно выбрать через меню "Редактирование", или воспользоваться горячими клавишами "Ctrl+T". А если, при этом, навести курсор на выделенный слой и нажать правую кнопку мышки, то в появившемся окне можно выбрать и другие операции по изменению выделенного изображения.

На этом, размещение изображений наших заготовок в шапке сайта мы закончили и переходим к созданию композиции.

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

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

С уважением, Николай Гришин

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

Вам понадобится

• Программа Photoshop
• Несколько изображений

Инструкция

1. Откройте изображения, с которыми собираетесь трудиться, в Photoshop. Для этого воспользуйтесь командой Open («Открыть») из меню File («Файл») либо сочетанием клавиш Ctrl+O. В окне проводника выберите необходимые картинки, щелкнув по ним левой кнопкой мыши при нажатой клавише Ctrl. Щелкните по кнопке «Открыть».

2. Вставьте одну картинку поверх иной. Для этого щелкните левой кнопкой мыши по окну с файлом, тот, что собираетесь вставлять поверх иного изображения. Выделите картинку при помощи сочетания клавиш Ctrl+A либо команды All («Все») из меню Select («Выделение»). Скопируйте выделенное изображение при помощи сочетания клавиш Ctrl+C. Можете воспользоваться командой Copy («Копировать») из меню Edit («Редактирование»).Перейдите к изображению, которое собираетесь применять в качестве фона, щелкнув левой кнопкой мыши по окну с этим изображением. Вставьте скопированное изображение при помощи сочетания клавиш Ctrl+V. То же самое дозволено сделать при помощи команды Past («Вставить») из меню Edit («Редактирование»).

3. Если необходимо, подгоните вставленное изображение по размеру. Для этого в палитре Layers («Слои») щелкните левой кнопкой мыши по слою со вставленным изображением и примените команду Transform («Трансформировать»), пункт Scale («Размер») из меню Edit («Редактирование»). Уменьшите либо увеличьте размер картинки, потянув мышью за угол появившейся вокруг изображения рамки. Примените трансформирование, нажав клавишу Enter.

4. Спрячьте непотребные детали изображения, наложенного на фон, либо измените прозрачность его отдельных участков при помощи маски слоя. Для этого щелкните левой кнопкой мыши по кнопке Add Layer Mask («Добавить маску слоя»), которая находится в нижней части палитры «Слои». В палитре «Инструменты», которая находится в левой части окна программы, выберите инструмент Brush Tool («Кисть»). Щелкните левой кнопкой мыши по значку маски слоя. Закрасьте черным цветом те фрагменты вставленной картинки, которые хотите утаить. Они станут прозрачными. Для того дабы получить плавный переход от вставленного изображения к фону, уменьшите параметр Hardness («Жесткость») инструмента «Кисть». Настроить параметры кисти дозволено в панели Brush («Кисть»), которая расположена под основным меню.

5. Скорректируйте цвета верхнего слоя, настроив цветовой равновесие. Это дозволено сделать через меню Image, пункт Adjustment, подпункт Color Balance. Передвигая ползунки, добейтесь слаженного сочетания нижнего и верхнего слоя.

6. Сбережете итог, воспользовавшись командой Save («Сберечь») меню File («Файл»). Для того дабы иметь вероятность возвратиться к редактированию слоев в этом файле, сбережете его в формате PSD.

Обратите внимание!
1. Открываете фото. 2. Выделяете переносимое изображение. 3. Ctrl-C – копируете изображение в карман. 4. Переходите туда, куда собираетесь вставить изображение. 5. Если требуется, увеличиваете холст в надобных пропорциях.

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