Создание в Photoshop коллажей, логотипов и других видов изображений

Как сделать картинку в Фотошопе

Как сделать визитку в Фотошопе

Как сделать логотип в Фотошопе

Как сделать печать в Фотошопе

Как сделать баннер в Фотошопе

Как сделать коллаж в Фотошопе

Как создать Gif-анимацию в Photoshop

Как сделать видео в Фотошопе

Как сделать картинку в Photoshop

• Анимированный баннер
  Анимация
  3D обложка
  Картинка
  Коллаж
  Слои
  Маски
  Инструменты выделения
  Надпись и Текст
  CSS-спрайты
  Видеокурсы Photoshop

Тема урока: как сделать картинку в Photoshop. В качестве примера сделаем картинку для обложки книги. Но принципиального значения это не имеет. Это может быть открытка, плакат, картинка для коробки или обложки диска.

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

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

Открываем Photoshop и жмём Ctrl+N («Файл — Создать»). Вы можете задать другой размер, а я установил 21 х 29,7 см — размер стандартного листа A4:

Картинка будет служить не только для изготовления 3D-обложки, но и как титульная страница при создании электронной книги в формате PDF. Если сделать картинку меньшего размера, то при её увеличении, пострадает качество. Остальные параметры в окне не важны.

Создадим фон картинки, для заливки которого нужно установить цвет. Но т.к. мы будем делать градиентную заливку, нам потребуется выбрать два цвета: основной (Рис.1-1А) и фоновый (Рис.1-1Б). Кликните по квадратику, и откроется «Палитра цветов», где можно подобрать цвет или ввести в отмеченное поле вручную:

Рис.1. Панель инструментов и Палитра цветов

То же самое проделайте со вторым квадратиков, установив цвет потемнее. Инструмент «Заливка» может служить для заливки фона одним цветом, а мы выбираем инструмент «Градиент» (Рис. 1-2):

Чтобы залить изображение градиентом, устанавливаем курсор в верхний левый угол и тянем его по диагонали в нижний угол. Отпустив кнопку мыши, получаем градиентный фон: в верхней точке — светлый цвет, а в нижней — тёмный.

Если используется изображение большого размера, то для удобства уменьшаем масштаб в нижнем уголке. Следующим шагом будет нанесение надписи. Выбираем инструмент «Текст» (Рис.1-3) и кликаем примерно в том месте, где он должен начинаться.

Точность места не важна, потому что готовую надпись мы сможем передвинуть, используя инструмент «Перемещение» (Рис.1-4).

Устанавливаем цвет текста (Рис.2-1) и набираем название книги. Если оно длинное, то для переноса строки используем клавишу Enter. Обратите внимание, наши две строчки получились неодинаковой длины:

Для того чтобы править текст, заходим в «Окно — Символ» и используем панель «Символ» (Рис. 2). Выделяем надпись или её часть и задаём шрифт (Рис.2-2), у меня это «Impact». Длину строки регулируем размером шрифта (Рис.2-3) или изменяем её ширину в процентах (Рис.2-5). Рядом можно изменить её высоту (Рис.2-4).

Рис.2. Правка текста в панели «Символ»

В поле (Рис.2-6) регулируем междустрочный интервал, а после завершения всех действий жмём галочку (Рис.2-7), что их сохраняет. Перечёркнутый кружок служит для отмены произведённых изменений. Теперь сдвигаем надпись на её место, а заодно центрируем по горизонтали с помощью инструмента «Перемещение» (Рис.1-4).

Для того чтобы надпись стала более привлекательной наложим на неё тень: «Слои — Стиль слоя — Тень». Я оставил настройки, которые были по умолчанию, но вы можете их подкорректировать. Например, изменить угол отображения тени (тут 120°), или изменить её смещение и размер:

Теперь вы сможете сделать столько надписей, сколько требуется, повторив все процедуры. Для того чтобы повернуть надпись и сделать её вертикальной, идём в «Редактирование — Трансформирование — Поворот на 90° против часовой».

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

Откройте изображение PNG, выделите его инструментом «Прямоугольная область» (Рис.1-5) и скопируйте: Ctrl+C («Редактирование — Скопировать»). Теперь выделите прямоугольник на нашей картинке и вставьте его: Ctrl+V («Редактирование — Вставить»).

Чтобы подогнать вставленное изображение по размеру, нажмите Ctrl+T («Редактирование — Свободное трансформирование»), и тяните курсором за уголки рамки. Затем подправьте местоположение инструментом «Перемещение» (Рис.1-4).

Чтобы вставить изображение с непрозрачным фоном, нужно уметь пользоваться другими инструментами выделения, например: «Лассо» (Рис.1-6), и некоторыми другими. Или делать картинку с белым фоном. Но вы без особого труда сможете найти изображения PNG с прозрачным фоном, применив фильтры для их поиска в Яндекс Картинках.

Естественно, что всё «гладко» с первого раза может не получиться. Но мы спокойно может отредактировать любую надпись, изображение или даже поменять фон. Все они располагаются на отдельных слоях. Работать со слоями можно из панели «Слои», нажмите F7 («Окно — Слои»):

Рис.3. Работа в панели «Слои»

Видите, и картинки, и каждая надпись расположены в своём слое, которые образовались в процессе работы. Но вы сами можете создавать новые слои (Рис.3-1) или удалять их (Рис.3-2). Слева у каждого слоя находится глазик, он отвечает за его видимость. Кликните по глазику, и слой на картинке станет невидимым.

Рабочий слой всегда выделен, в нашем примере — это надпись «webmastersam.ru». Если сейчас выбрать инструмент «Текст» (Рис.1-3) и выделить эту надпись на нашей картинке, то её снова можно редактировать.

Выделяйте нужные слои и вносите изменения. Наиболее неудачные элементы картинки отключайте (глазиком) и создавайте альтернативные. Комбинируя, отбирайте удачные варианты.

Обычные веб-форматы изображений не имеют слоёв. Чтобы иметь шаблон картинки со слоями, для последующего использования, сохраните её в формате PSD: Shift+Ctrl+S («Файл — Сохранить как»).

Ну, а саму картинку, сохраните в формате JPG или PNG-8: Alt+Shift+Ctrl+S («Файл — Сохранить для Web и устройств»). Если требуется повышенное качество картинки, выбирайте формат PNG-24. Получится более полновесный файл, но картинка будет высокого качества.

Уроки Photoshop:

• Анимированный баннер
  Анимация
  3D обложка
  Картинка
  Коллаж
  Слои
  Маски
  Инструменты выделения
  Надпись и Текст
  CSS-спрайты
  Видеокурсы Photoshop

Поделиться с друзьями:

О партнёрках

получить

Сайт с нуля

получить

Создание, открытие и импорт изображений в Photoshop

Руководство пользователя
Отмена

Поиск

1. Руководство пользователя Photoshop
2. Знакомство с Photoshop
   1. Мечтай. Сделай это.
   2. Что нового в Photoshop
   3. Отредактируйте свою первую фотографию
   4. Создание документов
   5. Фотошоп | Общие вопросы
   6. Системные требования Photoshop
   7. Перенос предустановок, действий и настроек
   8. Знакомство с Photoshop
3. Photoshop и другие продукты и услуги Adobe
   1. Работа с иллюстрациями Illustrator в Photoshop
   2. Работа с файлами Photoshop в InDesign
   3. Материалы Substance 3D для Photoshop
   4. Photoshop и Adobe Stock
   5. Использование встроенного расширения Capture в Photoshop
   6. Библиотеки Creative Cloud
   7. Библиотеки Creative Cloud в Photoshop
   8. Используйте сенсорную панель с Photoshop
   9. Сетка и направляющие
   10. Создание действий
   11. Отмена и история
4. Photoshop на iPad
   1. Photoshop на iPad | Общие вопросы
   2. Знакомство с рабочим пространством
   3. Системные требования | Фотошоп на iPad
   4. Создание, открытие и экспорт документов
   5. Добавить фото
   6. Работа со слоями
   7. Рисовать и раскрашивать кистями
   8. Сделать выделение и добавить маски
   9. Ретушь ваших композитов
   10. Работа с корректирующими слоями
   11. Отрегулируйте тональность композиции с помощью Кривых
   12. Применить операции преобразования
   13. Обрезка и поворот композитов
   14. Поворот, панорамирование, масштабирование и сброс холста
   15. Работа с текстовыми слоями
   16. Работа с Photoshop и Lightroom
   17. Получить отсутствующие шрифты в Photoshop на iPad
   18. Японский текст в Photoshop на iPad
   19. Управление настройками приложения
   20. Сенсорные клавиши и жесты
   21. Сочетания клавиш
   22. Измените размер изображения
   23. Прямая трансляция во время создания в Photoshop на iPad
   24. Исправление недостатков с помощью Восстанавливающей кисти
   25. Создание кистей в Capture и использование их в Photoshop
   26. Работа с файлами Camera Raw
   27. Создание смарт-объектов и работа с ними
   28. Отрегулируйте экспозицию ваших изображений с помощью Dodge and Burn
5. Photoshop в Интернете, бета-версия
   1. Общие вопросы | Photoshop в Интернете, бета-версия
   2. Введение в рабочее пространство
   3. Системные требования | Photoshop в Интернете, бета-версия
   4. Сочетания клавиш | Photoshop в Интернете, бета-версия
   5. Поддерживаемые типы файлов | Photoshop в Интернете, бета-версия
   6. Открытие и работа с облачными документами
   7. Применение ограниченных правок к вашим облачным документам
   8. Сотрудничать с заинтересованными сторонами
6. Облачные документы
   1. Облачные документы Photoshop | Общие вопросы
   2. Облачные документы Photoshop | Вопросы рабочего процесса
   3. Управление и работа с облачными документами в Photoshop
   4. Обновление облачного хранилища для Photoshop
   5. Невозможно создать или сохранить облачный документ
   6. Устранение ошибок облачного документа Photoshop
   7. Сбор журналов синхронизации облачных документов
   8. Делитесь доступом и редактируйте свои облачные документы
   9. Делитесь файлами и комментируйте в приложении
7. Рабочее пространство
   1. Основы рабочего пространства
   2. Настройки
   3. Учитесь быстрее с помощью Photoshop Discover Panel
   4. Создание документов
   5. Разместить файлы
   6. Сочетания клавиш по умолчанию
   7. Настройка сочетаний клавиш
   8. Инструментальные галереи
   9. Параметры производительности
   10. Использовать инструменты
   11. Предустановки
   12. Сетка и направляющие
   13. Сенсорные жесты
   14. Используйте сенсорную панель с Photoshop
   15. Сенсорные возможности и настраиваемые рабочие области
   16. Превью технологий
   17. Метаданные и примечания
   18. Сенсорные возможности и настраиваемые рабочие пространства
   19. Поместите изображения Photoshop в другие приложения
   20. Линейки
   21. Показать или скрыть непечатаемые дополнения
   22. Укажите столбцы для изображения
   23. Отмена и история
   24. Панели и меню
   25. Позиционные элементы с привязкой
   26. Положение с помощью инструмента «Линейка»
8. Дизайн веб-сайтов, экранов и приложений
   1. Photoshop для дизайна
   2. Артборды
   3. Предварительный просмотр устройства
   4. Копировать CSS из слоев
   5. Разделение веб-страниц
   6. Опции HTML для фрагментов
   7. Изменить расположение фрагментов
   8. Работа с веб-графикой
   9. Создание фотогалерей в Интернете
9. Основы изображения и цвета
   1. Как изменить размер изображения
   2. Работа с растровыми и векторными изображениями
   3. Размер изображения и разрешение
   4. Получение изображений с камер и сканеров
   5. Создание, открытие и импорт изображений
   6. Просмотр изображений
   7. Недопустимая ошибка маркера JPEG | Открытие изображений
   8. Просмотр нескольких изображений
   9. Настройка палитр цветов и образцов
   10. Изображения с высоким динамическим диапазоном
   11. Подберите цвета на изображении
   12. Преобразование между цветовыми режимами
   13. Цветовые режимы
   14. Стереть части изображения
   15. Режимы наложения
   16. Выберите цвет
   17. Настройка индексированных таблиц цветов
   18. Информация об изображении
   19. Фильтры искажения недоступны
   20. О цвете
   21. Цветовые и монохромные настройки с использованием каналов
   22. Выберите цвета на панелях «Цвет» и «Образцы»
   23. Образец
   24. Цветовой режим или Режим изображения
   25. Цветной оттенок
   26. Добавить условное изменение режима к действию
   27. Добавить образцы из HTML CSS и SVG
   28. Битовая глубина и настройки
10. Слои
    1. Основы слоев
    2. Неразрушающий монтаж
    3. Создание и управление слоями и группами
    4. Выбрать, сгруппировать и связать слои
    5. Поместите изображения в рамки
    6. Непрозрачность слоя и смешивание
    7. Слои маски
    8. Применение смарт-фильтров
    9. Композиции слоев
    10. Переместить, сложить и заблокировать слои
    11. Слои-маски с векторными масками
    12. Управление слоями и группами
    13. Эффекты слоя и стили
    14. Редактировать маски слоя
    15. Извлечение активов
    16. Отображение слоев с помощью обтравочных масок
    17. Создание ресурсов изображения из слоев
    18. Работа со смарт-объектами
    19. Режимы наложения
    20. Объединение нескольких изображений в групповой портрет
    21. Объединение изображений с помощью Auto-Blend Layers
    22. Выравнивание и распределение слоев
    23. Копировать CSS из слоев
    24. Загрузить выделение из границ слоя или маски слоя
    25. Knockout для отображения содержимого других слоев
11. Выборки
    1. Начало работы с выборками
    2. Сделайте выбор в композите
    3. Рабочая область выбора и маски
    4. Выберите с помощью инструментов выделения
    5. Выберите с помощью инструментов лассо
    6. Настройка выбора пикселей
    7. Перемещение, копирование и удаление выбранных пикселей
    8. Создать временную быструю маску
    9. Выберите диапазон цветов в изображении
    10. Преобразование между путями и границами выделения
    11. Основы канала
    12. Сохранить выделения и маски альфа-канала
    13. Выберите области изображения в фокусе
    14. Дублировать, разделять и объединять каналы
    15. Расчет канала
12. Настройки изображения
    1. Замена цветов объекта
    2. Деформация перспективы
    3. Уменьшить размытие изображения при дрожании камеры
    4. Примеры лечебных кистей
    5. Экспорт таблиц поиска цветов
    6. Настройка резкости и размытия изображения
    7. Понимание настроек цвета
    8. Применение регулировки яркости/контрастности
    9. Настройка деталей теней и светлых участков
    10. Регулировка уровней
    11. Настройка оттенка и насыщенности
    12. Настройка вибрации
    13. Настройка насыщенности цвета в областях изображения
    14. Быстрая настройка тона
    15. Применение специальных цветовых эффектов к изображениям
    16. Улучшите изображение с помощью настройки цветового баланса
    17. Изображения с высоким динамическим диапазоном
    18. Просмотр гистограмм и значений пикселей
    19. Подберите цвета на изображении
    20. Обрезка и выравнивание фотографий
    21. Преобразование цветного изображения в черно-белое
    22. Корректирующие слои и слои-заливки
    23. Регулировка кривых
    24. Режимы наложения
    25. Целевые изображения для прессы
    26. Настройка цвета и тона с помощью пипеток «Уровни» и «Кривые»
    27. Настройка экспозиции и тонирования HDR
    28. Осветлить или затемнить области изображения
    29. Выборочная настройка цвета
13. Adobe Camera Raw
    1. Системные требования Camera Raw
    2. Что нового в Camera Raw
    3. Введение в Camera Raw
    4. Создание панорам
    5. Поддерживаемые объективы
    6. Эффекты виньетирования, зернистости и удаления дымки в Camera Raw
    7. Сочетания клавиш по умолчанию
    8. Автоматическая коррекция перспективы в Camera Raw
    9. Радиальный фильтр в Camera Raw
    10. Управление настройками Camera Raw
    11. Открытие, обработка и сохранение изображений в Camera Raw
    12. Исправление изображений с помощью инструмента Enhanced Spot Removal Tool в Camera Raw
    13. Поворот, обрезка и настройка изображений
    14. Настройка цветопередачи в Camera Raw
    15. Версии процесса в Camera Raw
    16. Внесение локальных корректировок в Camera Raw
14. Исправление и восстановление изображений
    1. Удаление объектов с фотографий с помощью Content-Aware Fill
    2. Content-Aware Patch and Move
    3. Ретушь и исправление фотографий
    4. Исправить искажение изображения и шум
    5. Основные действия по устранению неполадок для устранения большинства проблем
15. Улучшение изображения и трансформация
    1. Заменить небо на изображениях
    2. Преобразование объектов
    3. Настройка кадрирования, поворота и размера холста
    4. Как обрезать и выпрямить фотографии
    5. Создание и редактирование панорамных изображений
    6. Деформация изображений, форм и путей
    7. Точка схода
    8. Контентно-зависимое масштабирование
    9. Преобразование изображений, форм и контуров
16. Рисунок и живопись
    1. Симметричные узоры красками
    2. Рисование прямоугольников и изменение параметров обводки
    3. О чертеже
    4. Рисование и редактирование фигур
    5. Малярные инструменты
    6. Создание и изменение кистей
    7. Режимы наложения
    8. Добавить цвет к путям
    9. Редактировать пути
    10. Краска с помощью кисти-миксера
    11. Наборы кистей
    12. Градиенты
    13. Градиентная интерполяция
    14. Выбор заливки и обводки, слоев и контуров
    15. Рисование с помощью инструментов «Перо»
    16. Создание шаблонов
    17. Создание узора с помощью Pattern Maker
    18. Управление путями
    19. Управление библиотеками шаблонов и пресетами
    20. Рисовать или рисовать на графическом планшете
    21. Создание текстурированных кистей
    22. Добавление динамических элементов к кистям
    23. Градиент
    24. Нарисуйте стилизованные мазки с помощью Art History Brush
    25. Краска с рисунком
    26. Синхронизация пресетов на нескольких устройствах
17. Текст
    1. Добавить и отредактировать текст
    2. Единый текстовый движок
    3. Работа со шрифтами OpenType SVG
    4. Символы формата
    5. Формат абзацев
    6. Как создавать текстовые эффекты
    7. Редактировать текст
    8. Интервал между строками и символами
    9. Арабский и еврейский шрифт
    10. Шрифты
    11. Устранение неполадок со шрифтами
    12. Азиатский тип
    13. Создать тип
    14. Ошибка Text Engine при использовании инструмента «Текст» в Photoshop | Виндовс 8
18. Фильтры и эффекты
    1. Использование фильтра «Пластика»
    2. Использовать галерею размытия
    3. Основы фильтра
    4. Ссылка на эффекты фильтра
    5. Добавить световые эффекты
    6. Используйте адаптивный широкоугольный фильтр
    7. Используйте фильтр масляной краски
    8. Используйте фильтр «Пластика»
    9. Эффекты слоя и стили
    10. Применить определенные фильтры
    11. Размазать области изображения
19. Сохранение и экспорт
    1. Сохранение файлов в Photoshop
    2. Экспорт файлов в Photoshop
    3. Поддерживаемые форматы файлов
    4. Сохранять файлы в графических форматах
    5. Перемещение дизайнов между Photoshop и Illustrator
    6. Сохранение и экспорт видео и анимации
    7. Сохранение файлов PDF
    8. Защита авторских прав Digimarc
20. Управление цветом
    1. Понимание управления цветом
    2. Поддержание согласованности цветов
    3. Настройки цвета
    4. Дуотоны
    5. Работа с цветовыми профилями
    6. Документы с управлением цветом для онлайн-просмотра
    7. Управление цветом документов при печати
    8. Импортированные изображения с управлением цветом
    9. Пробные цвета
21. Дизайн веб-сайтов, экранов и приложений
    1. Photoshop для дизайна
    2. Артборды
    3. Предварительный просмотр устройства
    4. Копировать CSS из слоев
    5. Разделение веб-страниц
    6. Опции HTML для фрагментов
    7. Изменить расположение фрагментов
    8. Работа с веб-графикой
    9. Создание фотогалерей в Интернете
22. Видео и анимация
    1. Видеомонтаж в Photoshop
    2. Редактировать слои видео и анимации
    3. Обзор видео и анимации
    4. Предварительный просмотр видео и анимации
    5. Красить кадры в слоях видео
    6. Импорт видеофайлов и последовательностей изображений
    7. Создать анимацию кадра
    8. Creative Cloud 3D-анимация (предварительная версия)
    9. Создание анимации временной шкалы
    10. Создание изображений для видео
23. Печать
    1. Печать 3D-объектов
    2. Печать из фотошопа
    3. Печать с управлением цветом
    4. Контактные листы и презентации в формате PDF
    5. Печать фотографий в макете пакета изображений
    6. Плашечные цвета для печати
    7. Печать изображений на коммерческой типографии
    8. Улучшение цветных отпечатков из Photoshop
    9. Устранение проблем с печатью | Фотошоп
24. Автоматизация
    1. Создание действий
    2. Создание графики, управляемой данными
    3. Сценарий
    4. Обработать пакет файлов
    5. Воспроизведение и управление действиями
    6. Добавить условные действия
    7. О действиях и панели действий
    8. Инструменты записи в действиях
    9. Добавить условное изменение режима к действию
    10. Набор инструментов пользовательского интерфейса Photoshop для подключаемых модулей и сценариев
25. Подлинность контента
    1. Узнайте об учетных данных контента
    2. Идентичность и происхождение для NFT
    3. Подключить учетные записи для атрибуции креативов
26. Фотошоп 3D
    1. Фотошоп 3D | Общие вопросы о снятых с производства 3D-функциях

Создать образ

1. Выберите Файл > Создать.

2. В диалоговом окне «Создать» введите имя образа.

3. (Необязательно) Выберите размер документа в меню «Тип документа».

   Примечание:

   Для создания документа с установленными размерами в пикселях
   для определенного устройства нажмите кнопку Device Central.

4. Установите ширину и высоту, выбрав предустановку из
   меню «Размер» или ввод значений в текстовые поля «Ширина» и «Высота».

   Примечание:

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

5. Набор
   разрешение, цветовой режим и битовая глубина.

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

6. Выберите вариант содержимого фона:

   Белый

   Заполняет фоновый слой белым цветом, фоном по умолчанию.
   цвет.

   Фоновый цвет

   Заполняет фоновый слой текущим фоновым цветом.

   Прозрачный

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

   Другое Открывает диалоговое окно «Палитра цветов» для выбора цвета фона. Дополнительные сведения см. в разделе Обзор палитры цветов Adobe.

7. (необязательно) При необходимости нажмите кнопку «Дополнительно», чтобы
   отображать дополнительные параметры.

8. (Необязательно) В разделе «Дополнительно» выберите цветовой профиль или
   выберите «Не управлять цветом этого документа». Формат пикселей
   Соотношение, выберите «Квадрат», если вы не используете изображение для видео. В
   В этом случае выберите другой вариант, чтобы использовать неквадратные пиксели.

9. Когда вы закончите, вы можете сохранить настройки как пресет
   нажав Сохранить пресет, или нажмите ОК, чтобы открыть
   новый файл.

Дублируйте изображение

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

1. Откройте изображение, которое хотите продублировать.

2. Выберите «Изображение» > «Дублировать».

3. Введите имя копии изображения.

4. Если
   вы хотите дублировать изображение и объединить слои, выберите Дублировать объединенные
   Только слои. Чтобы сохранить слои, убедитесь, что этот параметр
   не выбран.

5. Нажмите OK.

Открытие файлов

Файлы можно открывать с помощью команд «Открыть» и «Открыть последние». Вы также можете открывать файлы в Photoshop из других приложений Adobe, таких как Illustrator, Fresco, Lightroom или Bridge.

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

Помимо неподвижных изображений, пользователи Photoshop могут открывать и редактировать 3D-файлы, видео и файлы последовательности изображений. Дополнительные сведения см. в разделе Импорт видеофайлов и последовательностей изображений.

Примечание:

Фотошоп
использует подключаемые модули для открытия и импорта файлов многих форматов. Если
формат файла не отображается в диалоговом окне «Открыть» или в меню «Файл >
Импорт подменю, возможно, вам потребуется установить подключаемый модуль формата.

Иногда
Photoshop может быть не в состоянии определить правильный формат для
файл. Это может произойти, например, из-за того, что файл
был перенесен между двумя операционными системами. Иногда перевод
между Mac OS и Windows может привести к тому, что формат файла
быть неправильно маркированы. В таких случаях необходимо указать правильный формат
в котором открыть файл.

Примечание:

Вы можете сохранить (где
возможные) слои, маски, прозрачность, составные фигуры, срезы,
карты изображений и редактируемый шрифт при переносе вашего искусства Illustrator
в Фотошоп. В Illustrator экспортируйте арт в Photoshop.
(PSD) формат файла. Если ваше изображение Illustrator содержит элементы, которые
Фотошоп не поддерживает, внешний вид арта сохраняется,
но слои объединяются, а изображение растрируется.

Открытие файла с помощью команды Open

1. Выберите «Файл» > «Открыть».

2. Выберите имя файла, который хотите открыть. Если
   файл не отображается, выберите параметр для отображения всех файлов из
   во всплывающем меню «Тип файлов» (Windows) или «Включить» (Mac OS).

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

   Примечание:

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

Открыть недавно использованный файл

1. Выбрать
   Файл > Открыть недавние и выберите файл в подменю.

   Примечание:

   Кому
   укажите количество файлов, перечисленных в меню «Открыть последние», измените
   параметр «Список последних файлов содержит» в настройках «Обработка файлов».
   Выберите «Правка» > «Настройки» > «Обработка файлов».
   (Windows) или Photoshop > Настройки >
   Работа с файлами (Mac OS).

Укажите формат файла, в котором
открыть файл

Если файл был сохранен с расширением,
не соответствует своему истинному формату (например, файл PSD, сохраненный с
расширение .gif) или не имеет расширения, Photoshop не сможет
чтобы открыть файл. Выбор правильного формата позволит Photoshop
чтобы распознать и открыть файл.

1. Делать
   один из следующих:

   • (Windows) Выберите «Файл» > «Открыть».
     As и выберите файл, который хотите открыть. Затем выберите желаемое
     формат во всплывающем меню «Открыть как» и нажмите «Открыть».

   • (Mac OS) Выберите «Файл» > «Открыть»,
     и выберите «Все документы» во всплывающем меню «Показать». Затем
     выберите файл, который хотите открыть, выберите нужный формат файла
     во всплывающем меню «Формат» и нажмите «Открыть».

   Примечание:

   Если файл не открывается, то выбранный формат может
   не соответствует истинному формату файла, или файл может быть поврежден.

Открытие файлов PDF

Adobe
Portable Document Format (PDF) — универсальный формат файлов, который может представлять
как векторные, так и растровые данные. Имеет электронный поиск документов и навигацию
функции. PDF является основным форматом для Adobe Illustrator и Adobe Acrobat.

Некоторые
Файлы PDF содержат одно изображение, а другие содержат несколько страниц.
и изображения. Когда вы открываете файл PDF в Photoshop, вы можете выбрать
какие страницы или изображения открывать и указать параметры растеризации.

Вы
также может импортировать данные PDF с помощью команд «Поместить», «Вставить» и
функция перетаскивания. Страница или изображение размещается на отдельном
слой как смарт-объект.

Примечание:

Следующая процедура предназначена только для открытия общих файлов PDF в Photoshop. Вам не нужно указывать параметры в диалоговом окне «Импорт PDF» при открытии PDF-файлов Photoshop.

1. Делать
   один из следующих:

2. В диалоговом окне «Открыть» выберите имя файла,
   и нажмите Открыть.

3. В разделе «Выбрать» в диалоговом окне «Импорт PDF» выберите «Страницы».
   или изображения, в зависимости от того, какие элементы документа PDF вы хотите
   импортировать.

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

   Примечание:

   Используйте меню «Размер миниатюры» для настройки миниатюры.
   просмотреть в окне предварительного просмотра. Параметр «Подогнать страницу» подходит для одного эскиза.
   в окне предварительного просмотра. Полоса прокрутки появляется, если их несколько.
   предметы.

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

6. В разделе «Параметры страницы» выберите в меню «Обрезать до», чтобы указать
   какую часть документа PDF включить:

   Ограничительная рамка

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

   Примечание:

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

   Медиабокс

   Обрезка до исходного размера страницы.

   Коробка обрезки

   Обрезка области отсечения (поля обрезки) PDF
   файл.

   Коробка кровотечения

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

   Коробка обрезки

   Посевы в район, указанный для предполагаемого завершения
   размер страницы.

   Художественная коробка

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

7. В разделе Размер изображения введите значения
   (при необходимости) для ширины и высоты:

   • Для сохранения пропорций страниц
     поскольку они масштабируются, чтобы соответствовать прямоугольнику, определенному шириной
     и высоты выберите «Сохранить пропорции».

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

   Если выбрано более одной страницы, ширина и высота
   текстовые поля отображают максимальные значения ширины и высоты выбранных
   страницы. Все страницы отображаются в исходном размере, если параметр Constrain
   Пропорции выбраны, и вы не меняете ширину и высоту
   ценности. Изменение значений приведет к пропорциональному масштабированию всех страниц.
   как они растеризованы.

8. Укажите следующие параметры в разделе Изображение
   Размер:

   Разрешение

   Устанавливает разрешение для нового документа. См. также О размерах в пикселях и разрешении печатного изображения.

   Режим

   Задает цветовой режим для нового документа. См. также Цвет
   режимы.

   Битовая глубина

   Задает разрядность нового документа. См. также Бит
   глубина.

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

9. Чтобы отключить предупреждения цветового профиля, выберите «Подавить предупреждение».

10. Нажмите OK.

Открытие файла EPS

Инкапсулированный PostScript (EPS) может представлять
как векторные, так и растровые данные и поддерживается практически всеми графическими,
иллюстрации и программы для верстки страниц. Приложение Adobe, которое
в первую очередь производит иллюстрации PostScript Adobe Illustrator. Когда ты
откройте файл EPS, содержащий векторную графику, это растеризовано — математически
определенные линии и кривые векторного изображения преобразуются в
пиксели или биты растрового изображения.

Вы также можете принести PostScript
изображение в Photoshop с помощью команд «Поместить», «Вставить»,
и функция перетаскивания.

1. Выберите «Файл» > «Открыть».

2. Выберите файл, который хотите открыть, и нажмите «Открыть».

3. Укажите желаемые размеры, разрешение и режим.
   Чтобы сохранить то же соотношение высоты и ширины, выберите «Сохранить пропорции».

4. Чтобы свести к минимуму зубчатые линии по краям изображения,
   выберите Сглаживание.

Еще нравится это

• Управление и работа с облачными документами в Photoshop
• Размещение файлов
• Копировать между приложениями

Купите Adobe Photoshop или начните бесплатную пробную версию .​

Войдите в свою учетную запись

Войти

Управление учетной записью

Создать фотографию на фотографии в Photoshop

Автор сценария Стив Паттерсон.

В этом уроке по эффектам Photoshop мы узнаем, как добавить волнения к фотографии (не то чтобы ваши фотографии были недостаточно захватывающими, конечно) и привлечь больше внимания к вашему основному объекту, создав иллюзию уменьшенная, обрезанная версия изображения внутри себя. Мы будем использовать векторную фигуру для создания размеров меньшей фотографии, чтобы мы могли легко поворачивать и изменять ее размер без потери качества изображения, добавляя к ней пару стилей слоя, создавая обтравочную маску, пробуя цвета из оригинала. фотографию, используя корректирующие слои и добавляя забавный фильтр радиального размытия. Много хороших вещей. Любая последняя версия Photoshop отлично подойдет для этого эффекта. Я буду использовать Photoshop CS3.

Вот исходное изображение, которое я буду использовать для этого урока:

Оригинальное фото.

И вот над чем мы будем работать на всех этапах:

Окончательный результат.

Этот урок из нашей серии фотоэффектов. Давайте начнем!

Шаг 1. Дублируйте фоновый слой

Когда моя исходная фотография открыта в Photoshop, я вижу в своей палитре слоев, что в настоящее время у меня есть только один слой, фоновый слой:

Палитра слоев Photoshop, показывающая фоновый слой, содержащий исходное изображение.

Первое, что мне нужно сделать, это продублировать фоновый слой , поэтому я воспользуюсь быстрым сочетанием клавиш Ctrl+J (Win) / Command+J (Mac). Теперь у меня есть копия фонового слоя, отображаемая в палитре слоев, которую Photoshop автоматически называет «Слой 1»:

.

Палитра «Слои», показывающая фоновый слой с его копией выше, названной «Слой 1»

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

.

Дважды щелкните имя «Слой 1» и измените имя слоя на «Меньшая версия».

Шаг 2. Создайте новый слой ниже слоя «Меньшая версия»

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

Вот изящный трюк, который я предпочитаю использовать вместо этого, и если вы не знаете о нем, то, как только вы его узнаете, вы будете часто его использовать. Вместо создания нового слоя над текущим выбранным слоем, вы можете указать Photoshop создать его ниже текущего выбранного слоя, удерживая нажатой клавишу Ctrl (Win) / Command (Mac), щелкнув значок New Layer в нижней части палитры слоев, как я сделаю здесь:

Удерживая нажатой клавишу «Ctrl» (Win) / «Command» (Mac), щелкните значок «Новый слой», чтобы создать новый слой под слоем «Меньшая версия».

И теперь, благодаря этой маленькой хитрости, Photoshop создал для меня новый пустой слой прямо под слоем «Меньшая версия»:

Новый слой, снова названный «Слой 1», создан под слоем «Меньшая версия».

Поскольку я переименовал предыдущий «Слой 1» в «Меньшую версию», Photoshop пошел и назвал этот второй новый слой «Слой 1» вместо него. Я собираюсь дважды щелкнуть имя слоя и переименовать его в «Обтравочную маску», так как через мгновение мы будем использовать этот слой, чтобы «обрезать» слой над ним:

Дважды щелкните имя нового слоя и переименуйте его в «Обтравочную маску».

Шаг 3. Растяните форму меньшей фотографии с помощью инструмента «Прямоугольник»

Выбрав слой «Обтравочная маска» в палитре «Слои», выберите инструмент «Прямоугольник» либо из палитры инструментов Photoshop, либо нажав U на клавиатуре:

Выберите инструмент «Прямоугольник».

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

Нарисуйте приблизительную форму и расположение уменьшенной версии вокруг вашего объекта.

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

Слой «Обтравочная маска» стал слоем формы.

Шаг 4. Используйте векторную фигуру для создания обтравочной маски

Теперь, когда у нас есть форма нашей уменьшенной, обрезанной версии фотографии, мы можем использовать эту форму в качестве обтравочной маски, которая «обрежет» слой над ней до размеров фигуры. Для этого удерживайте Клавиша Alt (Win) / Клавиша Option (Mac) и перемещайте курсор мыши непосредственно между слоями «Меньшая версия» и «Обтравочная маска» , пока не увидите, что курсор изменится на значок обтравочной маски ( ниже обведено красным):

Удерживая нажатой клавишу Alt (Win)/Option (Mac), перемещайте указатель мыши непосредственно между двумя слоями, пока курсор не изменится на значок обтравочной маски.

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

Палитра «Слои» теперь показывает слой «Меньшая версия», обрезанный слоем векторной фигуры под ним.

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

Шаг 5. Добавьте белую обводку к векторной фигуре, чтобы создать границу меньшей фотографии

Убедитесь, что слой «Обтравочная маска» по-прежнему выбран в палитре «Слои» (выбранные слои выделены синим цветом), затем щелкните значок Стили слоя в нижней части палитры и выберите Обводка из списка слоев. стили, которые появляются:

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

Это вызывает довольно массивное диалоговое окно Layer Style с параметрами Stroke в средней колонке:

Параметры «Обводка» в диалоговом окне «Стиль слоя».

Здесь мы хотим изменить три параметра, и я обвел их красным на скриншоте выше. Я установил для Stroke Size значение 12px , чтобы создать стандартную рамку фотографии вокруг моей маленькой фотографии. В зависимости от размера фотографии, с которой вы работаете, вы можете обнаружить, что другое значение работает лучше. Ниже этого убедитесь, что Позиция установлена ​​на Внутри . Это означает, что наша обводка появится внутри границ фигуры. По умолчанию для параметра «Положение» установлено значение «Снаружи», из-за чего углы обводки выглядят закругленными. Мы хотим, чтобы наши углы были красивыми и острыми, и «Inside» сделает это за нас. Наконец, по умолчанию Photoshop устанавливает красный цвет обводки, что абсолютно бессмысленно, и, очевидно, нам не нужна красная рамка вокруг нашего изображения, поэтому измените обводку Color на white 9.0848, щелкнув образец цвета и выбрав белый из палитры цветов Photoshop .

Вот как выглядит мое изображение с примененной белой обводкой 12 пикселей:

Уменьшенная фотография теперь видна с примененной белой обводкой 10 пикселей.

Пока не выходите из диалогового окна Layer Style. У нас есть еще один стиль слоя, который нужно применить.

Шаг 6. Применение тени

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

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

Это изменяет параметры в среднем столбце диалогового окна «Стиль слоя» с параметров «Обводка» на параметры «Тень». Опустите Непрозрачность тени примерно до 50% , чтобы она не казалась такой темной, затем измените Угол тени на 130° . Наконец, установите Distance примерно на 10 пикселей , хотя вам может понадобиться увеличить это значение, если вы используете изображение большего размера, чем то, которое использую я:

Параметры «Тень» в диалоговом окне «Стиль слоя».

Вот мое изображение с белой обводкой и тенью:

Теперь к фотографии меньшего размера применена белая обводка и тень.

Шаг 7. Используйте «Свободное преобразование» для поворота и/или изменения размера фигуры по мере необходимости

Если вам нужно повернуть, изменить размер или изменить положение векторной фигуры в этот момент, убедитесь, что слой формы выбран в палитре слоев, затем используйте сочетание клавиш Ctrl+T (Win) / Command+T (Mac ), чтобы вызвать поле Photoshop Free Transform и обрабатывать меньшую фотографию.

Чтобы переместить фигуру, щелкните в любом месте поля «Свободное преобразование» и перетащите фигуру в новое место или используйте клавиши со стрелками на клавиатуре, чтобы подтолкнуть ее. Чтобы изменить размер фигуры, щелкните и перетащите любой из маркеров свободного преобразования. Чтобы просто увеличить или уменьшить фигуру, сохраняя при этом одинаковые пропорции ширины и высоты, удерживайте нажатой клавишу Shift при перетаскивании любого из угловых маркеров. Удерживание Alt (Win) / Option (Mac) при перетаскивании приведет к изменению размера фигуры от центра, а не от стороны или угла, противоположного тому, куда вы перетаскиваете. Наконец, чтобы повернуть фигуру, щелкните и перетащите мышь в любое место за пределами поля «Свободное преобразование»:

При необходимости измените размер, положение и/или поверните форму меньшей фотографии с помощью функции «Свободное преобразование».

Нажмите Введите (Win) / Верните (Mac), когда вы закончите, чтобы принять преобразование. Вращение фигуры добавляет немного больше волнения к изображению. Я также внес небольшие изменения в размер и положение моей фигуры. На этом наше маленькое обрезанное фото вокруг объекта готово! Далее мы закончим эффект, раскрасив и размыв исходное изображение на фоне.

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

Шаг 8. Используйте инструмент «Пипетка», чтобы взять образец цвета внутри меньшей области фотографии

Выберите инструмент «Пипетка» на палитре «Инструменты» или нажмите I на клавиатуре, чтобы выбрать его. Я собираюсь использовать пипетку, чтобы взять образец цвета из меньшей области фотографии, а затем использовать этот цвет для раскрашивания исходного изображения на заднем плане:

.

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

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

Проба цвета со шлема.

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

.

Цвет переднего плана в палитре «Инструменты» изменился на синий цвет, взятый из шлема.

Шаг 9. Раскрасьте фон с помощью корректирующего слоя оттенка/насыщенности

Щелкните фоновый слой в палитре слоев, чтобы выбрать его. Затем щелкните значок New Adjustment Layer в нижней части палитры и выберите Hue/Saturation из списка:

Щелкните значок «Новый корректирующий слой» в нижней части палитры «Слои» и выберите «Цветовой тон/Насыщенность».

Откроется диалоговое окно Цветовой тон/Насыщенность, которое я собираюсь использовать для раскрашивания фона. Не нужно начинать перетаскивать ползунки, чтобы выбрать цвет здесь. Я уже выбрал свой цвет с изображения, поэтому все, что мне нужно сделать, это нажать на Опция Colorize в правом нижнем углу диалогового окна:

Выберите параметр «Раскрасить» в диалоговом окне «Цветовой тон/Насыщенность».

Нажмите OK, чтобы выйти из диалогового окна Цветовой тон/Насыщенность. Photoshop использует образец цвета, чтобы раскрасить исходное изображение на заднем плане:

.

Исходное изображение на заднем плане теперь окрашено выбранным цветом.

Шаг 10. Дублируйте фоновый слой еще раз

Прежде чем мы начнем применять радиальное размытие, давайте продублируем фоновый слой еще раз, чтобы у нас был отдельный слой для применения фильтра, поскольку мы никогда не хотим касаться исходной информации о пикселях нашего изображения на фоновом слое. Выберите фоновый слой в палитре слоев, затем нажмите Ctrl+J (Win) / Command+J (Mac), чтобы продублировать его. Дважды щелкните имя нового слоя и переименуйте его в «Радиальное размытие:

».

Еще раз продублируйте фоновый слой и переименуйте его в «Радиальное размытие».

Шаг 11. Примените фильтр радиального размытия к новому слою

С новым слоем «Радиальное размытие», выбранным в палитре «Слои», перейдите к меню «Фильтр» в верхней части экрана, выберите «Размытие », а затем выберите «Радиальное размытие 9». 0848, который вызывает диалоговое окно «Радиальное размытие». Сначала установите Blur Method на Zoom , затем установите Quality на Best . Опция Amount вверху определяет степень размытия, которую вы получите. Я собираюсь установить свой на 40 , но вы можете использовать другое значение. Параметр Blur Center в правом нижнем углу диалогового окна определяет, откуда на изображении будет исходить размытие. Попробуйте расположить центр размытия ближе к тому месту, где находится объект на фотографии, щелкнув примерное место в поле «Центр размытия». Это не самая точная вещь в мире, и вам понадобится пара попыток, прежде чем вы сделаете это правильно, поэтому не бойтесь отменить фильтр с помощью 9.0847 Ctrl+Z (Win) / Command+Z (Mac) и повторите попытку, если сначала не получилось:

Фильтр > Размытие > Радиальное размытие, чтобы открыть диалоговое окно Радиальное размытие.