Categories

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

Alex Ross Ноябрь 8, 2011
Rating: 2.6. From 15 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 часов

  • Anita

    I purchased templaes and would like to modify logo.jpg to change name.

    Is there a video for this

    No votes yet.
    Please wait...
    • admin

      The .jpg files are not editable. All changes should be performed in the .psd files before you «Save for Web»

      No votes yet.
      Please wait...
  • Anita

    How to modify text in logo.jpg files

    No votes yet.
    Please wait...
  • Silvana

    The video does not show you how to save for web using Microsoft Expression and still you are advised that you can use this programme too.

    No votes yet.
    Please wait...
    • Chris Diaz

      Microsoft expression web is an HTML editor and could not be used to edit images. Save for web procedure could be done only with Photoshop. Nevertheless the template is not only an image so you still need Microsoft Expression web or Adobe Dreamweaver to edit the template code.

      No votes yet.
      Please wait...
Чат
We help you to choose the right product.