Главное меню

Реклама

Администрация

Гл. Aдминистраторы:

MidWay [e-mail] [icq] [skype]
ConsulaT [e-mail] [icq] [skype]
Макс98 [e-mail] [icq] [skype]

Гл. Модераторы:

infe9n0 [email] [icq] [skype]

Топ 10 авторов

Наши проекты

Радио

Арабские СМИ: эмира Катара попытались убить после встречи с российским послом
El Pais: в Испании "невинные русские туристы" гоняются за гламуром, брендами и дорогими продуктами
Британцы, расхвалив русского героя-милиционера, могут лишить его гражданства: говорил странные вещи про Чечню
Из шотландской семьи забрали четверых детей, "слишком пухлых, чтобы оставаться с родителями"
Андрей Аршавин: "Главное оружие против ирландцев - скорость"

Главная » Файлы » PhotoShop уроки от нас » Анимация

Рисуем сайт "Портфолио Дизайнера"

17.12.2009, 01:55

Создайте новый файл, размером 766699 px и 72 dpi.
Инструментом Rectangle Tool (U), делаем выделение, как на рисунке:

Применяем следующие параметры: (Blending Options>Gradient Overlay)

Создайте новый документ 44 px и 72 dpi. Выберите инструмент Карандаш, основной цвет - белый. Создаем изображение, как на рисунке, после чего Edit>Define Pattern.

Вверху страницы, рисуем инструментом - Rectangle Tool (U), полосу:

Параметры слоя: Fill 0%, Blending Options-Pattern Overlay:

Выше нарисованной полосы, инструментом - Rectangle Tool (U), рисуем полосу и закрашываем цветом - #BBDD03:

Создаем копию полосы (белые точки), используя - Free Transform переверните копию полосы в основание фона:

Создайте новый документ 44 px и 72 dpi. Выберите инструмент Карандаш, основной цвет - #729C06. Создаем изображение, как на рисунке, после чего Edit>Define Pattern.

Ниже нарисованной полосы, инструментом - Rectangle Tool (U), рисуем полосу:

Fill 0%, Blending Options-Pattern Overlay:

Инструментом Pen Tool (P), рисуем украшения фона, цвет - #AAD500:

Другой рисунок, цвет - #AAD700

Цвет - #AECD01

Создайте новый документ 44 px и 72 dpi. Выберите инструмент Карандаш, основной цвет - #E3E3E3. Создаем изображение, как на рисунке, после чего Edit>Define Pattern.

Инструментом Rounded Rectangle Tool (U), рисуем:

Blending Options>Drop Shadow

Blending Options>Pattern Overlay

Сделайте две копии последнего сделанного слоя и копируйте их, как показано на рисунке:

Вставьте картинки:

Rounded Rectangle Tool (U), цвет - #EBEBEB, настройки:

Копируем последний слой, свободная трансформация, уменьшаем размер, цвет - #49BD14

Blending Options>Stroke

Инструментом - Rectangle Tool (U) делаем выделение, как на рисунке:

Зажав Alt нажимаем мышкой между двумя последними слоями. Fill 50%.

Для заключительного результата, мы объединяем слои с иконками, и копируем их 2 раза. После чего перемещаем иконки на 2 оставшиеся картинке, после чего меняем их цвета. Первая копия - #ED9300; вторая копия - #5EA9D1. Blending Options>Stroke, как показано выше.

Пишем номера в иконки, после чего Free Transform, поворачиваем их:

Blending Options>Drop Shadow

Напишите название сайта:

Blending Options>Drop Shadow

Новый слой. Точки, цвет - #D7FF00:

Создайте таблицы, и подпишите карточки:

About us, О нас

Создаем меню:

Инструмент карандаш, рисуем точки:

Копируем слой с разделительной полосой:

Полосы должны иметь следующие настройки. Blending Options>Outer Glow

Rounded Rectangle Tool (U), настройки:

Blending Options>Drop Shadow

Копия слоя. Инструментом свободная трансформация, уменьшаем, цвет - #6DD800

Blending Options>Stroke

Rectangle Tool (U), рисуем как на рисунке, цвет - #A9DB7C

Удерживая ALT, жмем мышкой между последними слоями:

Тоже самое делаем, для двух остальных картинок. Меняем только цвет: вторая кнопка #F6C073; третья - #89B4C7 (Blending Options>Stroke как выше):

Пишем название кнопок:

Blending Options>Drop Shadow

Rectangle Tool (U) рисуем белые квадраты:

Blending Options>Drop Shadow

Вставляем картинки в квадраты:

Rectangle Tool (U), рисуем двойную линию, левая сторона должна быть зеленая, правая - белая:

Параметры для левой полосы: Fill 0%, Blending Options>Pattern Overlay

Параметры для правой полосы: Opacity 70%, Fill 0%, Blending Options>Pattern Overlay

Копируем слой с полосой и перемещаем ее на другой край:

Напишите необходимый текст (ниже настройки для различных текстов):

Навигационный текст:

Цифровой:

Ellipse Tool (U), рисуем круг, цвет - #FFD40F

Blending Options>Drop Shadow

Blending Options>Stroke

Итог:

1
2
3
4
5

Просмотров: 285 Загрузок: 0 Добавил: Marlboro Категория: Анимация Комментарив: 0

Дата: 07.09.2011 Рейтинг: 0.0 / 0 Теги: уроки PhotoShop , photoshop , уроки фотошоп , фотошоп , PhotoShop графика для сайта , Фотошоп графика для сайт , Фото шоп

Всего кмментариев 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]