Главная » Уроки » Веб дизайн

Создание баннера в фотошопе
В этом уроке мы будем учится создавать баннер размером 125x125 пикселей.
В конце урока мы получим:

Шаг 1:
Создаем новый документ размером 125х125 пикселей.

Шаг 2:
Создаем новый слой (Ctrl+Shift+N) и заливаем слой цветом #20be9d

Шаг 3:
Добавим узор. Для этого идем в меню layer/слой> Layer styles/стиль слоя> Pattern Overlay/наложение узора.

Шаг 4:
Активируем Elliptical Marquee tool/овальная область и создаем выделение затем заливаем выделение цветом #60dbb7.

Шаг 5:
Меняем режим слоя на Overlay/перекрытие.

Шаг 6:
Повторяем предыдущие шаги и создаем еще один полукруг в правой части.

Шаг 7:
Создадим разноцветные кружочки. Для этот инструментом Овальная область создаем выделение и заливаем выделение цветом #c60c07.

Шаг 8:
Применяем стиль Drop shadow/тень

Шаг 9:
Теперь кликаем правой кнопкой мыши на иконке слоя с кругом в палитре слоев и выбираем Copy layer Style/скопировать стиль слоя. Затем создаем еще один круг тем же цветом и на слое с новым кругом кликаем правой кнопкой мыши и выбираем Paste layer Style/вклеить стиль слоя.

Шаг 10:
Создаем два круга в центре цветом #aa1402 и вклеиваем стиль слоя как в предыдущем шаге.

Шаг 11:
Создаем еще два круга только размером меньше и цветом #be4c3f. Вклеиваем стиль слоя.

Шаг 12:
Повторяем предыдущие шаги и создаем еще два круга цветом #ae3420. Вклеиваем стиль слоя. 

Шаг 13:
Создаем большой круг цветом #ffffff.

Шаг 14:
Применяем стили Pattern Overlay/наложение узора и Drop shadow/тень.



Шаг 15:
Напишем текст цветом #aa1402.

Шаг 16:
Применяем к текстовому слою стиль drop shadow/тень.

Шаг 17:
Напишем текст Blog цветом #ae3420 добавляем тень как в предыдущем шаге.

Шаг 18:
Добавим еще текст цветом #fafafa применяем стиль тень и stroke/обводка.



Шаг 19:
Активируем Marquee tool/прямоугольная область и создаем выделения в верхней части документа и заливаем выделения цветом #479880. 

Шаг 20:
Активируем Rounded rectangle tool/прямоугольник со скругленными углами и рисуем фигуру цветом #aa1402.

Шаг 21:
Применяем стили тень и обводка.




Шаг 22:
Создаем еще одну фигуру цветом #fafafa.

Шаг 23:
Повторяем предыдущие шаги и добавляем остальные прямоугольники.

Наш стильный баннер готов.
Категория: Веб дизайн | (03.12.2012)
Просмотров: 1973 | Рейтинг: 0.0/0
Скачать шаблоны для Юкоз. Красивый дизайн для сайтов.