четверг, 14 марта 2013 г.

Дизайн сайта для продажи Программы

Сегодня хочу Вам показать урок по созданию сайта для продажи программы. 
Итак, финальный результат:
Дизайн сайта для продажи Программы *

Начнем!
Создаем новый документ 760 на 770 пикселей с белым цветом фона. Берем инструмент Rounded rectangle радиусом 15 пикслей и рисуем фигуру:
Дизайн сайта для продажи Программы *

Edit > Transform > Warp(только в Photoshop CS2)
Дизайн сайта для продажи Программы *

Выбираем Arch и жмем Enter на клавиатуре. Результат:
Дизайн сайта для продажи Программы *

Поворачиваем фигуру, чтобы получилось тоже самое, что на рисунке:
Дизайн сайта для продажи Программы *

Дублируем слой, Edit > Transform path> Flip Horizontal. Помещаем копию так, как на рисунке:
Дизайн сайта для продажи Программы *

Теперь применяем стили слоя:
Дизайн сайта для продажи Программы *
Дизайн сайта для продажи Программы *
Дизайн сайта для продажи Программы *
Дизайн сайта для продажи Программы *

Результат:
Дизайн сайта для продажи Программы *

Берем инструмент Rectangle и рисуем прямоугольник:
Дизайн сайта для продажи Программы *

К черному прямоугольнику применяем стили слоя:
Дизайн сайта для продажи Программы *
Дизайн сайта для продажи Программы *
Дизайн сайта для продажи Программы *

Результат:
Дизайн сайта для продажи Программы *

Дублируем красные фигуры:
Дизайн сайта для продажи Программы *

Выделив обе копии жмем CTRL+E(склеиваем слои)
Дизайн сайта для продажи Программы *

Edit > Transform > Flip Vertical и помещаем так как на рисунке:
Дизайн сайта для продажи Программы *

Нажимаем на add layer mask
Дизайн сайта для продажи Программы *

Берем инструмент gradient с такими настройками:
Дизайн сайта для продажи Программы *

Проводим такую линию:
Дизайн сайта для продажи Программы *

Можно удалить некоторые части зеркала инструментом Eraser
Дизайн сайта для продажи Программы *

Еще раз дублируем красные фигуры и помещаем как на рисунке:
Дизайн сайта для продажи Программы *

Применяем стили слоя:
Дизайн сайта для продажи Программы *
Дизайн сайта для продажи Программы *
Дизайн сайта для продажи Программы *

Добавляем детали:
Дизайн сайта для продажи Программы *

Пишем текст и мелкие детали:
Дизайн сайта для продажи Программы *

Берем инструмент Rounded Rectangle радиусом 5 пикселей и рисуем 2 фигуры:
Дизайн сайта для продажи Программы *

Для них добавляем такие стили слоя:
Дизайн сайта для продажи Программы *
Дизайн сайта для продажи Программы *

Результат:
Дизайн сайта для продажи Программы *

Слева можно добавить навигационное меню:
Дизайн сайта для продажи Программы *

Чтобы нарисовать облака вам понадобится комплект кистей Brush #5 –Clouds который можно скачать тут. Рисуем облака на новом слое
Дизайн сайта для продажи Программы *

Справа можно нарисовать ценовую бирку, используем для этого инструмент Pen
Дизайн сайта для продажи Программы *

Применяем стили слоя:
Дизайн сайта для продажи Программы *
Дизайн сайта для продажи Программы *
Дизайн сайта для продажи Программы *
Дизайн сайта для продажи Программы *

Результат:
Дизайн сайта для продажи Программы *

Инструментом Rectangle рисуем прямоугольник:
Дизайн сайта для продажи Программы *

Инструментом ellipse рисуем два круга:
Дизайн сайта для продажи Программы *

Теперь рисуем маленький черный кружок на красной фигуре:
Дизайн сайта для продажи Программы *

Рисуем нить инструментом Brush
Дизайн сайта для продажи Программы *

Пишем текст
Дизайн сайта для продажи Программы *

Нарисуем еще одну кнопку инструментом Rounded Rectangle
Дизайн сайта для продажи Программы *

Нам понадобится еще один блок кистей - Brush #13 - Tech Brushes. Его можно скачать по ссылке наверху. На новом слое рисуем нечто похожее на это:
Дизайн сайта для продажи Программы *

Наконец добавляем логотип. Вот и все! Финальный результат:
Дизайн сайта для продажи Программы *

Автор: talk-mania.com
Перевод: Serious St@son

Комментариев нет :

Отправить комментарий