Как изменить изображение в фотошопе, используя быструю маску
Наверно выделение и вырезание частей изображения одна из самых часто используемых операций. И от того, насколько хорошо мы выделили объект во многом зависит качество итогового изображения. На прошлом уроке мы использовали для выделения волшебную палочку и магнитное лассо. Эти инструменты иногда очень полезны, особенно при контрастном фоне изображения (белое на черном, синее на желтом и т.д.). Но что делать, если у нас, например, вот такое изображение.
Здесь нам не поможет ни волшебная палочка, ни магнитное лассо. Поэтому попробуем выделить наших собачек с помощью быстрой маски. Для этого создайте новый файл, поместите на его первый слой похожее фото и возьмите на панели инструментов инструмент -лассо- (не -магнитное лассо-, а просто -лассо-). Наша задача выделить область вокруг собачек, например, вот так:
Для этого подведите курсор мыши к собачкам, нажмите левую клавишу мыши и, не отпуская, тяните линию вокруг собачек. Как только вы замкнете линию, она превратится в привычное выделение.
Теперь возьмите инструмент -быстрая маска-:
Теперь двойным щелчком снова кликните по этому инструменту, чтобы появилось окно параметров. Убедитесь, что у Вас стоят такие же параметры:
Быстрая маска преобразовывает выделение во временную маску для упрощения редактирования. Она появляется в виде цветного наложения с настраиваемой прозрачностью. После редактирования при помощи любого инструмента рисования маска преобразуется обратно в выделенную область изображения.
Сейчас наше изображение выглядит так:
Теперь мы будем его редактировать. Для этого возьмите инструмент кисть (как в прошлом уроке), желательно с неровными краями. Обратите внимание два цветных квадратика внизу панели инструментов стали черно-белыми. Это не случайно, если основным цветом выбран черный, то кисть будет добавлять цветовое наложение, а если основным цветом сделать белый, то кисть будет удалять цветовое наложение.
Сделайте основным белый цвет, мы будем удалять лишнее из нашего выделения. Теперь ведите кисточкой, убирая все лишнее, вокруг собачек. Когда закончите щелкните по иконке -быстрая маска-, наложение цвета исчезнет и появится привычное выделение.
Если после этого вы захотите что-то подправить, то снова щелкайте по иконке -быстрая маска-, она снова появится для редактирования. Если вы случайно удалили лишнее, то это тоже не проблема, сделайте основным цветом черный и проведите кистью, она будет добавлять цветовое наложение. В итоге у меня получилось так:
Теперь Редактирование -> Инверсия -> Del на клавиатуре и в итоге наши собачки выглядят так:
Если бы у нас был сайт посвященный домашним питомцам, возможно мы захотели бы разместить этих очаровательных собачек в его шапке. Давайте посмотрим как это сделать.
Создайте новый файл, размером 800 Х 300 с прозрачным фоном. Создайте новый слой и назовите его -шапка-. Пусть шапка сайта имеет размеры 800 Х 150 пикселов. Значит надо выделить прямоугольную область на слое -шапка- размером в половину холста и залить ее, например, коричневым цветом:
Теперь создайте новый слой с именем -собачки-. Чтобы перетащить на этот слой наших собачек, делаем активным окно с собачками (щелкаем по нему), копируем их (Ctrl+C), делаем активным окно с шапкой сайта и на слой -собачки- вставляем (Ctrl+V).
Наши собачки очень большие для шапки, поэтому их придется уменьшить. Для этого выбираем в меню Редактирование -> Трансформация -> Масштаб или Ctrl+t. Вокруг слоя с собачками появится рамка:
Подведите мышку к правому нижнему углу этой рамки, указатель мыши примет вид двунаправленной стрелки. Нажмите левую клавишу мыши и, удерживая нажатой клавишу Shift на клавиатуре, нажатой левой клавишей мыши уменьшайте размер рамки (ведите мышь к верхнему левому углу рамки).
Как только добьетесь нужного размера, щелкните по галочке на панели параметров:
Теперь выровняйте расположение собачек с помощью инструмента -перемещение- . Можно добавить эффекты. Для этого сделайте двойной щелчок мыши по слою на панели слоев, откроется окно эффектов слоя, выберите, например, тень и внутренняя тень:
Получится вот так:
Можете поиграться с различными эффектами, а нам осталось только обрезать наш холст под размер шапки сайта. Для этого будем использовать инструмент -кадрирование- на панели инструментов:
Сначала соберем наши слои в один. Для этого в меню: Слой -> Выполнить сведение. Теперь на панели слоев у нас один слой.
Возьмите инструмент -кадрирование-, подведите курсор мыши к верхнему левому краю холста и, удерживая нажатой левую клавишу мыши, растяните рамочку такого размера, какого будет итоговое изображение. Как только добьетесь нужного размера, щелкните по галочке на панели параметров:
На этом урок закончен, вы научились выделять объекты, изменять их размеры и изменять размер итогового изображения. Но у инструмента трансформация гораздо больше возможностей, о них мы и поговорим в следующем уроке.
Кстати, в качестве тренировки можете изменить фон нашей шапки, добавить текст, в общем поэкспериментируйте. Для того, чтобы вернуть нашему изображению многослойность воспользуйтесь палитрой «История» в главном окне программы:
В этой палитре фиксируются все ваши действия, нашим последним действием было кадрирование, щелкните на предыдущий шаг (Выполнить сведение), наше изображение снова имеет несколько слоев. Таким образом, можно откатывать шаги назад, если результат каких-либо изменений вам не нравится. Есть один нюанс: палитра «История» запоминает только 20 последних шагов. Подробнее о палитре «История» будет рассказано в уроке 8.
Если этот сайт оказался вам полезен, пожалуйста, посмотрите другие наши статьи и разделы.
Как в Photoshop вставить картинку на фон, слой или другое фото?
Доброго всем времени ! Продолжаем изучать такую замечательную программу, как фотошоп. В сегодняшнем обзоре поговорим о том, как работать с картинками. Это весьма полезная функция, освоив которую можно спокойно создавать разного типа коллажи из нескольких небольших изображений.
Навыки эти будут полезны, если приходиться работать с рамками. Например, вы хотите фото своего ребенка поместить в новогоднюю рамку и подарить красивый портрет, да мало ли чего еще можно делать. Словом, пригодиться. Сегодня будут простые и легкие приемы с видео по теме. Читаем, запоминаем, берем на вооружение! Итак…
Небольшое изображение можно вставить так, что бы оно находилась как на заднем плане, так и на переднем. Вставляя фото, само собой придется изменять и его размеры. Ну и самое интересное, что особенно привлекает многих – это вырезание головы объекта и вставка ее в другую картинку.
Захотите удивить своего товарища, «отрежьте» ему голову и присоедините ее, например к Сталлоне или Шварценеггеру. Обо всех этих приемахи будет рассказано в статье.
И еще, одно о чем хотелось бы упомянуть. Если на передний план помещается картинка целиком, то для удобства она должна быть на прозрачном фоне, то есть иметь формат png. Работать так будет проще и быстрее.
Сначала научимся совмещать изображения без каких-либо действий и трансформаций. Открываем программу и через меню «Файл» — «Открыть» выбираем любую фотографию-фон. Ее так же можно вставить и простым перетягиванием из папки размещения в окно программы. Что бы удобно было работать, как всегда в окне слои создаем копию фона.
Далее, аналогичным образом через меню — «Файл»- «Открыть» выбираем еще одно фото для вставки. Оно откроется уже в другом окне.
Открываем это окно, выбираем инструмент «Прямоугольная область», обводим картинку.
По краям картинки увидим мерцающую пунктирную линию. Теперь копируем выделенную картинку с помощью команды «Редактирование» — «Копировать». Открываем фоновую картинку и через пункт верхнего меню «Редактировать»- «Вставить» вставляем. Изображение появится на переднем плане.
Вот что получилось. Обратите внимание, что вставляемая картинка в окне слоев легла поверх фоновой. Это значит, что она находится на переднем плане.
Ее можно переместить на задний план, то есть переместить слой вниз в рабочей области «Слои». Однако вставленную картинку не будет уже видно.
Для того, что бы картинка на заднем плане была видна, выделяем слой с фоном. Выше открываем меню с выпадающим списком и в нем выбираем пункт «Затемнение». В результате картинка на заднем плане появилась. Причем, заметьте, белый фон, на котором она была исчез.
Второй вариант, как можно вставить картинку не используя команду меню «Файл — «Открыть» – это сразу перетащить картинку из места расположения на фон.
Здесь, заметьте, на картинке появились направляющие, по которым можно отредактировать вставленную картинку. Растянуть, ужать, изменить размеры, повернуть.
Отредактировав картинку, нажимаем клавишу «Enter» и направляющие исчезнут. Однако картинка находится на белом фоне. Если применить к ней функцию «затемнение», то фон исчезнет, как в описанной выше операции. Таким образом, подытожим:
- картинку можно вставить путем простого перетаскивания из места расположения прямо на фон.
- картинку загружаем непосредственно в программу, копируем ее и вставляем на фоновую картинку.
Вставляем изображение в картинку и уменьшаем
Итак, картинку вставили любым из описанных выше способов. Теперь необходимо изменить ее размер. Если вставляли прямо из места расположения путем перетаскивания на фоновую картинку, то, как говорилось ранее, на картинке увидим линии, по которым можно изменять размеры.
Если подвести стрелку мыши к углу картинки, то она примет форму двойной стрелки. Зажав левую кнопку мыши можно увеличить или уменьшить размер картинки. Если подвести курсор мыши к точке, расположенной в середине одной из сторон картинки, то можно изменять размер по ширине.
Однако при этом высота картинки остается без изменения.
Видео вставляем картинку в картинку и уменьшаем
Не забываем после изменений нажать «Enter», чтобы линии исчезли и картинка приняла изменения. Если же вы картинку вставляли из самой программы путем копирования, то ее размеры изменяются через меню «Редактирование — «Трансформирование» — «Масштабирование».
Вокруг картинки появится рамка с квадратиками по углам и середине. Если нажав клавишу «Shift» и зажав правой кнопкой мыши один из уголков, то картинка будет изменять размеры пропорционально. Если клавишу «Shift» не нажать, то картинка изменяет размеры неравномерно.
Видео в фотошопе вставить картинку в картинку и покрасить ее в цвет фона?
Для чего это бывает нужно? Например, у нас имеется фотография какого-либо памятника, где необходимо поменять фон. Для этого загружаем в фотошоп картинку фона с небом. Копируем сюда картинку с памятником. Обратите внимание, что на окне слоев картинка со скульптурой находится выше фона, на переднем плане.
Если одна из картинок меньше, необходимо сделать их одинаковыми. Лучше всего изменять размер фона. Теперь выделяем слой с памятником и задаем ему маску, нажав на иконку с кружком в квадратике.
В результате рядом с картинкой памятника увидим белый квадрат. При этом на панели инструментов основной цвет должен быть черным, а дополнительный – белым. На полученном слое-маске будем заменять фон. Для этого на панели инструментов выбираем «Кисть». А на панели слоев выбираем маску, кликнув по ней мышкой.
Установив кисти нужный размер и жесткость, водим ею по рисунку. В результате видим, как стирается фон у картинки с памятником, а вместо него проявляется новый фон.
В результате получаем такое вот изображение с измененным фоном, то есть, закрашенным в цвет фона.
Видео вставляем картинку в картинку и делаем ее прозрачной, без фона
Перечисленные операции хороши для тех картинок, которые находятся на однородном фоне, например белом. Сделать их прозрачными при этом будет совсем не сложно. Если фон неоднородный, то придется, что называется, «попотеть». Итак, загружаем картинку как фон, копируем на нее вторую, у которой будем убирать белый фон.
Убрать фон можно несколькими способами. Об одном из них говорилось ранее. Переносим слой с картинкой ниже слоя фона и применяем к фону стиль «Затемнение». В результате на картинке проявится слой, который был перенесен вниз и уже без белого фона.
В следующем варианте удаления фона используется инструмент «Волшебная палочка». Выбираем этот инструмент.
Далее, кликаем этим инструментом по белому фону и получим пунктирное выделение объекта.
Теперь нажимаем клавишу «Delete» и фон удалится. Вот и вся процедура. Если объект имеет ровные стороны, без резких углов сложных границ, то можно воспользоваться инструментом «Магнитное лассо».
Этим инструментом выделяем по контуру объект, после чего выбираем «Выделение» => «Инверсия» и уже потом «delete». Фон удалится. Эти способы хороши при однотонном фоне. Если же фон по цвету неоднороден, то необходимо воспользоваться режимом «Быстрая маска».
Выбираем режим, выбираем инструмент кисть и проводим ею по объекту.
По окончании работы кистью снова нажимаем на инструмент «Быстрая маска», а после — «Delete». Объект остался без фона.
Если он получился не очень контрастным, светлым, то проводим коррекцию во вкладке «Изображение». Там имеются все необходимые для этого инструменты.
Вставка изображения в слой (выделенную область)
Вставлять можно не только целиком картинку, но и выделенную область. С этой целью открываем в фотошоп картинку, выделяем любым способом в зависимости от фона. Если фон однотонный, то сразу «волшебной палочкой», или же «магнитным лассо». Тут уже кому как удобно. В примере выделена картинка «волшебной палочкой».
Если вы выделяли при помощи инструмента «волшебная палочка», то на следующем этапе необходимо открыть вкладку «выделение» и выбрать там «Инверсия».
Таким образом мы выделим сам объект а не фон вокруг него. Теперь делаем копию («Редактирование» — «Копирование»), открываем нужный рисунок и через «Редактирование» — «Вставить» завершаем операцию.
Выделяем лицо человека и вставляем в другую фотографию (картинку)
Подобная функция полезна, когда мы имеем какой-то шаблон – объект куда можно вставить голову человека. Это используется часто для дружеских коллажей, поздравительных открыток и пр. Например, не всегда можно найти нужный костюмчик, одеть в него ребенка, создать соответствующий фон и сфотографировать. Скачав же нужный шаблон и вставив в него лицо ребенка – получим нужный вариант без всяких затруднений.
Порядок действий тот же. Выбираем сначала фоновое фото. Потом выбираем фото ребенка, ну или кого-то еще. Выделяем голову любым удобным способом и копируем. После чего вставляем в первую картинку, подвигаем, что бы все легло – в результате получаем нужное нам фото.
Ниже приведен очень простой пример этого действия. Вот и все операции по вставке картинок. Удачи!
Photoshop. Как заменить изображения
Мы с гордостью представляем новый видео туториал о Camera Slideshow, популярном плагине jQuery.
Hello, guys! I guess everyone has ever thought about images optimization on the WordPress website, however, this topic seemed a bit complicated to manage it without any guidance.
To improve performance and boost your SEO rank, you need a WordPress plugin which compresses and optimizes image files.
Hello, our support team is ready to present you a new tutorial that shows how to find royalty free images for your WordPress blog.
Submit a ticket
Если вы не смогли найти подходящее решение проблемы, пожалуйста воспользуйтесь следующей ссылкой, чтобы отправить запрос команде технической поддержки.
Отправить запросВы получите ответ в течение 24 часов