Перейти в режим чтенияДавайте попробуем то, что вы уже выучили! Внизу этого урока можно загрузить изображение, которое мы для вас подготовили.
Упражнение 1
Изображение было загружено из Интернета в формате jpg и занимает 329 Кб:
Скачайте его кликнув по нему и сохраните на свой компьютер:
Загрузите его в программу и выполните следующие действия:
Первый вариант
- Откройте изображение в программе
- Сохраните его также в формате .png
- Проверьте его размер.
Проверить размер изображения можно, кликнув левой кнопкой мыши по нему и просмотрев поле Размер в открывшемся окне.
Размер изменился?
Помните, если вы используете любую из альтернатив, вполне возможно, что у вас нет всех этих вариантов.
В Photopea можно перейти к меню File (Файл) > Export As (Экспортировать как) > PNG.
Второй вариант
- Откройте изображение в программе
- Сохраните его в формате .psd
- Проверьте размер изображения
Третий вариант
Если вы используете Photoshop или любую из альтернатив, поддерживающих эти параметры, можно попытаться выполнить следующие действия.
- Откройте изображение в программе
- Переключите его в режим CMYK
- Сохраните его как .jpg
- Проверьте размер изображения.
Четвертый вариант
Если вы используете Photoshop или любую из альтернатив, поддерживающих эти параметры, можно также попытаться выполнить следующие действия.
- Откройте изображение в программе
- Переключите его в режим градации серого
- Сохраните его как .jpg
- Проверьте размер изображения.
Размер изображения
Пора узнать, что такое разрешение изображения, как отрегулировать его размеры и как это влияет на его размер.
Во вкладке Image (Изображение) можно воспользоваться опцией Image Size (Размер изображения), как показано ниже:
Активация этой опции открывает следующее окно:
Как Вы видите выше, есть такие параметры, как Pixel Dimensions (Размер в пикселях) и Document Size (Размер документа).
Параметр Pixel Dimensions фактически указывает, сколько пикселей содержит изображение по ширине и высоте. В приведенном выше примере изображение имеет 5184 пикселей в ширину и 3456 пикселей в высоту.
Его разрешение, как указано, 72 пикселя на дюйм для заданных размеров. Что это действительно значит? Количество пикселей влияет на разрешение изображений, поскольку разрешение – это не что иное, как количество пикселей на дюйм.
Чем больше пикселей на одном дюйме, тем выше качество, то есть разрешение изображения. Проще говоря, если изображение имеет низкое разрешение, оно будет размытым.
В разделе Document Size (Размер документа), вы регулируете ширину и высоту документа в дюймах, миллиметрах, сантиметрах или любых других предложенных единицах измерения, нажимая на раскрывающееся меню (на нашем изображении вы открываете меню, нажав стрелку вниз рядом с дюймами).
Эти параметры можно изменить. Конечно, после завершения настройки нажмите Save (Сохранить).
Сколько памяти на компьютере будет занимать документ, зависит как от разрешения изображения, так и от содержащихся в нем слоев. О слоях мы еще поговорим позже.
Теперь узнаем, как можно изменить разрешение или размер изображения.
Разница между размером изображения и размером холста.
В раскрывающемся меню «Изображение» под параметром Image Size (Размер изображения) вы увидите опцию Canvas Size (Размер полотна):
С помощью функции Canvas Size (Размер Холста) можно увеличить рабочее окно, добавив пространство вокруг всех четырех сторон документа.
С помощью этой опции вы подгоняете размеры вашего холста, то есть рабочей зоны. Таким образом, вы фактически изменяете края документа. Конечно, можно также настроить эти параметры в диалоговом окне:
Как видите, первая часть содержит текущие размеры (Current Size), а вторая – параметры новых размеров (New Size). Вы можете ввести все необходимые значения.
Убедитесь, что слой Background (Задний фон) активирован! Если нет, то края будут иметь прозрачные пиксели.
- Если активировать параметр Relative (Относительно), то заданные размеры будут применяться только к размеру рамки, а не ко всему полотну.
- Поле Anchor (Привязка) служит для того, чтобы определить, с какой стороны будут добавлены края.
- Последний параметр Canvas extension color (Цвет расширения холста/полотна) позволяет выбрать цвета краев.
Изменение разрешения и размера изображения
Повышение разрешения изображения фактически означает увеличение пикселей на единицу измерения. Может случиться так, что у вас достаточное количество пикселей, но низкое разрешение, или что у вас недостаточное количество пикселей для увеличения разрешения.
Если у вас достаточно пикселей, вам понадобятся некоторые из следующих параметров в окне Image Size (Размер изображения) :
Scale Styles (Масштабировать стили) – если вы применили стили к изображению, включите этот параметр.
Constrain Proportions (Сохранить пропорции) – параметр, обеспечивающий автоматическую корректировку, т.е. сохраняя первоначальные пропорции изображения.
R esample Image (Изменение разрешения изображения) – при выборе опции можно изменить размеры изображения в пикселях.
После того как вы активировали эти параметры, вы можете задать нужный уровень разрешения в поле Resolution (Разрешение) – в нашем примере это 72.
Поля высоты и ширины документа автоматически отобразят новые размеры.
Кроме того, вы можете отключить параметр Resample Image (Изменение разрешения изображения) и ввести размеры изображения в сантиментах, дюймах (в зависимости от того, какая единица выбрана), и вы автоматически увидите разрешение изображения на основе пикселей, содержащих изображение.
Что делать, если у меня недостаточно пикселей?
Низкое меню под этими тремя параметрами предлагает вариант Bicubic Smoоther (best for enlargement) – Бикубическое Сглаживание (лучше для увеличения).
Там вы также можете задать нужное разрешение. Раздел Pixels Dimensions автоматически изменится, как и размер документа.
Модификация размеров
Для изменения размеров изображения лучше активировать параметр Resample Image (Изменить размер изображения) и в раскрывающемся меню под параметром выбрать опцию Bicubic Sharper (best for reduction) – Бикубическая Четкость (лучше для уменьшения).
Затем ввести в поле размера тот размер, который вам нужен. Все остальные значения изменятся автоматически. Попытайтесь это сделать!
При настройке изображения для Интернета следует ориентироваться на размеры в пикселях. Меняете их, как объяснено в уроке.
Увеличение изображения без потери качества
Чтобы увеличить изображение с минимальной потерей качества, следуйте следующим шагам:
Выберите Resample Image (Изменить размер изображения) и в раскрывающемся меню выберите Bicubic Smoother (Бикубическое сглаживание). Кроме того, включите параметр Constrain Proportions (Сохранить пропорции), чтобы пропорционально увеличить изображение.
В раскрывающемся меню единиц измерения для Width (Ширина) и Height (Высота) в разделе Pixel Dimensions (Размеры пикселей) выберите Percent (Процент). Затем в поле Ширина или Высота введите значение от 105 до 110%. Второе значение изменится автоматически и пропорционально.
Нажмите кнопку ОК для увеличения изображения на введенное значение.
Повторите действия столько раз, сколько нужно, чтобы получить изображение нужного размера.
Обратите внимание, что такой подход не улучшает качество изображения, но увеличивает размеры при минимальных потерях качества.
Что такое слои?
Многие программы имеют свои элементы, напоминающие иностранные тетради или книги. Word имеет страницы, Excel – письма, PowerPoint – слайды, а Photoshop – слои или Layers на английском языке. И это действительно – слои.
То есть изменения, внесенные в документ, относятся к одному из слоев этого документа.
Каждый слой может быть прозрачным или непрозрачным, то есть он может позволить нам видеть, что находится под ним или нет. Представьте себе изготовление коллажа.
Сначала мы создадим новый документ, а затем открываем изображение. Обе операции вы уже изучили, поэтому предлагаем открыть Photoshop и работать параллельно с уроком.
На конкретном примере мы покажем, что такое слои, прежде чем разбираться с ними поподробнее.
Упражнение 2
Скачайте файлы, которые подготовлены для вас.
Лимоны
Банан
Виноград
Яблоко
Персик
Нажмите кнопку File (Файл), затем на New (Новый), откройте новый документ формата А4 и выберите горизонтальное положение Landscape (Пейзаж), если в вашей версии есть такая функция, если нет, то можно поменять параметры Ширины и Высоты местами.
Далее перетащите картинку в документ. Это будет выглядеть следующим образом:
Как видите, сбоку на панели Layers (Слои) появился новый слой, который называется введенным нами документом, а на верхней панели есть опция принять или нет новый элемент в Вашем документе.
Нажмите на галочку.
Затем вы активируете слой, щелкнув по нему на панели “Слои”, то есть на лимоне. Далее перейдите во вкладку Edit (Редактирование) и Free Transform (Свободная трансформация), чтобы изменить размер, вот так:
После того как мы изменили размер и решили где мы хотим, чтобы было изображение лимона, мы добавим картинку банана, которую мы также будем корректировать.
Смотрите ниже:
Как вы видите выше, банан находится поверх лимонов. Если вы хотите, чтобы лимон был сверху банана, сделайте это, поменяв слои на панели местами (передвигая слой) – нажмите на слой «банан» и, удерживая клавишу мыши, перемещайте его под лимоны. Так вы получите необходимое вам изображение.
Удаление и копирование слоев
Удалить слой можно, нажав на него и выбрав Delete (Удалить) или нажав Delete на клавиатуре:
Посмотрим на видео, как это все выглядит: