Создаем новый документ, File>New (Ctrl+N).

 

 

Нажимаем на кнопку ОК. Добавим линейку, View>Rulers (Ctrl+R).

 

 

Изменим единицы отображения линейки с сантиметров на пикселы, для этого выполняем команду, Edit>

 

 

Выбираем – Rulers: pixels.

 

 

И нажимаем на кнопку ОК.

 

 

Теперь, добавим направляющие, View>New Guide.

 

 

И выставляем их по количеству кнопок, 760/5=152…

 

 

Копируем слой.

 

 

Зальем его, синим цветом. Shift+F5.

 

 

Запомним цвет #3399ff.

 

 

Нажимаем ОК.

Проверим, включена ли привязка, к направляющим. View>

 

 

Выбираем инструмент прямоугольная область (М).

 

 

Выделяем ячейку…

 

 

И выполняем команду: Edit>Stroke. Выставляем следующие параметры обводки…

 

 

Нажимаем ОК. И снимаем выделение Ctrl+D. Увеличиваем масштаб отображения Ctrl+(+).

 

 

Производим аналогичные манипуляции с другими ячейками.

 

 

Добавим горизонтальную направляющую, View>New Guide.

 

 

Увеличиваем масштаб отображения до 200%.

 

 

Выбираем инструмент текста…

 

 

Выставляем его настройки…

 

 

Вводим текст.

 

 

Позиционировать текст можно, с помощью стрелок вверх/вниз и вправо/влево, при выбранном инструменте выделения.

 

 

В палитре слоев…

 

 

Выбираем инструмент…

 

 

И используем его также как и инструмент прямоугольного выделения…

 

 

 

 

Далее, выполняем команду: File>Save for Web.

 

 

Отключаем видимость направляющих.

 

 

 

Смотрим информацию о размере файла.

 

 

Сохраняем результат.

 

 

Вводим имя, выбираем тип файла и нажимаем – Сохранить.

 

 

 

Нажимаем ОК.

Сохраняем результат и выходим из программы, Ctrl+S, Ctrl+Q.

Открываем папку в выбранной директории…

 

 

 

Небольшое продолжение, можно прочитать здесь.

На главную страницу.