PSD – формат графических файлов для максимального сжатия без потерь памяти. Создавался он специально для программы Adobe Photoshop.
Этот формат поставляет не только изображения, но и графические слои
, текст
, маски
и другую информацию из Photoshop. Он поддерживает монохромные
картинки и системы цвета RGB
и CMYK
.
Эти картинки можно открыт несколькими способами. Самыми распространенными являются нижеперечисленные приложения.
Используем Adobe Photoshop
Это полноценный многофункциональный графический редактор, разработанный компанией Adobe System. Это приложение предназначено для профессиональной обработки
изображений и создание графических файлов. Незаменимый помощник при веб-дизайне и создании макетов и эскизов.
Чтобы начать работу с PSD в Adobe Photoshop нужно запустить программу
, затем нажимаем «Файл
» в правом верхнем углу.
Далее «Открыть
».
Затем найти
документ и нажать Enter или «Открыть
». Если картинок несколько, то выделяем
правой кнопкой мыши:
Такой способ работы с документами подойдет только для лицензионной версии редактора, стоимость которой велика. При отсутствии возможности приобрести лицензию, можно воспользоваться другими фоторедакторами или же переконвертировать необходимые картинки.
Приложение Paint.NET + PSD Plugin
Самый простой
софт для редактирования фотографий, разработанный компанией .NET Framework . Работает на базе ОС Windows. Для работы с графическими изображениями возможности ПО минимальны. В дополнении можно установить PSD Plugin
, для обработки документов этого формата.
Редактор GIMP
Бесплатный
аналог Adobe Photoshop. Обладает открытым кодом исходных данных. Это позволяет пользователю вносить изменения в документах. Отличный сервис для создания шаблонов веб-сайтов, плакатов и коллажей из фотографий. Удобный интерфейс, разобраться с которым сможет каждый.
Используем InfanView
Программа для просмотра
графических файлов, аудиозаписей и видеофайлов на компьютере. Качественно может просматривать любое
цифровое изображение. Работает с ОС Windows и ReactOS. Работает со многими форматами, в том числе и формат изображений Photoshop. В Интернете распространяется бесплатно
.
Открываем с помощью Go2convert
Бесплатный сервис для конвертации документов. Он работает с изображениями форматов
PSD, JPG, PNG, GIF, BMP, WMF, TIFF, TGA. Трансформатор файлов не имеет отдельной программы, которую можно скачать. Воспользоваться ее услугами можно только онлайн
.
Конечно, не обязательно знать, как сверстать шаблон из 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
.
PSD
– это формат, который применяется в программе Adobe Photoshop. Основная задача этого формата состоит в том, чтобы при просмотре файлов типа.psd у Вас появлялась возможность просмотра, и редактирования всех слоев своей работы по своему вкусу.
В этом файле так же хранятся все слои и каналы.
С помощью нашего сайта у Вас будет хорошая возможность скачивать бесплатно клипарт на любые темы в формате PSD. Этот пакет, как раз и считается форматом стандартного пакета Adobe Photoshop который, имеет, отличай от самых обычных растровых форматов, а так же отличается своей возможностью сохранения слоев (layers). Формат содержит большое количество переменных при этом он (не уступает TIFF по их количеству) и еще сжимает изображение, а помогает ему в этом алгоритм сжатия без возникновения потерь RLE Packbits, а бывает еще и сильнее, чем PNG вот (только в основном в тех случаях, когда эти параметры файла могут изменятся не в килобайтах, а еще и в десятках или также в сотнях мегабайт).
PSD – формат способен поддерживать глубины цвета даже до 16 бит. При этом только на канал, а так же еще и (48-битные
это цветные каналы и еще 16-битные
, это черно-белые). А при этом еще и альфа-каналы, контуры, слои, векторные надписи и даже прозрачность и т. п. Великолепно подойдет не только для переноса но, а так же и для сохранности изображений, которые содержат специфические и в тоже время свойственные элементы только Adobe Photoshop.
В формате PSD для открытия файлов Вам достаточно будет использовать программу Adobe PhotoShop
. Иногда у файлов слои отключены и это (для уменьшения размера файла) поэтому здесь необходимо быть внимательным. В связи с этим после загрузки файла на Ваш компьютер нужно будет открыть ее в программе фотошоп и включить слои для этого нужно будет (просто поставить галочку слева от названия слоя).
Как можно создать себе psd файл
Такой файл можно создать в
программе Photoshop. Предположим, что Вами была отретуширована фотография, но Вы все же понимаете, что в ней чего-то не достает? Если вы закроете свой проект, то вся информация в следующий раз станет недоступна. В этом случае Вам нужно будет нажать Файл, а после Сохранить как… (File – Save as …). Потом Вам необходимо выбрать папку, куда можно сохранить файл и в завершении даете ему название. При этом нужно также выбрать и формат файла PSD. И в дальнейшем Вам всегда можно будет открывать этот файл при
помощи Adobe Photoshop, для этого будет всего лишь достаточно просто кликнуть по нему два раза и все Ваши действия будут сохранены по слоям.
Для идентификации файлов операционными системами, а также их владельцами, чаще всего используется такое понятие, как расширение. Оно всегда отображается после названия и представлено в виде нескольких символов, отделенных от него точкой. Например: «ответ.txt», как видно уже из наименования, является неким текстовым файлом. Поэтому и открывать его следует с помощью соответствующего редактора.
Снова обратив внимание на расширение, пользователь поймет, что данный файл закодирован в наиболее универсальный и одновременно простой формат - txt. Последнее значительно расширяет список доступных редакторов, в которых можно работать с информацией, содержащейся в этом файле.
Кроме того, расширение позволяет самой операционной системе быстро понять, как именно и с помощью какого приложения лучше открывать указанный файл. А это, в свою очередь, ускоряет работу - пользователю предлагают уже подготовленный список доступных программ.
Расширение PSD
Существует огромное количество типов файловых расширений, которые можно подразделить на несколько категорий в зависимости от содержимого. Это изображения, текстовые, медиа-файлы, таблицы и диаграммы, и другие виды информации. Среди изображений особую популярность снискало расширение psd. Оно отличается сложной структурой и поддержкой слоев изображений, масок, корректирующих слоев и т.д. У такого файла, равно как и у любого другого, имеется «родная» программа, в которой он был создан. Лучше всего просматривать и вносить изменения с ее помощью.
Чем открыть PSD?
Несмотря на свою высокую популярность, данный формат может вызвать затруднения у начинающих пользователей ПК. В основном эта проблема связана с тем, что люди не знают, чем открыть psd, чтобы он корректно отображался. Еще сложнее решить этот вопрос, когда нужно не только просмотреть файл, но и внести в него изменения. В любом случае потребуется сначала узнать, с помощью какой программы было создано изображение.
Здесь достаточно ввести название в любую поисковую систему, чтобы получить ответ: использован Adobe Photoshop, один из самых популярных графических редакторов в настоящее время. И только он позволяет в полной мере редактировать подобные файлы. Куда проще обстоит дело, если нужно только одним глазком взглянуть на содержимое. Здесь присутствует возможность использовать программы сторонних разработчиков. О них и пойдет речь ниже.
Чем открыть psd, если нет Photoshop?
PSD Viewer
Если вам хочется ознакомиться с содержанием незнакомого файла, а нужного Photoshop под рукой не оказалось, то можно воспользоваться услугами этой небольшой утилиты. Она распространяется совершенно бесплатно, да и найти программу в интернете не составит никакого труда. Можно порекомендовать PSD Viewer всем, кто не хочет устанавливать Photoshop, но при этом желает, чтобы компьютер распознавал и легко открывал файлы с расширением psd. Единственный недостаток утилиты заключается в том, что она не позволяет редактировать содержимое.
Тем не менее, PSD Viewer поддерживает некоторые базовые возможности, такие как поворот изображения, уменьшение или увеличение его размеров без потери качества, а также переконвертирование в другие, более простые форматы. С последним следует быть осторожней, так как все маски и слои при этом теряются, сливаясь в единое изображение, которое уже нельзя будет редактировать прежним образом, даже если вы обзаведетесь к тому времени «родным» редактором Adobe Photoshop.
Paint.NET
Альтернативный ответ на вопрос о том, чем открыть psd, может показаться еще более простым. За неимением других вариантов рекомендуется воспользоваться старым добрым Paint. Несомненный плюс программы в том, что она тоже является графическим редактором, а значит, позволяет вносить изменения в изображение. Правда для того, чтобы полноценно работать c растровой графикой, придется скачать и подключить особый модуль, немного расширяющий возможности данного приложения. Он называется «PSD Plugin». После скачивания модуль понадобится разархивировать в папку Paint, именующуюся «Типы файлов».
