|
Красивая окантовка меню,
текста и т.д.
(Часть 1. Режем изображение для меню.)
В этом уроке постараюсь
рассказать о том, как сделать окантовку для меню, текста или любого другого
элемента.
Урок будет поделен на две части.
В первой части урока рассмотрим создание
окантовки из 3 изображений (в основном подходит для меню),
во второй части урока
будет более сложная окантовка, состоящая из 8 изображений (хорошо подойдет для
текста).
Перейдем к разрезанию
фотографии на 3-и части.
Для начала необходимо скачать,
или нарисовать в графическом редакторе изображение которое будет использоваться
для меню.
Для урока я буду использовать вот
это фото:
Конечный результат того, что
получится показан ниже:
|
меню |
-
Текст
-
Текст
-
Текст
-
Текст
-
Текст
Ниже тоже текст |
|
| |
Открываем изображение в
Photoshop. Первое,
что необходимо сделать, это разрезать фото на 3 части. Делается это, например, с
помощью инструмента "Срез"
Срезы необходимо сделать так,
чтобы они были на разных областях изображения. (См. рис. ниже.)
Нажмите, чтобы увеличить.
С помощью инструмента
"Прямоугольно выделение" выделите первый срез.
После выделения нажмите
"Правка\Копировать" (или Ctrl + C)
Теперь нажмите "Файл\Новый"
(или Ctrl + N)
В открывшемся окне не надо
изменять параметры ширины и высоты, их необходимо запомнить, или записать.
Они должны автоматически подстроиться под скопированное изображение.
В меню "Содержимое" выберете "Белый" и нажмите
"OK".
Откроется новый документ, нажмите
"Правка\Вставить" (или Ctrl + V)
После того, как скопированный
слой вставиться в новый документ, необходимо сохранить новое изображение в
формате *.gif или *.jpeg
используя "Файл\Сохранить для Web..."(Как
это делается описано в другом
уроке)
Таким же образом сохраняются
остальные 2 среза. Единственное, что необходимо отметить это то, что при
создании нового изображения для 2-ого среза (центрального), необходимо
изменить высоту. Она должна быть ровна 1 точке.
Для третьего среза менять ширину
и высоту не надо! Необходимо сделать все так же, как и с первым срезом.
Итак, у Вас должно получиться 3-и
изображения:
Первое:
Второе:
Третье:
В следующем уроке будет
рассказано, как эти три изображения использовать для создания меню.
|
