Отправляет email-рассылки с помощью сервиса Sendsay

Photoshop Zona

Подписаться Бесплатная новостная рассылка Подписчиков 9 RSS
←   Декабрь 2011   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31


За последние 60 дней ни разу не выходила


Сайт рассылки: http://photoshop-zona.ru/
Открыта: 29-06-2011

Автор
Артеменко Любовь

Статистика

9 подписчиков
0 за неделю
←   Все выпуски   →

Photoshop Zona Создаем красивый дизайн сайта из роз


Итак, давайте начнем с создания нового документа 780 х 700 пикселей с серым фоном # 616161.
Выберите инструмент Прямоугольник (Rectangle Tool) и нарисуйте прямоугольник.



Теперь нам нужно создать узор.
Откроем новый документ 7 х 7 пикселей с прозрачным фоном. Увеличим его для удобства и инструментом Карандаш (Pencil tool) создадим узор как на изображении ниже:



Перейдем Редактирование-> Определить узор (Edit-> Define Pattern). Введите имя и нажмите ОК.
Теперь мы вернемся к нашему макету. Добавим стиль слоя (Add a layer style) нашему прямоугольнику.
Перейдем Слой-> Стиль слоя-> Тень (Layer-> Layer Style-> Inner Shadow) и поставим эти настройки:



Теперь перейдем Слой-> Стиль слоя-> Обводка (Layer-> Layer Style -> Stroke) и поставим эти настройки:



Далее мы создадим несколько кнопок.
Установите цвет переднего плана # 353535 и инструментом Прямоугольник (Rectangle Tool ) нарисуйте несколько кнопок:



Давайте применим еще раз некоторые стили слоя:
Перейдем Слой-> Стиль слоя-> Тень (Layer-> Layer Style-> Inner Shadow) и поставим эти настройки:



Теперь перейдем Слой-> Стиль слоя-> Обводка (Layer-> Layer Style -> Stroke) и поставим эти настройки:



Мы создали нашу первую кнопку.
Дублируйте эту кнопку Ctrl + J три раза и поместите их как на картинке ниже.



Теперь вы можете добавить текст на ваши кнопки, красного цвета # af0707, и Добавить стиль слоя (Add a layer style) тексту.
Перейдем Слой-> Стиль слоя-> Внешнее свечение (Layer-> Layer Style-> Outer Glow) и поставим эти настройки:



Теперь вы можете добавить розочку.
Вот что у нас получилось, после того как мы добавили текст и розу.



Теперь давайте добавим некоторые элементы. Создать новый документ (5 х 5 пикселей с прозрачным фоном).

Увеличим его на 1600%. Выберите инструмент Карандаш (Pencil tool) и создадим что-то вроде этого:



Затем перейдем Редактирование-> Определить узор (Edit-> Define Pattern) выберите имя для нового шаблона и нажмите кнопку ОК.
Теперь создайте новый слой (Ctrl + Shift + Alt + N)
С помощью инструмента Прямоугольная область (Rectangular Marquee Tool) сделайте выделение в верхней части шаблона.



Выберите инструмент Заливка (Paint Bucket Tool) и в панели инструментов установите Регулярный (Pattern) и выберите наш шаблон с красной точкой.
Теперь нажмите один раз внутри вашего выделения.



Этими же методами можно создать другие формы, все зависит от вашей фантазии.
Добавим также несколько блоков, чтобы написать текст.
Инструментом Прямоугольник ( Rectangle Tool) нарисуйте прямоугольник, можете использовать те же цвета, что и текст # af0707. Затем Добавим стиль слоя (Add a layer style) Тень (Inner Shadow):



Обводка (Stroke):



Вот что должно получиться.



Дублируйте этот красный прямоугольник и поместите его под этот прямоугольник.
Теперь вы можете изменить цвет для этого прямоугольника на серый # e1e1e1
Если вы хотите хороший эффект вы должны изменить также стиль слоя.
Единственным отличием является цвет Обводки (Stroke):



Ну и в заключение добавим текст, и наш шаблон должен выглядеть так:



С помощью Кистей (Brushes) вы можете добавить еще одну розочку и некоторые элементы.



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

Автор: Andrei Oprinca

Автор/Переводчик: Артеменко Любовь

Ссылка на источник

Данный урок подготовлен для Вас командой сайта www.photoshop-zona.ru
В избранное