Categories

Photoshop. Как сохранить для Web

Alex Ross Ноябрь 8, 2011
Rating: 2.7/5. From 16 votes.
Please wait...

В этом уроке Вы увидите, как картинки из PSD файла сохранить для Web.

Например, Вы хотите изменить этот голубой слоган и название, написанное большими черными буквами.

Как Вы видите, этот текст нельзя выделить и поэтому его нельзя изменить в HTML файле. Эти две фразы – изображения. Давайте их отредактируем.

1. Откройте файл PSD

Пожалуйста, обратите внимание, что для обработки текста в PSD файле нужно установить необходимые шрифты, которые указаны в fonts_info.txt файле.

2.Выберите инструмент Slice Select (Выделение фрагмента).Вы можете видеть, что фрагменты с этими фразами перекрывают другие. Нужно их достать. Для этого выберите нужный фрагмент и перенесите его поверх других (детальная информация находится здесь — Как использовать инструмент bring to front).

То же самое нужно сделать и для слогана. Его перекрывают другие фрагменты. Так же перенесите его на перед.

3.Сейчас нужно при нажатой клавише "Shift" выделить все фрагменты, которые хотите сохранить.

4. В верхнем меню перейдите на File > Save for Web & Devices (файл > сохранить для Web & Devices)

5.Выберите инструмент Slice select (выбор фрагмента) и опять при нажатой клавише "Shift" выберите фрагменты. Нажмите на кнопку Save (сохранить)

Обратите внимание, пожалуйста, что картинки нужно сохранить в папке Site, а не в Images. Убедитесь еще раз, что у Вас такие же настройки:

  • — Save as type/Сохранить как тип: Images Only/Только картинки
  • — Settings/Настройки: Default Settings/Стандартные Настройки
  • — Slices/Фрагменты: Selected Slices/Выбрать фрагменты (Важно!)

Нажмите на кнопку Save (сохранить)

6. Вы увидите файлы, которые будут заменены. Нажмите на кнопку "Replace" (Заменить)

7. Обновите страницу и проверьте картинку, которую Вы только что изменили.

 

Пожалуйста, ознакомьтесь с детальным, обучающим видео ниже:

Как сохранить для web
Эта запись была размещена в Работа с Photoshop и помечена как Photoshop, save for web, slice. Добавьте в закладки постоянную ссылку.

Submit a ticket

Если вы не смогли найти подходящее решение проблемы, пожалуйста воспользуйтесь следующей ссылкой, чтобы отправить запрос команде технической поддержки.
Отправить запросВы получите ответ в течение 24 часов