Знакомство с программой фотошоп лучше начинать с создания нового документа. Пользователю на первых порах понадобится умение открывать фото, предварительно сохраненное на ПК. Важно также научиться сохранять в Фотошопе любую картинку.
На сохранение изображения или фотографии влияет формат графических файлов, при выборе которых требуется учитывать следующие факторы:
Размер;
поддержку прозрачности;
число цветов.
Информацию относительно различных форматов можно найти дополнительно в материалах, описывающих расширения с форматами, которые применяются в программе.
Подведем итог. Сохранение картинки в фотошопе выполняется двумя командами меню:
Такую команду следует использовать, если пользователь работает с существующим изображением с целью его редактирования. Программа обновляет файл в том формате, в котором он был до этого. Сохранение можно назвать быстрым: оно не требует от пользователя дополнительной регулировки параметров изображения.
Когда создается новое изображение на компьютере, команда будет работать как «Сохранить как».
Эту команду считают главной, и при работе с ней нужно знать множество нюансов.
После выбора этой команды пользователь должен указать Фотошопу, каким образом он хочет сохранить фотографию. Необходимо назвать файл, определить его формат и показать место, куда он будет сохранен. Все указания выполняют в появившемся диалоговом окне:
Кнопки, позволяющие управлять навигацией, представлены в виде стрелок. Пользователь показывает ими место, где планирует сохранить файл. С помощью стрелки синего цвета в меню нужно выбрать формат изображения и нажать кнопку «Сохранить» .
К примеру, если отдать предпочтение JPG , диалоговое окно будет выглядеть так:
Важно знать, что здесь осуществляется настройка качества изображения по желанию пользователя.
Для выбора обозначения в списке поля с цифрами выбирают нужный показатель, значение которого варьируется в пределах 1-12
. Обозначенный размер файла появится в окне с правой стороны.
Качество изображения способно повлиять не только на размер, а и на скорость, с которой открываются и загружаются файлы.
Базовый («стандартный») – при этом картинки или фото на мониторе отображаются построчно. Так отображаются файлы JPG .
Базовый оптимизированный – изображение с оптимизированной кодировкой Huffman .
Прогрессивный – формат, обеспечивающий показ, во время которого улучшается качество загружаемых изображений.
Сохранение может рассматриваться как сохранение результатов работы на промежуточных этапах. Специально для этого предназначен формат PSD , его разработали для использования в программе Фотошоп.
Пользователю нужно выбрать его из раскрывающегося окна со списком форматов и нажать «Сохранить» . Это позволит при необходимости вернуть фото к редактированию: будет выполнено сохранение слоев и фильтров с эффектами, которые вы уже применили.
Пользователь сможет, если понадобится, снова все настроить и дополнить. Поэтому в Фотошопе удобно работать как профессионалам, так и новичкам: не требуется создавать изображение с самого начала, когда можно вернуться на нужный этап, и все исправить.
Если после сохранения картинки пользователь хочет ее просто закрыть, команды, описанные выше, использовать не обязательно.
Чтобы продолжить работать в программе Фотошоп после закрытия изображения, следует нажать на крестик вкладки картинки. Когда работа завершена, кликните на крестик программы Фотошопа сверху.
В появившемся окне будет предложено подтвердить выход из Фотошопа с сохранением результатов работы или без него. Кнопка отмены позволит пользователю вернуться в программу, если он передумал.
PSD и TIFF
Оба эти формата позволяют сохранять документы (работы) со структурой, созданной пользователем. Сохраняются все слои, их порядок, стили и эффекты. Имеются незначительные отличия по размеру. PSD весит меньше.
Наиболее распространенный формат для сохранения фотографий. Подходит как для печати, так и для публикации на странице сайта.
Основным недостатком данного формата является утрата некоторого количества информации (пикселей) при открытии и произведения манипуляций с фото.
Имеет смысл применять, если на изображении имеются прозрачные участки.
Несжатое и необработанное фото. Содержит наиболее полную информацию обо всех особенностях снимка.
Создается аппаратным обеспечением фотокамеры и обычно имеет большой размер. Сохранять фото в RAW формате смысла не имеет, так как обработанные снимки не содержат той информации, которую требуется обрабатывать в редакторе RAW .
Вывод следующий: наиболее часто фотографии сохраняются в формате JPEG , но, если существует потребность создать несколько изображений разного размера (в сторону уменьшения), то лучше использовать PNG .
Остальные форматы не совсем подходят для сохранения фотографий.
На данном уроке мы рассмотрим форматы сохранения файлов в Photoshop , а так же, чем они отличаются друг от друга.
Всем кто имеет дело с компьютерной графикой очень важно хорошо разбираться в форматах файлов, в которых сохраняется графическая информация.
Формат документа в Photoshop отображается следующим образом. Посмотрим на рисунок, расположенный правее. «Без имени-2 » — это название документа. После точки идет расширение документа , в данном случае jpg .
Никогда не спешите сохранять результаты вашего труда в Photoshop.
В настоящее время существует более 20 форматов графических файлов
, например, jpg, gif, png, bmp, tif
…
От выбранного формата во многом зависит объем файла. Таким образом, создав любое изображение при помощи графического редактора Photoshop
, мы должны сохранить его в виде файла. Главная задача при сохранении — это найти золотую середину между качеством изображения и объемом содержащего файла. Хотя даже фото плохого качества можно улучшить (пример смотрите по приведенной ссылке)
К примеру, наша работа содержит некоторое количество слоев и сегодня просто нет времени закончить этот документ, т.е. нам нужно отложить работу на завтра и сохранить промежуточный вариант своей работы. Чтобы завтра нам не начинать по новой создавать документ, а начать с того места, на котором мы сегодня остановились.
Мы заходим во вкладку ФАЙЛ
и выбираем СОХРАНИТЬ КАК
. В открывшемся окне вписываем имя, выбираем формат psd
и нажимаем СОХРАНИТЬ
.
Кроме того, PSD — это родной формат графического редактора Photoshop . Если мы сохраним наш документ с данным расширением, то открыть мы его сможем в любой, даже самой ранней версии Photoshop.
Если мы уже закончили в Photoshop работу с документом, то лучше сохранить его в другом, более распространенном формате, который будет доступен многим приложениям, например, в формате jpg .
Формат JPG предназначен для компактного хранения многоцветных изображений с фотографическим качеством. Потеря графической информации при сохранении не очень существенна. Формат jpg в Photoshop лучше всего применять уже после окончательного результата обработки изображения.
Формат GIF
предназначен для сохранения растровых изображений в Photoshop
с количеством цветов не более 256. Допустим, такой вот скриншот — скриншот вкладки ФАЙЛ
. Имя документа подчеркнуто красным на рисунке, расширение — зеленым.
На данном скриншоте (рисунке) цветов мало, четкие границы и нет градиента. Формат GIF для данного изображения подходит идеально, он позволяет сохранить прозрачность пикселей. Также формат GIF поддерживает анимацию.
В Формат GIF хорошо сохранять контрастные изображения без плавных переходов или шума, например, логотипы, банеры, схемы, чертежы и т.п.
Формат GIF часто применяется в web-дизайне.
Формат PNG аналогичен формату GIF . Небольшое отличие заключается лишь в том, что png способен отображать бОльшее количество цветов. Позволяет сохранять изображение с глубиной цвета 24 и даже 48 bit.
Формат PNG целесообразно использовать в web-дизайне для сохранения небольших многоцветных изображений с мелкими деталями, например, переливающиеся кнопки с картинками. Размер такого файла будет больше, чем в gif или jpg .
Мы заходим во вкладку ФАЙЛ
в Photoshop
. Для сохранения изображения в файле существует несколько команд.
Если нам нужно задать другой формат файла, изменить его имя и местоположение, тогда лучше использовать ФАЙЛ-СОХРАНИТЬ КАК , т.е. мы здесь задаем имя, формат, указываем место для сохранения.
Если в дальнейшем наш файл попадет в интернет, то лучше для этого воспользоваться ФАЙЛ-СОХРАНИТЬ для Web устройств .
Открыв данную команду у нас появляется диалоговое окно, где мы видим наше изображение. В левом нижнем углу отображается размер данного изображения
(на рисунке размер изображения показан в синем квадратике).
Что же мы можем сделать с нашим изображением?! Как нам поменять его параметры?!
Справа от нашего изображения мы можем задать формат
, в котором мы его сохраним. При этом, при выборе того или иного формата
, мы можем наблюдать все изменения нашего изображения на экране.
Также мы можем установить качество изображения при сохранении в том или ином формате
.
В зависимости от выбора качества и формата у нас будет меняться размер изображения. Имейте ввиду, что при установке качества изображения «среднее», качество изображения практически не изменится, а вот размер изображения будет меньше. Поэтому, как мне кажется, данная опция очень важна при сохранении изображения.
Выбрав оптимальный вариант сохранения изображения, нажимаем СОХРАНИТЬ и выбираем папку для сохранения.
Сегодня мы поговорим о том, как правильно сохранить и оптимизировать картинку в фотошопе и в каком формате это лучше сделать. А ведь правильный выбор формата сохранения очень сильно влияет на качество и внешний вид картинки, а также на вес картинки в килобайтах. Это особенно важно для тех, кто учитывает расход трафика. Итак, давайте разберемся по порядку с jpg, gif и png.
1. В каких форматах сохранять картинки
После того, как вы открыли в фотошопе любимую фотографию и каким-то образом поколдовали над ней или, вообще, создали с нуля коллаж собственного производства, вам предстоит сохранить этот файл у себя на компьютере. Для сохранения файла существуют три самых распространенных формата.
Формат jpg.
Пожалуй, самый распространенный формат. Подходит для сохранения сложных графических изображений со множеством цветов и оттенков и насыщенной текстурой. То есть фотографии лучше всего сохранять в этом формате. Среди его недостатков — не поддерживает прозрачность и очень чувствителен к красному цвету.
Формат gif.
В этом формате очень хорошо сохранять файлы, с ограниченным количеством цветов. Например, текстовые страницы, таблицы, схемы, логотипы, простые картинки. Получается гораздо четче и весит меньше. Плюс формат поддерживает прозрачность и анимацию. Однако, формат морально устаревает и уже уступает формату png.
Формат png.
Похож на предыдущий формат, но более продвинут и эффективнее сжимает картинки. В png очень удобно сохранять клипарты на прозрачном фоне. Существует в двух форматах png-8 (для простых картинок, поддерживает 256 цветов) и png-24 (для более сложных изображений, хорошо поддерживает цвета).
2. Сохраняем с помощью функции «Сохранить как…» (Save as…)
Можно сохранить картинку используя старый добрый способ через меню «Файл» -> «Сохранить как…» (Save as…) или комбинация клавиш «Shift+Ctrl+S». В выпадающем меню выбирается формат файла, в котором хотим сохранить файл. (Смотрим рисунок ниже) Этот способ используется когда сохраняемая картинка останется на вашем компьютере и не предназначается для публикации в интернете.
3. Сохраняем с помощью функции «Сохранить для Web» (Save for Web…)
Если же ваша картинка предназначена для того, чтобы быть вывешенной в интернете, то лучше воспользоваться функцией «Сохранить для Web» (Save for Web…). При таком способе картинка лучше и качественнее сохраняется именно для интернета и плюс там есть несколько удобных возможностей. Выбираем в меню «Файл» -> «Сохранить для Web…» (Save for Web…) или комбинация клавиш «Alt+Shift+Ctrl+S». Откроется диалоговое окно.
Для того, чтобы сохранить картинку в формате jpg в выпадающем меню (1) выбираем формат JPEG. Ставим качество сохранения (2) от 75% до 95%. Я всегда ставлю 75%. Устанавливаем, если надо, необходимые размеры картинки (3). В окошках слева показан изначальный размер картинки (4) и размер оптимизированной картинки (5). После этого нажимаем «Сохранить».
Для того, чтобы сохранить картинку в формате gif в выпадающем меню (1) выбираем формат GIF. Выбираем количество цветов для сохранения (2). Устанавливаем, если надо, необходимые размеры картинки (3). В окошках слева показан изначальный размер картинки (4) и размер оптимизированной картинки (5). После этого нажимаем «Сохранить».
Для того, чтобы сохранить картинку в формате png в выпадающем меню (1) выбираем формат PNG-8. Выбираем количество цветов для сохранения (2). Устанавливаем, если надо, необходимые размеры картинки (3). В окошках слева показан изначальный размер картинки (4) и размер оптимизированной картинки (5). Ставим галочку в чекбоксе «Прозрачность» (6) для того, чтобы фон был прозрачным. После этого нажимаем «Сохранить».
Если сразу не понятно, в каком режиме сохранять, лучше всего перепробовать все режимы сохранения, на глаз определяя оптимальное для вас сочетание качества картинки и ее веса после оптимизации. Вообще, полезно поэкспериментировать с настройками, чтобы понять, как работает та или иная функция.
Графический редактор Photoshop способен работать с файлами разных типов. Вполне естественно возникает вопрос: а к чему такое разнообразие? Собрав информацию из разных источников, я выяснила преимущества и недостатки основных форматов.
Название этому формату дала группа экспертов Joint Photographic Experts Group . В настоящее время JPEG является самым распространенным форматом для хранения фотографий. Плюсы - относительно небольшой размер файлов и широкая распространённость в использовании. Минус - алгоритм сжатия с потерями. При многократной перезаписи JPEG происходит постепенное искажение деталей и накопление артефактов сжатия, что ведёт к сильному падению качества.
GIF (аббревиатура от Graphic Interchange Format ) имеет очень ограниченную цветовую палитру (8 бит, 256 цветов), поэтому для хранения фотографий и разных арт-проектов он не годится. Но поскольку формат поддерживает сжатие без потерь и создание анимированных изображений, он довольно часто используется для хранения элементов оформления веб-сайтов и баннеров.
В формате Portable Network Graphics используются незапатентованные (а значит, открытые для всех разработчиков) алгоритмы сжатия графической информации без потерь, поэтому PNG является хорошим форматом для редактирования изображений, даже для хранения промежуточных стадий редактирования, так как восстановление и пересохранение изображения проходят без потерь в качестве.
Tagged Image File Format поддерживает сжатие графической информации без потерь ценой существенного увеличения размеров файлов по сравнению с JPEG. TIFF стал популярным форматом для хранения изображений с большой глубиной цвета, используется при сканировании, отправке факсов, распознавании текста, в полиграфии, широко поддерживается графическими приложениями.
Формат Encapsulated PostScript достаточно популярен в различных системах вёрстки. П ри открывании файла EPS, содержащего векторную графику, Photoshop растрирует изображение, преобразуя векторную графику в пиксели. Формат используется в профессиональной полиграфии, и может содержать растровые изображения, векторные изображения, а также их комбинации. Изображение, записанное в EPS-формате, может быть сохранено в разных цветовых пространствах: Grayscale, RGB, CMYK, Lab.
Формат DCS (Desktop Color Separations ) является версией стандартного формата EPS, позволяющей сохранять цветоделение в CMYK-изображениях.
Photoshop Document - «родной» формат Photoshop, позволяющий сохранять всю структуру рабочего файла, включая слои, маски и обтравочные контуры. Поддерживает файлы размером до 2 Гб. Файлы, размер которых превышает 2 ГБ, необходимо сохранять в формате Large Document Format (PSB).
Формат Photoshop Raw является гибким форматом файла, предназначенным для передачи изображений между приложениями и компьютерными платформами. Этот формат поддерживает изображения CMYK, RGB и в градациях серого с альфа-каналами, а также многоканальные изображения и изображения Lab без альфа-каналов. Документы, сохраненные в формате Photoshop Raw, могут быть любого размера в пикселях и иметь любой размер файла, однако не могут содержать слои.
Portable Document Format - формат для предоставления (просмотра) электронных документов, некоторые специалисты ассоциируют его с «безбумажным офисом». Главное преимущество - на экранах любых компьютеров, равно как и при распечатке на любых принтерах, PDF-документы выглядят одинаково: страницы не искажаются, а элементы оформления не разъезжаются в разные стороны.
Надеюсь, Вы найдёте в этой статье полезную для себя информацию, которая поможет Вам в освоении широких возможностей Photoshop.
В этой публикации мы собрали для вас полезные расширения для Photoshop. Они обязательно пригодятся веб-дизайнерам, которые разрабатывают свои проекты в фотошопе, но не только им.
Практически все примеры бесплатны!
Layrs Control - это бесплатный плагин, который содержит сценарии, помогающие сэкономит время при работе со слоями. У вас появится возможность одним кликом удалить неиспользуемые эффекты или пустые слои, объединить стили слоя и пр.
Множество направляющих во время работы в фотошопе способны вывести из себя любого. Расширение GuideGuide делает работу с направляющими проще и более организованной. У вас есть возможность создания направляющих на основе документа или выделения, а также можно задать конкретное расстояние. Вы можете сохранять шаблоны направляющих и использовать их в других документах.
Плагин Web Font дает вам возможность при помощи фотошопа получить доступ к огромной библиотеке веб шрифтов. Расширение работает только вместе с Suitcase Fusion 5 и WebINK. Но польза его велика. Вы можете примерить любой веб шрифт, без скачивая и установки.
Skeuomorphism - это простое расширение для фотошопа, которое в минуты делает ваш дизайн плоским, заменяя градиенты сплошным цветом.
CSS3PS делает проще процесс преобразования макетов Photoshop в сломи CSS3.
Множество полезных эффектов для ваших изображений совершенно бесплатно.
ContrastMaster - это плагин и редактор Lightroom для создания эффектных контрастов, фотореалистичных картинок, эффекта HDR и пр. (Бесплатный пробный период)
Cut and Slice Me позволяет экспортировать объекты на любые девайсы за считанные секунды.
Помогает конвертировать макеты Photoshop в темы для WordPress.
Расширение помогает в работе со столь необходимыми в вебе PNG-файлами. Плагин поддерживает управление альфа-каналом, переменную компрессию, профиль ICC и сохранение метаданных.
Flaticon - это свободный проект, созданный по инициативе дизайнеров и разработчиков. Это также одна из самых больших баз бесплатных векторных иконок, доступных для загрузки в SVG, PSD или форматах PNG. Вы также можете конвертировать иконки в веб-шрифты, полностью масштабировать и редактировать их.
