Monday, May 16, 2011

как "облегчить" картинку для интернет баннера?

Инструкция

сложности. Немудрено

Что вам пригодится

  • Adobe PhotoShop (желательно не ниже CS2)

1 шаг

Как намалевать картинку либо анимированную, разбирать не будем – это тема для другой инструкции. Выпускайте облегчать уже готовую.
Тут имеется 2 пути
Или снизить размер файла благодаря убавления числа цветов, или убрать смягчение при цветных переводах.
Будем думать что картинка статична.
Наперво уверимся, что размер картинки так отвечает места под наш баннер.
Для сего в меню “image” экспонируем размер изображения в пикселах Это вершина окна “Image (Size Alt+Ctrl+I ).
ВНИМАНИЕ! На низовую единицу сего окна мы не смотрим вообще!
Другими словами, 420 на 80 (один из стандартов), то ширину (width) мы выставляем именно 420 PIXELS , а высоту (height) именно 80 PIXELS .
Экспонировали. И наша картинка сильно сплющилась (либо наоборот, растянулась). Блин… В смысле, лица как блины. НО буквы вообще не читаются.
Следовательно, мы отправимся другим методом.

2 шаг


Обрезка.
Чтобы поменять размер, не меняя соразмерности, картинку необходимо обрезать в необходимые параметры.
Как это?
Теперь поясню. Выбираем инструмент “crop” (клавиша “С” ) Он как раз выделен на рисунке. В полях “ширина” и “высота” выставляем нужные нам параметры. Укажете. Параметры нужно экспонировать в пикселах
После что проводим по нашей картинке по диагонали налево вправо.
Полкартинки остались за кадром. Нужно было полагать о размерах раньше. Отменяем (ctrl+Z) . Перекомпоновываем элементы картинки, чтобы всё укладывалось и повторяем процедуру.

3 шаг


Фактически сжатие.
Тут имеется 2 варианта. Или сберечь картинку в размере JPEG (jpg), либо перевести её в GIF .
JPEG сохраняет исходные цвета, а при сильном сжатии совсем ликвидирует плавные переводы между цветами. Из этого места эти противные пятна около контуров, а при ПОРЯДКОМ сильном сжатии – пикселизация, оборачивающая лицо в гарнитур многокрасочных пятен.
GIF – оное вообще трудится только в палитрой), но разрешает организовывать анимированные картинки)
Передавайте испытаем сберечь цвета.
В меню “file” выбираем “save as” (сберечь как Ctrl+Shift+S ). В окне сохранения отмечаем формат (jpg) и выбираем место сохранения.
Все соорудили, надавили “сберечь” и заметили меню сжатия. Поперек всего меню проходит бегунок, видеографически отображающий степень сжати. Справа внизу от него указан оказавшийся размер файла.
Ясно. НО! Укажете на картинку. Уровень качества самой катринки на главном рабочем столе платформы, каковую мы сохраняем, изменяется с каждым бегунка. Нужно добиться гармонии.

4 шаг


Сделаем GIF . В анимированной картинке вообще нет других вариантов.
В меню “file” выбираем пункт “Save for web and devices” (сберечь для (веб Ctrl+Alt+Shift+S ). Выбираем формат GIF (на картинке отмечено, где) и количество цветов. Следует учесть, что чем больше выбрано цветов, тем тяжелее катринка. Если гифка графическая, без элементов фото, её лучше сделать изначально с меньшим количеством цветов (16 например).
Сейчас избираем имя файла и храним.
Все, пьяно.

No comments:

Post a Comment