Xiper

Архивы Photoshop для кодера - Xiper

Photoshop — это один из незаменимых инструментов каждого верстальщика. Photoshop позволяет:

  • нарезать графику для верстки
  • измерять размеры блоков и растояния между ними
  • узнавать точные значения цветов, имена и размеров шрифтов
  • и многое другое

Это мощный инструмент, с очень, очень, очень большим набором функций и в первую очередь, предназначенный для дизайнеров. Верстальщику же для работы нужна небольшая часть потенциала этой программы.

Данный раздел — это путеводитель кодера в "лесу" возможностей Photoshop.

  • PNG-24. Разделяем изображение на PNG-8 и PNG-24

    добавлено

    Разделив PNG-24 на две части: PNG-8 и PNG-24, можно добиться внушительного сокращения веса графического файла.

  • PNG-24. Устраняем лишнюю информацию

    добавлено

    Уменьшаем вес изображения PNG-24, устраняя баг Photoshop с невидимыми фрагментами.

  • Вырезаем рамку неправильной формы (лассо)

    добавлено

    Видеоурок. Разные типы лассо помогут вырезать рамку произвольной формы.

  • Вырезаем внутреннюю часть скругленной рамки

    добавлено

    Видеоурок. Учим простые инструменты выделения. Быстро и эффективно вырезаем рамку для скругления фотографий.

  • 8. Базовая оптимизация JPEG

    добавлено

    Метод сжатия JPEG является сжатием с потерями, вследствие выборочного удаления данных. В итоге получаем более легковесный файл, но с худшим качеством. Учимся искать баланс.

  • Ошибка «scratch disk are full»

    добавлено

    При открытии тяжелых макетов может возникнуть ошибка «sratch disks are full». Читаем что это и как исправить.

  • 7. Оптимизация GIF и PNG-8

    добавлено

    оптимизация gif и png-8Учимся получать изображения в форматах GIF и PNG-8 с минимальным весом при сохранении приемлемого качества.

  • 6. Сохранение изображений для веб

    добавлено

    скучающий пользовательНе заставляй пользователя ждать. Оптимизируй картинки.

  • 5. Нарезка графики

    добавлено

    нарезка графики в PhotoshopВ этом уроке осваиваем как вырезать картинки для верстки и действия, сопровождающие этот процесс.

    Работа со слоями: поиск нужного, склейка слоев.
    История операций — варианты отмены действий.
    Как вырезать картинку с прозрачным слоем.
    Сборка в цельную картинку из нескольких слоев.
    Как вырезать кусок картинки любой формы.
    Трансформация изображений.
  • 4. Параметры текста

    добавлено

    В данном уроке показано как из макета получить основные параметры шрифта: цвет и выравнивание текста, имя, стили, размер шрифта, межстрочное расстояние.

  • 3. Размеры и расстояния

    добавлено

    Учимся определять размеры, расстояния и цвета в Photoshop.

  • 2. Готовим Photoshop к работе

    добавлено

    готовим photoshop к работеЧтобы начать извлекать полезную информацию из макета, верстальщику необходимо настроить Photoshop под свои нужды. Учимся В данном уроке научимся убирать направляющие, изменять единицы размеров блоков, менять размеры шрифтов из pt в px.

  • 1. Знакомство с Photoshop

    добавлено

    знакомимся с photoshopКраткий обзор функций Photoshop, на которые следует обратить внимание верстальщику.