| Компьютерные уроки

<< Уроки Photoshop

Нарезка рисунков и фотографий

Часто на сайтах используются картинки логотипа больших размеров. Такие логотипы очень долго грузятся и могут вовсе не загрузиться, что очень портит впечатление о сайте.

Если вы используете такие логотипы, то необходимо их разрезать на несколько отдельных кусочков, таким образом получаются маленькие картинки маленького размера по 10-20 кб, что очень облегчает загрузку всего логотипа и всей страницы в целом!

Для нарезки используем программу Adobe Photoshop.

Откройте ваш логотип в программе фотошоп и выберите инструмент Перемещение. А также, если у вас не отображаются линейки, то нажмите сочетание клавиш Ctrl + R или Простотр => Линейки.

Линейки фотошопа

Создайте несколько направляющих так, чтобы ясно представлять как будет происходить нарезка логотипа. Чтобы создать направляющую нужно кликнуть левой кнопкой мыши на линейке и не отпуская клавиши перетащить новую направляющую. Если хотите удалить направляющую, то просто перетяните её обратно на линейку.

Направляющие

Выберите инструмент Раскройка, кликните в верхнем правом углу левой клавишей мыши и не отпускайте, выделите (растяните) по диагонали нужный вам прямоугольник. На рисунке видно, что выделяемые фрагменты будут кнопками на сайте, поэтому каждую кнопку выделяем отдельно.

Разрезание рисунка

Далее необходимо сохранить полученные кусочки.
Нажмите сочетание клавиш Alt + Shift + Ctrl + C или путь Файл => Сохранить для Web...
Выберите закладку Optimized, расширение файлов jpeg или gif, установите размеры всего логотипа и нажмите кнопку Save.

Сохраниение на компьютере

Далее выберите варианты сохранения:

1-й вариант. Результатом сохранения будет папка с отдельными рисунками.

2-й вариант. Результатом сохранения будет папка с отдельными рисунками и html-документ с таблицей и расставленными на свои места фрагментами.

Если вам лень потом собирать кусочки воедино, то выбирайте второй вариант раскроя.

Как заработать в Интернете


Copyright © computerlessons.mega8.ru, 2007 - 2024. Все права защищены.

Информация