Четверг, 28.03.2024, 12:27
Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
MQ forum » Уголок Adobe Photoshop™ » Уроки Photoshop » Создание "шапки" сайта
Создание "шапки" сайта
skchezДата: Суббота, 13.06.2009, 18:19 | Сообщение # 1
Всезнающий
Группа: Администраторы
Сообщений: 318
Репутация: 26
Статус:
Здравствуйте. В этом уроке мы будем создавать часть "шапки" сайта IGROMOBILE.RU.
Так как эта часть создается для обновления (замены) уже существующего участка на сайте, нам не нужно гадать с цветовой палитрой и размерами.

Приступим!
Шаг 1. Создаем фон.
Создаем новый документ 400х220рх “Ctrl+N”
Берем заливку “Pain Bucket Tool” (G) заливаем документ цветом #527dad.
Копируем этот слой и применяем к нему фильтр Extrude, “Filter>Stylize>Extrude”

Получаем

Берем ластик (E) размером около 200рх, Hardness 0% и подтираем нижний и правый края, получаем:

Шаг 2. Добавляем телефоны.
Открываем файл с телефонами “Ctrl+O”

Инструментом “Move Tool” (V) переносим их на наш фон:

Берем инструмент “Magic Wand Tool” (W) выставляем "Tolerance: 3" и щелкаем по белому фону, получаем выделение, жмем “Delete” снимаем выделение, и если надо подчищаем края телефонов маленьким ластиком:

Если нужно жмем “Ctrl+T” и подгоняем размер.
Теперь дублируем слой с телефонами “Layer>Duplicate Layer…”, применяем фильтр Radial Blur, “Filter>Blur> Radial Blur…” с настройками, как показано ниже и меняем режим наложения слоя на “Screen”:


Шаг 3. Добавим схему.
Открываем файл со схемой “Ctrl+O”:

Заходим “Image>Mode>RGB…”, теперь в списке слоев двойным щелчком по слою переводим его из "Background" в обычный слой.
Заходим “Select>Color Range…” выставляем "Fuzziness: 10" и щелкаем по белому фону, жмем “ОК” и клавишу “Delete”:

Снимаем выделение, и с помощью “Move Tool” переносим схему на наш файл.
Далее в списке слоев, правой кнопкой щелкаем на слое со схемой, и выбираем “Blending Options”. Далее жмем на “Color Overlay” и выбираем белый цвет, далее жмем на “Inner Shadow” выставляем “Opacity: 100%; Distance: 0px; Stroke: 0; Size:1;”:

Берем ластик с размытыми краями, размером около 80рх и подтираем все края схемы, кроме левого:

Осталось только добавить текст, но я думаю, вы и сами справитесь. Скажу только, что для надписи IGROMOBILE.RU использовал шрифт “8Pin Matrix”, а для нижней надписи “a_StamperRg&Bt”.

На этом мы закончим наш урок, удачи!

А вот немного доработанный вариант, на котором мы решили остановиться:

Автор SandWicH.
happy

 
MQ forum » Уголок Adobe Photoshop™ » Уроки Photoshop » Создание "шапки" сайта
  • Страница 1 из 1
  • 1
Поиск:


Copyright MyCorp © 2024Хостинг от uCoz