Как быть, если вам надо открыть файл стандарта PSD, а программа Photoshop у вас просто не установлена? Рассмотрим семь способов, как это сделать.
Проблема в том, что формат PSD не является открытым, как в случае с PNG, JPG или BMP. Он был разработан компанией Adobe как проект для редактирования графического изображения. Открыв такой файл, вы всегда можете продолжить редактирование с того места, где закончили ранее. Однако если вы не хотите оплачивать подписку на приложения Adobe, то предстоит поискать альтернативу. В функциональности бесплатные аналоги будут заметно уступать монстру Photoshop, более того, некоторые смогут лишь открыть PSD файл для просмотра. Однако зачастую этого бывает вполне достаточно.
GIMP
Первое бесплатное приложение, которое стоит попробовать для открытия PSD файла, это GIMP. И не только потому, что богатый функционал данного графического редактора близок к Photoshop и даже может , а скорее благодаря доступности на всех платформах, будь то Windows, Mac или Linux. Один раз ознакомившись с приложением, вы затем сможете воспользоваться им и на других устройствах.
Для открытия PSD файла в приложении GIMP не нужны никакие дополнительные плагины и расширения. Просто воспользуйтесь меню «Файл – Открыть», выберете PSD файл и кликните «Открыть».
Проект откроется не просто как статичная картинка. Отобразятся доступные слои, над которыми можно проделать те или иные операции. Однако следует помнить, что при внесении изменений и последующем сохранении файла, в дальнейшем он может иметь проблемы с открытием в родном Photoshop. Так что вы можете работать с файлом, но не стоит таким образом вносить правки для дизайнера, который использует софт от Adobe.
Бесплатный графический редактор Gimp при желании может быть очень похож на Photoshop и даже унаследовать его хоткейсы.
Paint.NET
Куда более продвинутый графический редактор, нежели стандартный Microsoft Paint, и при этом не столь пугающий обилием функционала, как GIMP или Photoshop. Простой и функциональный.
Однако для открытия PSD файлов для приложения Paint.NET потребуется установить специальный плагин . Скачайте содержимое плагина, откройте архив и скопируйте библиотеку PhotoShop.dll в директорию с установленным редактором (чаще всего это C:/Program Files/paint.net), а конкретнее в поддиректорию FileTypes. После этого запустите само приложение.
Если вы всё сделали правильно, то файлы PSD должны спокойно открываться в Paint.NET. Наподобие GIMP, будут отображены слои проекта, однако Paint.NET поддерживает далеко не все особенности Photoshop, поэтому некоторые слои могут оказаться недоступны или вовсе выдавать ошибки при открытии файла.
Photopea Online Editor
Если вы ранее не слышали о Photopea , то проект станет для вас приятным открытием. Не самый известный онлайн-редактор, безусловно, уступает по функционалу Photoshop и GIMP, однако от браузерных редакторов сложно в принципе ожидать чего-то похожего. Тем не менее, Photopea действительно достоин внимания.
При открытии сайта онлайн-редактора даже не сразу верится, что это не отдельное приложение. Здесь есть привычное меню, через которое можно открывать файлы с компьютера. Поэтому жмем «Файл – Открыть» и указываем путь до PSD файла.
Photopea успешно работает с индивидуальными слоями, что очень круто для онлайн-редактора. Таким образом, появляется возможность редактировать PSD файлы, где бы вы ни находились – с любого компьютера.
XnView
Бесплатный органайзер картинок позволяет просматривать и различными путями упорядочивать изображения. Также его можно использовать для базового редактирования – применения фильтров, эффектов, изменения положения картинки и так далее.
XnView способен работать с более чем 500-ми форматами, а также экспортировать в 70 различных форматов. Поэтому приложение будет полезно не только для просмотра изображений, но также и для их конвертирования.
Во время установки приложение предложит три варианта – минимальный, стандартный и расширенный. При этом минимального вполне достаточно для открытия PSD файлов, так что нет необходимости захламлять диск расширенной версией. И да – никаких дополнительных расширений и плагинов также устанавливать не потребуется.
После покупки нового компьютера или ноутбука неизменно встает вопрос о том, какие же программы установить на него в первую очередь.
IrfanView
Еще один браузер изображений, работающий также как конвертер. IrfanView не поддерживает такого большого количества форматов, как XnView, однако работает с наиболее распространенными. А разве не этого мы добивались?
IrfanView спокойно открывает PSD файлы. Да, он не может их редактировать, однако преобразовать в другой формат – запросто.
Данное приложение удобно использовать в качестве обозревателя фотографий по умолчанию. Скорее всего, он никогда вас не разочарует, в отличие от стандартного приложения Windows. IrfanView не занимает много места и не требователен к ресурсам.
Google Drive
Немного странно использовать облачный сервис от Google в качестве файлового обозревателя, однако он вполне способен открывать самые разные форматы. В том числе, можно ознакомиться с содержимом PSD файла, загруженного на онлайн Диск.
Go2Convert
Последний способ не позволит ни открыть, ни тем более редактировать PSD файл, однако он запросто сможет преобразовать данный формат в более распространенный. Если вам просто нужен на выходе PNG или JPG формат, то вам не обязательно устанавливать какое-либо приложение.
Просто посетите сайт Go2Convert , загрузите на него проект PSD и выберите формат, в котором желаете получить изображение. Вы также можете изменить его размер и задать ему дополнительную компрессию. Просто и понятно. Ничего лишнего.
Конечно, не обязательно знать, как сверстать шаблон из psd
. Но эти знания могут пригодиться любому владельцу сайта. Всякое бывает в жизни!
Что такое psd шаблоны
Эти шаблоны являются исходным материалом для верстки сайта. Заготовка полностью отражает не только дизайн будущего ресурса, но и его размеры, схему расположения всех элементов. Создание psd
шаблона для сайта является вторым этапом в цикле разработки веб-дизайна.
Перед этим с заказчиком обговариваются возможные варианты дизайна ресурса. На основании этих сведений и пожеланий клиента составляется техническое задание для художников и дизайнеров. По нему художники рисуют эскиз внешнего вида будущего ресурса, а дизайнеры создают в графических редакторах цифровое изображение художественного образца.
Разработка шаблона psd
для сайта должна происходить с учетом возможностей воссоздания его дизайна с помощью языка html
и css
. Вот некоторые характеристики, которыми должен обладать качественный шаблон:
- Каждый элемент дизайна должен быть выполнен на отдельном слое – структура шаблона становится видна при его раскрытии в Фотошопе. С помощью слоев все части дизайна можно редактировать независимо друг от друга.
Благодаря многослойности изменение одной части шаблона никак не отразится на всех остальных его элементах.
- Рисунок шаблона сохраняется в формате psd
(реже tiff
) – только эти графические форматы поддерживают многослойную структуру изображений. Остальные являются лишь алгоритмами сжатия графических объектов;
- Вложенность – все слои должны быть сгруппированы по принадлежности к определенному структурному элементу дизайна (подвал, шапка, меню
);
- Приоритет однородных тонов – для фона в шаблоне лучше использовать однородные повторяющиеся тона, которые можно легко отобразить с помощью html
и css
;
- Как можно меньше фоновых изображений – использование в качестве фона полновесных рисунков сильно увеличивает объем всей страницы. А, следовательно, и время загрузки сайта. Особенно критично это требование для шаблона мобильного ресурса;
- Использование направляющих – использование направляющих при выравнивании элементов psd шаблонов для сайтов является обязательным. Это во многом облегчает процесс верстки, когда некоторые части дизайна вырезаются и используются как изображения для фона:
- Приоритет стандартным шрифтам – надписи лучше наносить стандартным набором шрифтов. При использовании редкого шрифта его файл должен прилагаться к шаблону;
- Меньше нестандартного форматирования – изменять можно лишь стандартные параметры текста (размер, семейство, интервал
). Искажение текста с помощью инструментов графического редактора (выгибание и другие эффекты
) приведут к тому, что надпись будет использована как фоновый рисунок. А это ведет к увеличению веса всего шаблона:
- Оптимальные размеры – по ширине psd шаблон для сайта должен быть не менее 1000 пикселей. При этом ширина фонового рисунка не может превышать указанную величину. Иначе это может привести к искажению отображения шаблона в браузере.
Шаблоны для баннеров
Создаются заготовки не только для сайтов, но и для отдельных элементов его дизайна. Качественный шаблон баннера должен обладать большинством из выше перечисленных характеристик. При этом выбор его размеров зависит от места расположения баннера на сайте.
Структура psd
шаблонов баннеров также состоит из слоев, сгруппированных по соответствующим папкам. То есть такой шаблон представляет собой не простой рисунок, а составное изображение.
Благодаря послойной структуре шаблон баннера легко редактируется. Без нарушения общей структуры можно сменить все надписи и рисунки.
Но создать шаблон баннера под силу не только профессионалу, но и обычному пользователю. Для этого можно использовать ряд специальных онлайн-сервисов. Одним из них является сайт bannerfans.com
:
Основы верстки
Рассмотрим на упрощенном примере, как происходит верстка. Для этого возьмем простой двухколоночный шаблон. В его шапке размещен логотип сайта, который мы вырежем, и будем использовать как фоновое изображение. Остальные части шаблона будем верстать с помощью html
, а стили и размеры установим классами css
:
Вот структура сайта, которую можно сверстать с помощью тегов
. Каждая из частей шаблона помещена в
отдельный слой.
Боковая панель и контент расположены внутри слоя-контейнера:
Теперь рассмотрим стилевые настройки, заданные с помощью классов css
:
Header {
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
width:1000px;
height:100px;
border:1px solid #000000;
background: #009966;
background-image: url(img/1.gif);
}
.pages {
margin-left:auto;
margin-right:auto;
width:1000px;
}
.content {
margin-right:10px;
width:806px;
height:450px;
border:1px solid #000000;
background: #999999;
float:left;
}
.sidebar {
width:180px;
height:450px;
border:1px solid #000000;
background: #FF9900;
float:left;
}
.foot {
clear:both;
}
.footer {
margin-top:10px;
margin-left:auto;
margin-right:auto;
width:1000px;
height:50px;
border:1px solid #000000;
background: #333399;
}
Для каждого слоя в описании классов с помощью свойств width
и height
устанавливаются размеры. Цвет фона задается параметром background
.
Позиционирование элементов осуществляется значениями нескольких полей:
- margin-top
– отступ от верхнего края окна браузера.
- margin-left
– от левого края.
- margin-right
– правого края.
Для шапки сразу устанавливается цвет и фоновое изображение. Рисунок вырезается из шаблона psd
для сайта и помещается в отдельную папку. Путь к файлу указывается в поле background-image
через url
.
Все программы в подборке бесплатны. С функциональностью Photoshop они, конечно, не сравнятся, но с простыми задачами справятся. Как минимум вы сможете просто открыть PSD-файл как изображение, а некоторые из этих программ открывают даже слои.
1. GIMP
- Операционная система:
Windows, Mac и Linux.
- Русский язык:
поддерживается.
Это один из самых интересных бесплатных аналогов Photoshop. GIMP читает файлы PSD без установки дополнительных плагинов, поэтому открыть файл можно так же, как и обычные изображения: File → Open.
GIMP открывает слои PSD-документа для редактирования. Но тут есть свои подводные камни: программа читает далеко не все слои, некоторые требуется растрировать. А ещё GIMP может некорректно сохранить изменения в PSD. После этого файл может не открыться в Photoshop. Последнее не должно вас беспокоить, если вы открыли файл для незначительных правок и сохранения картинки в JPEG.
- Операционная система:
начиная с Windows 7.
- Русский язык:
поддерживается.
Paint.NET лучше стандартного Microsoft Paint, но такой же максимально понятный и простой в использовании. Если не знаете, что делать с файлом в GIMP, открывайте Paint.NET.
Программа читает PSD, но только после установки соответствующего плагина. Для этого:
- Загрузите плагин .
- Извлеките файлы из загруженного архива.
- Скопируйте файл PhotoShop.dll.
- Перейдите в установочную папку Paint.NET (например, C:\Program Files\paint.net
).
- Вставьте файл PhotoShop.dll в папку FileTypes.
- Запустите Paint.NET.
- Операционная система:
любая, так как приложение открывается в браузере.
- Русский язык:
поддерживается.
Photopea - онлайн-сервис, интерфейс которого напоминает Photoshop или GIMP. Его преимущество - не нужно ничего устанавливать. Программа откроется в браузере на любом устройстве. Но онлайн-приложения зачастую не такие практичные, как устанавливаемые программы. Photopea не исключение, но зато позволяет работать со слоями в PSD-документе.
- Операционная система:
Windows (для Linux и macOS есть версия ).
- Русский язык:
поддерживается только в Standart и Extended-версиях.
XnView - своеобразный графический органайзер, в котором можно открыть и упорядочить коллекции изображений на вашем ПК. В XnView есть примитивные функции редактирования: можно изменить цветовую палитру, добавить фильтр или эффект.
Программа непопулярна, а зря: она способна открыть изображения в более чем 500 форматах и пересохранить их в ещё 70. Так что установите её в качестве примитивного редактора для PSD или конвертера.
В базовой версии поддерживаются только английский, французский и немецкий языки.
- Операционная система:
Windows.
- Русский язык:
поддерживается.
Программа IrfanView, как и XnView, предназначена для просмотра и конвертирования графических файлов. Но IrfanView поддерживает меньше форматов. Программа открывает PSD как картинку. Редактировать слои нельзя, но обычное изображение можно. Чтобы получить больше возможностей для обработки, PSD-файл сначала нужно конвертировать в другой формат.
IrfanView быстро работает и мало весит (установочные файлы занимают чуть больше 3 МБ).
Если ни один из вариантов вам не подходит, можете конвертировать PSD в JPG, используя Go2Convert или любой другой конвертер. Вы также можете открыть PSD как картинку в Google Drive.
Еще статьи из этой рубрики
