Как сохранить документ в фотошопе | Soohar
В этом уроке вы узнаете, как сохранить документ в фотошопе. После того как фотография была отредактирована то, скорее всего вы задались вопросом как ее сохранить? Для этого в фотошопе предусмотрены три команды: Save (Сохранить), Save As (Сохранить как) и Save for Web & Devices (Сохранить для Web и устройств):
Основные сведения
Все три команды можно выполнить через меню File (Файл):
Команда Save (Сохранить), позволяет сохранить документ, в том формате, в котором была открыта изначально. Ее рекомендуется использовать в том случае, когда вы редактируете изображение, что бы в случае зависания программы не потерять результаты. Следующая команда, Save As (Сохранить как), будет для вас наиболее полезна, она позволяет выбрать формат сохранения, качество и название. Команда Save for Web & Devices(Сохранить для Web и устройств) полезна для сохранения изображения веб ресурсов или каких либо устройств, позволяя сильно сжимать и менять размеры изображения. Что бы изучить настройки этой команды потребуется отдельный урок.
Сохранение файла в формате JPEG
Один из самых распространенных форматов нашего времени. Большую популярность получил за то, что даже при небольшом размере хорошо сохраняет цвета. JPEG поддерживают практически все мультимедиа устройства и все веб браузеры.
Для соxранения изображения в этом формате нужно выбрать File (Файл)- Save As (Сохранить как), после чего откроется окно с настройками сохранения, о котором подробно будет рассказано ниже:
- В верхней части расположено окно для выбора места сохранения вашем жестком диске.
- Изменение имени файла
- В поле Format (Формат) можно выбрать формат для файла. Выберите формат JPEG и нажмите сохранить.
Перед вами откроется окно с настройками файла:
В разделе Image Options можно выбрать качество и степень сжатия:Low (Низкое), Medium (Среднее), High (Высокое) и Maximum (Максимальное). Легче всего это сделать при помощи ползунка. Помните, что чем больше сжатие, тем хуже качество. Слева указан размер файла. В разделе Format Options можно выбрать один из трех методов сжатия:
- Baseline Standart (Базовый Стандартный) этот метод сжатия самый распространяемый, идеально понимаемый формат для устройств и веб браузеров.
- Baseline Optimizes (Базовый оптимизированный) метод который позволяет сжимать изображение, но при этом сохранять четкость и краски.
- Progressive (Расширенный) с помощью сoхранения этого метода изображение будет загружаться не построчно, а за несколько проходов по мере загрузки. В каждый из них будет выводится полное изображения, улучшаясь от прохода к проходу. Некоторые браузеры и устройства плохо с ним работают.
Оставьте Baseline Standart и нажмите OK
Сохранение файла в формате PSD
При сохранении файла в формате PSD сохраняются все процессы редактирования, включая слои, маски, фильтры и тд. Поэтому если вы откроете этот формат в Photoshop, то сможете с легкостью внести изменения.
Вновь выберите File (Файл) — Save as (Сохранить как). В открывшемся окне в поле Format (Формат) выберите PSD:
В статье Форматы графических файлов более подробно рассказано о форматах изображений.
Похожая по теме статья: Как создать новый документ в фотошопе
Сохранение изображений из PSD макета
Содержание статьи
Всем привет! Сегодня мы научим вас сохранять изображения из PSD макета. Любой веб-дизайнер или верстальщик обязан уметь делать это быстро и без каких-либо затруднений. Рассмотрим способ экспортирования всех необходимых картинок из PSD макета, а также способ сохранения отдельных изображений с помощью кадрирования. Начнем!
Быстрый экспорт всех нужных изображений из PSD макета
Данный метод будет актуален для пользователей Photoshop CC, так как на более ранних версиях отсутствует данная функция.
- Для начала нам нужно взять какой-либо макет. В нашем случае макет PSD состоит всего из двух слоев – фона и надписи. Кстати, если хочешь узнать, как сделать размытие на фото подобно тому, что в примере, читай Как сделать размытие на фотографии.
- Наша задача сохранить картинку фона, имеющую формат .jpg. Необходимо к названию фона добавить название формата фото, просто переименовав слой. Например, хххх.jpg как показано на скрине:
- После, нам нужно зайти во вкладку «Набор изображений». Она находится Файл → Генерировать → Набор изображений. На скрине показано наглядно:
- Обратите внимание, что после клика по вкладке «Набор изображений», должна появиться галочка:
- После мы просто нажимаем сочетание клавиш Ctrl + S (быстрое сохранение) и в папке, где сохранен наш макет, вы увидите папку с картинками, которые будут откадрированы, и готовы к верстке:
Благодаря этому способу, вы сэкономите много времени на монотонный и скучный процесс подготовки изображений к верстке и не только.
Сохранение отдельного изображения из PSD макета
Данный способ позволит вытащить из PSD отдельную картинку. Для примера мы возьмем макет из первого способа.
- Как правило макеты состоят не из двух слоев, а из сотен и тысяч, что затрудняет поиски нужного слоя с картинкой. Представим, что нам сложно найти слой с картинкой и параллельно научимся искать из тысяч необходимый. Для этого включаем инструмент «Перемещение», нажав горячую клавишу V. Включаем в верхней панели «Автовыбор» и переводим переводим его в режим «Слой»:
- Теперь нам необходимо просто кликнуть по нужному слою, и он будет выбран в панели слоев:
- После нам нужно отключить все слои, кроме слоя с нужной картинкой. Чтобы не отключать каждый слой отдельно, нужно зажать клавишу Alt и кликнуть по «Глазу» слоя который необходимо оставить видимым. Таким образом будут отключены все слои, кроме того, который мы сохраняем:
- После зажимаем клавишу Ctrl и кликаем по миниатюре слоя:
- Дальше нам остается кадрировать картинку с помощью функции, которая находится по пути Изображение → Кадрировать:
- Теперь наше изображение кадрировано, и его можно сохранять.
Вот мы с вами и освоили быстрые и удобные методы сохранения всех изображений в PSD макете и индивидуально каждое изображение отдельно.
Как сохранить изображения из макета PSD без Photoshop?
Всем привет! Сегодня я расскажу как можно весьма неплохо работать с PSD-макетами без Фотошопа на компьютере. В свободное время немного увлекаюсь вёрсткой (учебные цели) и порой возникает необходимость “распилить” какой-либо учебный макет на кусочки, чтобы использовать их уже по назначению.
Дизайнеры обычно поставляют шаблон в формате Adobe Photoshop (уже некий де-факто стандарт), и нам, верстальщикам, нужно распилить его на отдельные изображения (померить все расстояния) и т.д., для правильной вёрстки. Как это сделать?
Самый простой вариант – имея Photoshop. Но что делать, если под рукой его не оказалось? Оказывается, Adobe бесплатно предоставляют инструмент, которым можно воспользоваться, чтобы выполнить некоторые операции с PSD-файлами.
https://assets.adobe.com/
Но для этого нам потребуется AdobeID:
Открываем сайт по ссылке, что я дал выше, кликаем на “Получить Adobe ID”, если ещё не имеем. Регистрация бесплатна, рекомендую.
И жмём на вход!
Попадаем в рабочий кабинет. Переходим на “Мои ресурсы”, здесь будут хранится все наши файлы и, кстати, кусочки, которые мы будем вырезать. Жмём на ссылку “отправить” с моего компьютера. При этом загружаем макет PSD.
Я взял типовой макет Nerds, который верстаю в свободное время (учусь), это для примера. В принципе можно загрузить произвольный.
Загрузили файл. Увидели его предпросмотр.
Кликаем на пиктограмму и открывается макет. Переходим на вкладочку Extract. Здесь у нас две зоны – первая – макет, вторая – свойства. Кликаем на произвольное изображение и видим выпадающую панельку, где можно сохранить изображение отдельно, а так же увидеть его размеры и смещение. А в правой части увидеть CSS стиль элемента.
В частности вот шрифт. Видим, что используется шрифт Roboto, дан его размер и т.д.
Сохраняем произвольную картинку с макета, как я показывал, кликаем на изображении, нажимаем на кнопку загрузки в появившейся под картинкой панели, выбираем формат сохранения. Что выбрать JPEG или PNG? Когда картинка будет сохранена, она отобразится во вкладке “Ресурсы”.
Теперь снова переходим на главную – куда мы закачивали макет – там в файлах появится новая папка, в которую скидываются все сохраненные файлы.
Каждый файл мы можем сохранить, кликнув на него, открыв и выбрав в операциях пункт “Загрузить”.
Такой вот нехитрый способ, о котором я узнал буквально сегодня! Может кому-то пригодится!
Как грамотно организовать PSD-файлы в Фотошоп? / Фотошоп-мастер
Не имеет значения, какой вид работ вы выполняете в программе Фотошоп, поддержание PSD файлов в хорошо организованном состоянии является чрезвычайно важной задачей. Это особенно важно, если вы работаете в команде с дизайнерами, разработчиками, или художниками, которым в дальнейшем придется работать с вашими фотошоп-файлами. В данном уроке я поделюсь с вами десятью советами и методами, использование которых поможет вам создавать профессиональные и хорошо организованные файлы формата PSD. Итак, давайте приступим!
1. Используйте Направляющие и Сетки
В программе Фотошоп есть достаточно много вариантов, которые могут помочь вам выровнять объекты по отношению друг к другу. Направляющие (Guides) и Сетки (Grids) являются очень полезными инструментами, которые помогут вам спозиционировать и трансформировать объекты на вашей пиксельной сетке.
2. Используйте смарт-объекты для повторяющихся элементов
Используйте смарт-объекты (Smart Objects) всякий раз, когда вы хотите использовать несколько экземпляров одного и того же слоя или группы слоев. Это позволит вам вносить изменения во все экземпляры одновременно, просто отредактировав то, что вам необходимо в исходном экземпляре.
3. Работайте с группами слоев и их масками
Группы слоев — это важный инструмент, который дает нам возможность структурировать и грамотно упорядочить наши фотошоп-файлы. Помещайте взаимосвязанные между собой объекты в группу. Это даст возможность вам или кому-то другому, кто будет в дальнейшем работать над этим файлом, легко понять, где какие элементы расположены. Кроме того, вы можете применять маску сразу к группе слоев, тем самым, давая возможность замаскировать несколько элементов одновременно.
4. Давайте имена и различные цвета вашим слоям
Называние абсолютно каждого слоя, один за другим, может показаться достаточно затратным занятием по времени, но на самом деле это один из лучших способов улучшить эффективность вашего рабочего процесса в программе Фотошоп. С выходом обновления программы до версии Photoshop CC (14.2), у вас появилась возможность использовать 255 символов при назывании ваших слоев, что позволяет дать достаточно много информации о каждом слое. Также не забывайте про возможность использования цветных ярлыков на слоях, что позволяет легко и гораздо быстрее отыскивать нужные нам слои. Вы всегда можете использовать Фильтрацию слоев (Layer Filtering) в верхней части палитры Слои (Layers Panel), чтобы искать слои по их имени или цветовым ярлыкам.
5. Старайтесь поддерживать четкость текста
Когда бы вы ни работали с текстовыми слоями в Фотошоп, вам всегда необходимо быть уверенными, что вы не исказили их внешний вид при использовании инструмента Свободное трансформирование (Free Transform Tool). Вместо масштабирования текста, измените его размер в пунктах и постарайтесь использовать при этом целые числа. Кроме того, вам необходимо также убедиться, что ваш текст по-прежнему сохраняет возможность его редактирования, поэтому не сливайте его воедино с другими слоями. Если вы используете одну и ту же стилизацию на нескольких текстовых слоях, то вам нужно определить стили Символа и Параграфа (Character and Paragraph Styles), чтобы сэкономить время и быть более организованным.
6. Используйте Композиции слоев вместо нескольких PSD файлов
Если вам требуется использовать несколько вариантов макета в фотошопе, то вам лучше воспользоваться опцией Композиции слоев (Layer Comps), вместо того, чтобы сохранять отдельные PSD файлы для каждого из вариантов. Преимущество от хранения только одного PSD файла, используя Композиции слоев (Layer Comps), заключается в том, что вы по-прежнему можете вносить изменения в ваши слои и видеть получившиеся изменения на ваших сохраненных Композициях слоев (Layer Comps). Это может быть очень хорошим вариантом для экономии времени, и, применяя Композиции слоев (Layer Comps), вы также сможете сэкономить значительный объем памяти для хранения ваших проектов.
7. Используйте корректирующие слои
Корректирующие слои (Adjustment Layers) — это великолепный инструмент, который поможет вам применять «неразрушающие» редактирующие воздействия к вашим изображениям в Фотошоп. Помимо этого, кто угодно, работающий с вашим файлом PSD, сможет быстро увидеть, какие именно настройки вы использовали для определенного элемента.
8. Используйте Векторные фигуры всегда, когда это возможно
Векторные маски (Vector Masks), векторные фигуры (Shapes) и контуры (Paths) обеспечивают намного большую гибкость, по сравнению с растровыми слоями, и они могут быть легко отредактированы и настроены с помощью таких инструментов как, Выделение узла (Direct Selection Tool) и Перо (Pen Tool). Главное преимущество работы с векторной графикой — это то, что она абсолютно независима от разрешения экрана, что на практике означает, что мы можем свободно изменять размеры векторного объекта без потери качества.
9. Используйте образцы для согласованных цветов
Если вы выбрали вашу цветовую схему для проекта на ранних этапах, т.е. в процессе разработки дизайна, позаботьтесь о создании образцов для ваших выбранных цветов. Сохранение образцов цвета в палитре Образцы (Swatches Panel) даст вам в дальнейшем быстрый и легкий доступ к вашей цветовой схеме.
10. Удаляйте ненужные слои
Ненужные слои будут загромождать ваш файл и увеличат его размер на диске. Чтобы сократить нагромождение, удалите ненужные слои или слейте их воедино, где и когда это возможно. Векторные слои, например, могут быть слиты вместе, при этом совсем необязательно их растрировать. Чтобы удалить пустые слои в Фотошоп, выберите меню Редактирование — Скрипты (Edit > Scripts), далее Удалить все пустые слои (Delete All Empty Layers), или же воспользуйтесь опциями фильтрации в палитре Слои (Layer Panel).
Автор: Martin Perhiniak
Форматы файлов в Adobe Photoshop
Формат Photoshop Raw является гибким форматом файла, предназначенным для передачи изображений между приложениями и компьютерными платформами. Этот формат поддерживает изображения CMYK, RGB и в градациях серого с альфа-каналами, а также многоканальные изображения и изображения Lab без альфа-каналов. Документы, сохраненные в формате Photoshop Raw, могут быть любого размера в пикселях и иметь любой размер файла, однако не могут содержать слои.
Формат Photoshop Raw состоит из потока байтов, описывающего данные о цвете в изображении. Каждый пиксель описывается в двоичном формате, где 0 представляет черный цвет, а 255 — белый цвет (для изображений с 16-битными каналами белый описывается значением 65535). Photoshop определяет число каналов, необходимых для описания изображения, а также любые дополнительные каналы изображения. Можно задать расширение файла (Windows), тип файла (Mac OS), указать создателя файла (Mac OS) и данные заголовка.
В Mac OS тип файла, как правило, представляет собой четырехзначный идентификатор, определяющий файл, например идентификатор TEXT определяет файл как текстовый файл ASCII. Создатель файла обычно также обозначается четырехзначным идентификатором. Большинство приложений Mac OS имеют уникальный идентификатор создателя файла, зарегистрированный в группе Apple Computer Developer Services.
Параметр «Заголовок» определяет количество байтов данных в файле, предшествующих собственно данным изображения. Этим значением определяется число нулей, вставляемых в начале файла в качестве местозаполнителей. По умолчанию заголовок не используется (размер заголовка = 0). При открытии файла можно ввести заголовок в формате Raw. Можно также сохранить файл без заголовка, а затем использовать специальную программу для редактирования файлов, например HEdit (в Windows) или Norton Utilities (в Mac OS), чтобы заменить нули данными заголовка.
Можно сохранить изображение в формате с чередованием или без. Если выбран режим с чередованием, значения цветов (например, красного, зеленого и синего) хранятся в определенной последовательности. Выбор зависит от требований приложения, которым предполагается открывать файл.
Восстановление файлов Adobe Photoshop (.psd) – ФотоКто
Такое случается во время работы с разнообразными плагинами или надстройками, изображениями очень большого размера. И как правило неожиданно, когда пользователь не сохранил внесённые в файл изменения. Веря в надёжность программы, пользователи часто не имеют привычки регулярно сохранять файл.
Активируйте функцию автоматического сохранения
Пользователь не может предотвратить ошибку или сбой программного обеспечения, но к нему можно заблаговременно подготовиться. Файл можно регулярно сохранять, но лучше настроить функцию автосохранения Photoshop.
По умолчанию, если активировать данную функцию, время автосохранения установлено на каждые 10 минут. Но за 10 минут можно сделать много работы и поэтому лучше устанавливать минимально допустимое значение – 5 минут.
Примечание: программа позволяет установить интервал автоматического сохранения файла в промежутке от 5 минут до 60 минут.
Чтобы включить и настроить указанную функцию откройте Adobe Photoshop, перейдите в закладку: Редактирование / Установки / Обработка файлов
В открывшемся окне, поставьте галочки напротив «Сохранять в фоне» и «Автоматически сохранять информацию о восстановлении», а также установите желаемый промежуток времени.
Функция «Сохранить в фоне», позволит программе осуществлять автосохранение в фоновом режиме, не отрывая пользователя от работы.
Автоматическое восстановление
В случае осуществления правильной настройки функции автосохранения, открывая Adobe Photoshop после сбоя или зависания программы, он должен предложить восстановить последнюю версию автоматически сохранённого файла. Но часто этого по каким-то причинам не происходит.
В таком случае, перейдите в папку на диске :C, в которой Photoshop сохраняет версии документов для автоматического восстановления в формате PSB (это тот же PSD файл, который поддерживает файлы большого размера и может быть открыт с помощью Фотошопа).
Данную папку можно найти по следующему пути:
C:\Users\Имя пользователя\AppData\Roaming\Adobe\Adobe Photoshop CS6 (или СС)\AutoRecover
Зайдите в неё, и вы обнаружите PSB файл для автоматического восстановления последней автосохранённой версии файла Adobe Photoshop.
Примечание: не спешите открывать данный файл, так как сразу же после его открытия, Photoshop удалит его. Поэтому лучше создать копию файла автовосстановления перед открытием или уже открыв обязательно сохранить как новое изображение.
Папка AppData
По умолчанию в операционной системе установлено, что папка AppData в которую осуществляются автосохранения файлов Adobe Photoshop – скрытая. Поэтому если вы её не увидите по указанному выше адресу, не пугайтесь. Просто настройте в Windows отображение скрытых файлов и папок.
Для этого, откройте Панель управления и перейдите в меню Параметры проводника.
После этого, перейдите в закладку Вид и активируйте функцию «Показывать скрытые файлы, папки и диски».
Программы для восстановления .psd файлов
Если функция автосохранения файлов не была настроена на момент сбоя программного обеспечения или неожиданных проблем, которые стали причиной утери файла, то для его восстановления необходимо воспользоваться программой для изображений, с поддержкой формата .psd.
Не многие программы помогут восстановить именно данный специфический формат. Но работая с Hetman Photo Recovery в пользователя не возникнет трудностей с восстановлением цифровых изображений любого формата.
Источник: https://hetmanrecovery.com/ru/recovery_news/recovery-adobe-photoshop-files-psd.htm
Как сохранить в фотошопе » Фотошоп – графический редактор для начинающих и профи
Как сохранить в фотошопе? – это легче чем вы можете себе представить, существует несколько видов сохранения файлов, которые вы создаёте или редактируете в фотошопе. В нашем случае файлы, которые мы создаём мы привыкли называть изображениями.
Частенько мне задают вопрос: «Как сохранить анимацию в фотошопе?» — этот вопрос является одним из главнейших в сохранении изображений в фотошопе. Ответ на этот вопрос очень прост, для того чтобы сохранить анимацию в фотошопе нужно выполнить следующие действия: нажать на верхней панельке Файл — Сохранить для Web устройств – существует так же более быстрый вариант с использованием горячих клавиш, хотя для меня он и не является более лёгким, я пользуюсь мышкой, но если кто-то хочет попробовать вот сама команда: Alt+ Shift + Ctrl + S
После того как вы выполните эти действия, то перед вами откроется новое окошко в котором вы сможете установить настройки для вашего изображения, а именно, вы можете задать качество сохраняемого изображения, это нужно для того чтобы если вы решите залить этот файл на свой Web-сайт, этот файл не весил слишком много, но при этом вы можете выбрать оптимальное для вас размер изображения с оптимальным потерием качества.
В разделе «Установки» вы можете задать формат вашего изображения, а затем произвести настройки по данному формату. Что бы сохранить анимацию вам потребуется выбрать качество .GIF — после чего сохранить свой файл на компьютер.
Надеюсь, вы поняли, как сохранить в фотошопе нужное вам изображение. Тот способ, который я расписал, может применяться в основном, когда вам нужно сохранить анимацию (это единственный способ для сохранения анимации в фотошопе, другого пока не придумали) или статическое изображение для сайта.
Но я не ответил бы на вопрос «как сохранить в фотошопе» досконально, если бы не рассмотрел другой способ сохранения изображений в фотошопе. Можно нажать Файл – Сохранить (Английская версия звучит так: File – Save), после чего перед нами появится окошко, в котором мы сможем выбрать формат, а также путь к тому месту, куда именно мы хотим сохранить изображение.
И ещё один способ сохранения выглядит так: Файл – Сохранить как… (Английская версия звучит так: File — Save as…) в данном варианте перед вами, так же как и в предыдущем варианте появится окно, в котором вы выбираете нужный вам формат и путь к тому месту, куда вы хотите сохранить файл (изображение)
Но при этом повторюсь, последние два варианта не подходят при сохранении гиф анимации, вы можете выбрать в них формат .gif, но при этом изображение останется не анимированным, а будет иметь лишь фрагмент одного из кадров (Можете испытать этот вариант и увидите что получится)
Так же стоит заметить, что в первом варианте вы не сможете сохранить ваш файл в разрешении .psd — этот формат читает фотошоп, то есть если вы сохраните ваш файл в этом формате, то вы в любой момент сможете открыть его с помощью фотошоп и продолжить работу над изображением, при этом сохранится последовательность слоёв, одним словом вы вернётесь к тому месту с которого закрыли фотошоп.
Надеюсь, вам всё было понятно, и теперь вы знаете, как сохранить в фотошопе любое изображение. И если ваш друг или товарищ задаст вам вопрос тапа: «А ты знаешь, как сохранить в фотошопеанимацию ?» вы с гордостью расскажите ему об этой хоть и несложной, но очень важной вещи.
А мне пора закругляться, буду надеться, что данная информация была хорошо усвоена и достаточно понятна. Удачного сохранения!
Автор статьи: Ревтов Игорь