Навигация
Главная страница Файловый архив Онлайн ролики Мониторинг Статьи Форум Топ сайтов Авторство
Категории раздела
Эффекты [0] Работа с текстом [0] Работа с фото [27]
Дизайн/Рисование [117] Графика для сайта [28] Анимация [24]
Мини-чат
Чтобы добавить сообщение, необходимо авторизоваться.
Наш опрос
Какой шаблон лучше
Всего ответов: 750
Статистика

Онлайн всего: 8
Гостей: 6
Пользователей: 2
Lenin)) , osty
Главная » Файлы » PhotoShop уроки от нас » Графика для сайта

Создаём новый документ размером 766x606 px и разрешением 72 dpi. Создаем новый слой - заливаем черным цветом при помощи paint_bucket.gif . Затем рисуем серую полоску как на картинке при помощи pen.gif . Применяем настройки Blending Options , как показано на картинке ниже.
Дизайн персонального сайта *

Дизайн персонального сайта *

Дизайн персонального сайта *

Копируем полоску и отражаем её по горизонтали при помощи Free Transform .
Дизайн персонального сайта *

Копируем нижнюю полоску и размещаем её как на картинке. Прозрачность устанавливаем на 15% .
Дизайн персонального сайта *

При помощи кисти создаем кружок (цвет 707070 ). Затем ластиком убираем часть кружка как показано ниже:
Дизайн персонального сайта *

При помощи pen.gif рисуем черную фигуру как на картинке. Идем в Blending Options >> Stroke >> 2 px , цвет - белый.
Дизайн персонального сайта *

Тем же самым инструментом pen.gif рисуем белую фигуру и размещаем как показано:
Дизайн персонального сайта *

Копируем предыдущий слой. При помощи Free Transform , удерживая Shift , уменьшаем её.
Дизайн персонального сайта *

При помощи rounded_rectangle.gif рисуем фигуру белого цвета. При помощи Free Transform поворачиваем ее на 45 градусов.
Дизайн персонального сайта *

Берем ellipse.gif и рисуем небольшой кружок белого цвета и размещаем её как показано.
Дизайн персонального сайта *

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

Blending Options-Drop Shadow:
Дизайн персонального сайта *

Blending Options-Gradient Overlay:
Дизайн персонального сайта *

Настройки градиента:
Дизайн персонального сайта *

Берем ellipse.gif и создаем фигуру белого цвета (удерживая Shift , рисуем несколько пересекающихся кружков разного размера и в результате получаем такую фигуру):
Дизайн персонального сайта *

Копируем слой с фигурой, похожей на кнопку, которую мы создали ранее и размещаем как показано:
Дизайн персонального сайта *

Создаем ещё одну кнопку таким же способом как это сделали раньше:
Дизайн персонального сайта *

И ещё одну... smile.gif
Дизайн персонального сайта *

Теперь при помощи кисти маленького размера белого цвета рисуем стрелку (уголок можно создать, удерживая Shift )
Дизайн персонального сайта *

Добавляем текст :
Дизайн персонального сайта *

Используем ellipse.gif и рисуем фигуру белого цвета, удерживая Shift .
Дизайн персонального сайта *

Копируем несколько раз эту фигуру и размещаем как показано на картинке:
Дизайн персонального сайта *

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

Используем ellipse.gif и рисуем фигуру белого цвета, удерживая Shift . Дальше применяем Blending Options >> Stroke >> 3 px, белый цвет).
Дизайн персонального сайта *

Создаем новый слой, вставляем туда нужную нам фотографию, размещаем ее над ранее созданной фигурой, поджимаем Alt и щелкаем между этими двумя слоями. Должно получится что-то вроде этого:
Дизайн персонального сайта *

При помощи ellipse.gif рисуем белый и оранжевый кружки и размещаем как показано:
Дизайн персонального сайта *

При помощи pencil.gif добавляем некоторые детали:
Дизайн персонального сайта *

Дизайн персонального сайта *

И вот результат:
Дизайн персонального сайта *
Просмотров 345

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


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