Архивы 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 с минимальным весом при сохранении приемлемого качества.

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

добавлено

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

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

добавлено

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

Работа со слоями: поиск нужного, склейка слоев.

История операций — варианты отмены действий.

Как вырезать картинку с прозрачным слоем.

Сборка в цельную картинку из нескольких слоев.

Как вырезать кусок картинки любой формы.

Трансформация изображений.

4. Параметры текста

добавлено

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

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

добавлено

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

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

добавлено

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

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

добавлено

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