Перейти к содержимому

Как замостить изображение в фотошопе

  • автор:

Заливка с учетом содержимого

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

Выберите часть изображения. Активизируйте инструмент выбора «Лассо» или «Область» .
Выберите «Редактирование» > «Выполнить заливку выделенной области» .

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

В случае неудовлетворительного результата выберите «Редактирование» > «Отменить» и примените другую заливку с учетом содержимого.

Pattern в качестве фонового изображения

Недавно познакомился с тремя способами вырезания фонового изображения на макете. До недавнего времени знал о существовании только одного способа, с которым познакомился еще на сайте htmlbook.ru.

Чтобы было яснее, рассмотрим пример psd-макета страницы:

Страница с фоновым изображением

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

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

Если бы удалось обнаружить таковой фрагмент, то вырезал бы его с помощью инструмента “Crop”. Если бы фрагмент не обнаружил, то просто бы вырезал кусок фона размером побольше (что называется “на глазок”), опять-таки, с помощью инструмента “Crop”.

Немного позже я узнал, что существует три подхода к вырезанию фоновой картинки для будущего HTML-шаблона. Первые два способа простые и неточные. Третий способ — более медленный, но точный.

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

Описание выполняемых действий приведено в локализованной версии Photoshop.

Простое вырезание фона

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

В этом случае нужно поступить только одним способом.

Свести воедино все видимые слои с помощью сочетания клавиш Shift+Ctrl+E .

Инструментом “Crop” с зажатой клавишей Shift (чтобы получился квадрат) выделяем на фоне psd-макета квадрат побольше, размера

50x50px
100x100px

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

Затем экспортируем его в Web и используем в CSS для установки в качестве фонового изображения.

Вырезание фрагмента фона

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

Инструментом “Crop” вырезаем из фона обнаруженный фрагмент, сохраняем его для Web и используем по назначению в CSS.

Pattern в Photoshop

Третий способ основан на понятии

pattern

в Photoshop. Этот способ самый точный и надежный. В нем мы как-бы “опираемся” на силы самого Photoshop, который должен “помочь” нам обнаружить

pattern

в нарисованном дизайнером psd-макете.

Я не дизайнер (и никогда им не буду), поэтому могу сказать по поводу того, что такое

pattern

в двух словах.

Это образец узора какого-то определенного размера (который может быть любым) —

как замостить картинку в фотошопе

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

Лучший ответ

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

Остальные ответы
может поможет http://turbobit.net/800s2o19yamz.html

ТАм есть пункт РАСТЯНУТЬ, выберите его должно получиться. Или можно увеличить размеры самого изображения в меню ИЗОБРАЖЕНИЕ

Замена фона в Фотошопе – подробная фотоинструкция

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

Как поменять фон в Фотошопе

Рассмотрим инструкцию по замене фона в Фотошопе (версия CS6 и позднее):

  1. Открыть исходную фотографию.Исходное фото
  2. Открыть фотографию для заднего плана.Задний фон
  3. Добавить фотографии в программу Photoshop. Подобрать примерно одинаковые фотографии по размерам.Выбор файлов
  4. Сделать активным основное фото кликнув левой кнопкой мыши (ЛКМ) по вкладке с названием фотографии.Выбор файлов
  5. В правом нижнем углу появится загруженная фотография с названием “Фон”.Фоновый слой
  6. Используя инструмент «Быстрое выделение» выделить нужный фрагмент.Вырезаем исходное фото
  7. Для выделения волос и других сложных элементов использовать инструмент «Уточнить край».Уточнить край
  8. По нажатию на данную кнопку отобразятся настройки.Запуск настроек
  9. Применив нужные, провести вдоль краев выделяемой фотографии до получения аккуратного результата.Вырезанный материал
  10. В случае, когда после выделения на фото остаются нежелательные цвета, нужно использовать очистку цветов. Для этого изменением положения ползунка в области «Вывод» под названием «Очистить цвета». Чтобы использовать выделение в области “Вывод” нужно перейти в режим «Новый слой со слоем-маской». Нажимаем «Ок».Очистить цвета
  11. В палитре отобразится новый слой-маска.Слой-маска
  12. Приступим к замене. Перейти к фотографии “Фон”.Выбор фона
  13. Зажав ЛКМ перетянуть эту вкладку на вкладку с основной фотографией. Удерживая ЛКМ опустить курсор на появившееся изображение. Курсор изменит свой внешний вид на стрелку с добавлением выделения. Отпустить кнопку мыши. Должен получиться такой результат:Наложение на фон
  14. Между первой картинкой и вырезанным из нее фрагментом вставится выбранная картинка.Добавляем слой
  15. При необходимости изменяем размеры картинки. Сделать активным новый объект и с помощью «Редактирование» — «Свободное трансформирование» или комбинации клавиш Ctrl+T изменить размер.Свободное трансформирование
  16. Вокруг появится рамка трансформирования. Зажать Shift и переместить углы рамки трансформации так, чтобы они совместились с основным.Перемещение фона
  17. После того как трансформация закончена нажать на клавишу Enter.Изменение настроек
  18. Произвести масштабирование переднего плана, для чего сделать активным слой с выделенным фрагментом.Масштабирование переднего плана
  19. Нажать Ctrl+T, активировать свободное трансформирование, удерживая Shift изменить размеры. Нажать Enter.Изменение настроек
  20. Обрезать оставшиеся части основного изображения с помощью «Кадрирования».Обрезка краев
  21. Кликая по точкам кадрирования и перетаскивая их подогнать рамку выделения под размеры картинки. Нажать Enter. Если бы начальные фотографии были одинаковыми по размеру – кадрирование бы не использовалосьВыравнивание размеров
  22. После детального рассмотрения можно понять, что яркость на заднем плане и выделенном объекте отличается. Скорректировать яркость позволяет инструмент «Кривые».Изменение кривых
  23. На панели свойств «Кривые» нажать на кнопку применения коррекции к нижнему слою, а кривую в области светлых полутонов опустить до получения нужного результата.Свойства кривых
  24. Объединить все слои изображения нажав Shift+Ctrl+Alt+E.Объединяем слои
  25. Добавить тень для реалистичности. Создать новый слой.Создание слоя
  26. Применить к нему режим наложения «Мягкий свет», кликнуть «Выполнить заливку нейтральным цветом (серым 50%)». Нажать «Ок».Мягкий свет
  27. Выбрать Кисть черного цвета.Выбор кисти
  28. Установить непрозрачность 10-15%, режим кисти «Нормальный» и жесткость 0%. Размер – на выбор.Установка параметров

Создание красивой рамки в Фотошопе

Готовый результат

В итоге получаем качественную замену фона в Photoshop.

Действия с фоном

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

Начинающим фоторедакторам и дизайнерам пойдут на пользу описанные способы работы с фоном изображений.

Затемнение

Для затемнения придерживаемся следующей инструкции:

  1. Нужно применить к изображению параметр «Кривые».Параметры кривых
  2. Откроется окно настроек. Левой кнопкой мыши кликнуть по кривой и тянуть вниз до тех пор, пока результат не будет соответствовать требованиям.Изменяем кривые

Далее следует убрать затемнение с модели, для этого нужно:

  1. Выбрать палитру слоев, затем активировать маску «Кривые».Палитры слоев
  2. Выбрать кисть: размер 35.Инструмент Кисть
  3. Тип кисти — “Мягкая круглая”, размер — 35 пикселей:Тип кисти
  4. Непрозрачность – 40%.Установка непрозрачности
  5. Установить черный цвет, закрасить маску на модели.Закрасить маску

Изменить цвет

Чтобы изменить цвет задней части изображения в Фотошопе необходимо:

  1. Открыть фото с однотонным фоном. В данном случае используется картинка с фруктом.Исходное фото
  2. Выделить объект любым удобным способом.Выделение объекта
  3. Кликнув правой кнопкой по выделенной области выбрать пункт “Вырезать на новый слой”. Эта операция позволит оставить нужный объект без изменений.Вырезаем объект
  4. В меню слоев сделать активным ”Фон”, выбрать пункт “Цвет”.Параметры цвета
  5. Изменить цвет, получить результат.Готовый результат

Замостить

Для того чтобы замостить фон, нужно:

  1. Выбрать картинку с узором, открыть его в Photoshop.Фон с узором
  2. Далее, перейти к меню “Редактирование” – “Определить узор”.Определить узор
  3. В открывшемся окне задать название для узора и нажать “ОК”.Ввод имени
  4. Создать новый холст, указать нужные размеры и применить к нему параметры наложения.Открытие шаблона
  5. Выбрать инструмент “Заливка”.Выбор заливки
  6. В левом верхнем углу рабочей области найти тип заливки, выбрать параметр “Узор”.Выбор узора
  7. Выбрать нужный узор.Выбор узора
  8. Залить его на холст.Заливка холста

Создание прозрачного фона в Фотошопе и Paint – основные и эффективные инструменты

Также можно ознакомиться с видео:

Увеличить фон

Есть два варианта увеличения заднего плана.

Монотонный фон

Для увеличения однородного фона следует:

  1. Выбрать изображение, которое необходимо увеличить.Исходное фото
  2. Открыть его в Фотошопе.Открытие в Фотошопе
  3. Перейти в меню “Изображение” – “Размер холста”, или нажать комбинацию клавиш CTRL+ALT+C.Размер холста
  4. В открывшемся окне указать тип измерения “Пиксели”.Установка размера
  5. Указать нужный размер холста, нажать кнопку “ОК”.Подтверждение изменений
  6. Выделить область любым удобным способом.Выделение области
  7. Провести инверсию выделенной области.Включение инверсии
  8. Активировать инструмент “Пипетка”.Инструмент Пипетка
  9. С ее помощью выбрать цвет, которым будет залита задняя часть изображения.Выбираем цвет
  10. Активировать инструмент “Заливка”.Включение заливки
  11. Кликнуть по выделенной “белой” области.Заливаем фон
  12. Если остались неаккуратные границы – “переходы”, убрать их с помощью кисти.Используем кисть
  13. Результат:Готовое фото
Сложный фон

Для работы со сложным фоном нужно:

  1. Открыть изображение в Фотошопе.Открытие изображения
  2. Перейти к меню “Изображение” – “Размер холста”.
  3. Увеличить размеры холста.
  4. Выделить области из трёх частей фотографии и скопировать их на отдельный слой:
    • левая сторона;Скопировать на новый слой
    • переместить скопированный фрагмент левее, заполнив пустое пространство;Перемещаем фрагмент
    • правая сторона;Изменяем справа
    • в палитре следует выделить все 3 слоя, затем кликнуть правой кнопкой мыши по ним и выбрать “Объединить слои”;Объединение слоев
    • такие же манипуляции следует проделать с нижней и верхней частями. В результате должно получиться нечто похожее:Черновой вариант
  5. Не стоит обращать внимание на то, что есть несовпадения в тонах и в расположении объектов, они будут скорректированы в ходе работы.
  6. Используя инструменты “Штамп” и “Кисть” добиться нужного результата. Работа очень кропотливая.Используем кисть
  7. Результат:Готовый результат

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *