Воскресенье, 24.11.2024, 11:05
Massiveattack
Приветствую Вас Гость | RSS




Меню сайта
Наш опрос
Какие уроки вам более нужны?
Всего ответов: 166
Главная » 2008 » Август » 28 » Создаем шапку для сайта / уроки фотошоп от alltutorias.RU
Создаем шапку для сайта / уроки фотошоп от alltutorias.RU
00:35

фотошоп photoshop шапка для сайта

Привет! В этом уроке Photoshop мы будем делать шапку для сайта. Если хочешь узнать, как это делается - читай дальше.

Шаг 1

Создаем новый документ (я сделал документ размером 800х180 пикселей). Для начала, зальем наш фон оранжевым цветом. Установите цвет переднего плана в вашей панели цветов в #ffa557 и цвет заднего плана - #ff5404. Выберите инструмент градиентной заливки, затем щелкайте левой кнопкой мыши сверху вашего документа и тяните вниз, не отпуская кнопку. Получился градиент.

фотошоп photoshop шапка для сайта

Шаг 2

Создаем новый слой (в меню Layer > New > Layer) и выбираем инструмент Pen tool(P). Добавим несколько точек, как на рисунке ниже.

фотошоп photoshop шапка для сайта

Выбираем инструмент Convert point tool(в том же секции, что и Pen Tool) и кликаем правой клавишей мыши на узел, который вы видите ниже на картинке.

фотошоп photoshop шапка для сайта

Перетащите узел так, чтобы линия стала гладкой, как у нас на рисунке ниже.

фотошоп photoshop шапка для сайта

Кликаем правой клавишей по выделению, выбираем “Make Selection” - ставим радиус в “0″. Заливаем выделение белым цветом (в меню Edit > Fill).

фотошоп photoshop шапка для сайта

Шаг 3

Ставим режим смешивания слоя в Soft light и прозрачность в 20%.

фотошоп photoshop шапка для сайта

Шаг 4

Копируем слой (Ctrl + J) и ставим прозрачность в 40%.

фотошоп photoshop шапка для сайта

Шаг 5

Сейчас мы сделаем логотип. Создаем новый слой (в меню Layer > New > Layer). Используя инструмент Elliptical marquee tool(M), создадим окружность и зальем ее белым цветом.

фотошоп photoshop шапка для сайта

Создайте еще одну окружность внизу вашей первой окружность и нажмите Del на вашей клавиатуре. У вас должно получиться что-то вроде этого.

фотошоп photoshop шапка для сайта

Создайте новый слой и добавьте на него маленькую окружность, залитую белым цветом, как у нас на рисунке ниже.

фотошоп photoshop шапка для сайта

Шаг 6

Добавьте надпись на вашу шапку, расположите ее справа.

фотошоп photoshop шапка для сайта

Сейчас мы сделаем отражение текста. Скопируйте слой и поместите его ниже оригинала, затем идем в Edit > Transform > Flip Verticle и ставим прозрачность на 20%.

фотошоп photoshop шапка для сайта

Шаг 7

Создаем новый слой и с помощью прямоугольников с закругленными углами делаем меню (радиус закругления - 10 пикселей, цвет заливки - белый).

фотошоп photoshop шапка для сайта

Поставьте прозрачность слоя на 40% и режим смешивания - Soft light.

фотошоп photoshop шапка для сайта

Добавим названия разделов меню… И все - мы закончили!

 

Финальный результат

фотошоп photoshop шапка для сайта

Оригинал статьи с : webmasterwidget.com

Перевод : alltutorials.ru



Просмотров: 582 | Добавил: Franz | Рейтинг: 0.0/0 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа
Календарь новостей
«  Август 2008  »
ПнВтСрЧтПтСбВс
    123
45678910
11121314151617
18192021222324
25262728293031
Поиск
Друзья сайта
Статистика

Онлайн всего: 2
Гостей: 2
Пользователей: 0
Copyright Massiveattack © 2024Хостинг от uCoz