ресурс для начинающих веб-разработчиков
комплексные веб-услуги по созданию сайтов

Справочный материал по основным языкам программирования и верстки сайтов.

Готовая методика создания простых и сложных динамичных сайтов, с использованием PHP и MySQL.

Использование веб-редактора Adobe Dreamweaver в разработке сайтов.

Использование графических редакторов Adobe Flash, Adobe Photoshop, Adobe Fireworks в подготовке веб-графики.

Разработка веб-сайтов под "ключ".

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

Создание поздравительной открытки

Создание поздравительной открытки

Для создания открытки подберем исходное изображение.

Исходное изображение для поздравительной открытки

Скопируем его в папку с изображениями. Откроем Photoshop. В меню Файл ⇒ Открыть выберем рисунок и поместим его в рабочую область. На панели Слои появится слой Фон.

Панель Слои после загрузки рисунка

Уменьшим размер рисунка с помощью инструмента Маштаб на панели Опции или воспользуемся панелью Навигатор.

Инструмент Маштаб на панели Опции Маштабирование на панели Навигатор

Уменьшенный рисунок после маштабирования

Подберем фон будущей открытки. Для этого щелкнем по нижней части пиктограммы Выберите фоновый цвет на панели Инструменты.

Выбор цвета

Откроеется диалоговое окно Цвет. Выберем его и нажмем ОК.

Диалоговое окно Цвет

Откорректировать цвет можно также на панели Цвет.

Панель Цвет

Обратите внимание, что после выбора цвета изменится нижний квадрат пиктограммы Выберите фоновый цвет на панели Инструменты.

Далее для создания открытки воспользуемся инструментом Рамка.

Инструмент Рамка

Сделаем с помощью инструмента Рамка рамку на изображении чуть меньше размера самого изображения.

Инструмент Рамка на изображении

Далее за боковые, верхние, нижние и угловые маркеры растяните рамку за пределы изображения.

Изображение с растянутыми маркерами Рамки

Для завершения процесса кадрирования нажмите на пиктограмму Выполнить кадрирование на панели опций или нажмите клавишу Enter.

Пиктограмма Выполнить кадрирование

Появится наше первоначальное изображение с фоном, залитым цветом, выбранном на предыдущем шаге. Наша открытка почти готова.

Изображение открытки залитое цветом

Теперь правее изображения напишем текст поздравления. Для этого воспользуемся инструментом Горизонтальный текст. Зададим параметры текста и напишем сам текст.

Выбор параметров текста

Текст поздравления

Применим к тексту один из стилей слоя. В ниженй части панели слои нажмем на пиктограмму Добавить стиль слоя.

Выбираем стиль слоя

Выбираем Обводку.

Параметры слоя Обводка

И Наложение градиента.

Наложение градиента

В итоге получилась вот такая поздравительная открытка.

Поздравительная открытка