Главная/ Учимся Javascript, CSS, HTML/ Photoshop/ Photoshop для кодера — все что нужно знать верстальщику о Photoshop

Photoshop для кодера

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

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

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

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

  • PNG-24. Разделяем изображение на основное (PNG-8) и контур (PNG-24)

    добавлено 05.08.2011

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

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

    добавлено 16.07.2011

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

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

    добавлено 21.01.2011

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

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

    добавлено 15.01.2011

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

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

    добавлено 17.09.2010

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

  • Базовая оптимизация JPEG для веб

    добавлено 17.09.2010

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

  • Оптимизация GIF и PNG-8 для веб

    добавлено 01.09.2010

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

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

    добавлено 16.07.2010

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

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

    добавлено 03.04.2010

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

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

  • Узнаем параметры текста

    добавлено 20.03.2010

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

  • Измерение размеров и расстояний в Photoshop

    добавлено 15.03.2010

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

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

    добавлено 08.03.2010

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

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

    добавлено 05.03.2010

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