Новые сообщения · Участники · Правила форума · Поиск
Страница 1 из 11
Форум о uCoz и Web » Компьютерная графика » Уроки фотошопа » Шапка для сайта с отражениями
Шапка для сайта с отражениями
SleepWalkerДата: Воскресенье, 08.06.2008, 11:54 | Сообщение # 1
Admin
Сообщений: 5493
Репутация: 487
Социальная репутация:

Статус: Offline
Шапка для сайта с отражениями

Детальнее про то как делать отражение вы можете прочитать в этом уроке: Рисование простых отражений

Создаем новый документ 500 на 250 пикселей.

Далее рисуем прямоугольник с помощью любого известного вам метода, заливаем его черным цветом, нажимаем Ctrl+T и с помощью трансформации приводим его к такому же виду как и на рисунке:

Затем добавляем маску, кликнув на кнопку расположенной на палитре слоев add vector mask, выбираем инструмент градиент (от черного к белому) и заливаем с верху в низ. Должен получиться следующий результат:

Переходим в свойства слоя:


В результате получается вот это:

В следующем шаге мы будем делать заголовок. Выбираем стандартный шрифт Myriad Pro и набираем любой текст.

В свойствах слоя выставляем gradient overlay:

Далее выделяем половину надписи

Нажимаем Ctrl+Alt+Shift, не отпуская клавиши тыкаем на пиктограмму стоя с текстом
И получаем следующий результат:

Создаем новый слой и заливаем выделение от серого (# cdcdcd) к белому, ставим прозрачность слоя 33% и получаем

Затем, дублируйте слой текста. Идем Edit>Transform>Flip Vertical. Поворачиваем на 180 градусов, создаем маску слоя и проводим черно-белым градиентом из середины слоя на верх. Лишние детали убираем ластиком

Далее берем какой либо логотип, помещаем его в удобное для вас место и делаем отражение как и в предыдущем шаге с текстм.

Добавляем тень под логотипом. С помошью Ellipse Tool создаем небольшой эллипс черного цвета под Лого, идем в Filters>Blur>Gaussian Blur высталяем радиус 2,1 и вставляем прозрачность слоя на 70%.

По аналогии вы можете сюда поместить и другие объекты – все упирается только в вашу фантазию.

В следующем щаге мы будем добавлять навигационное меню, для этого с помощью Rounded Rectangle Tool с радиусом 7 пикселей создаем прямоугольник.

Идем в свойства стиля и вставляем следующие параметры:

Получаем вот такую закладку

Дублируем слой и получаем готовое меню

Удачи

Автор: тут
Перевод: Beavis

Как установить кнопки социальных сетей?


Разделы: Уроки фотошоп | Эффекты | Дизайн | Обработка фото | Основы Photoshop
Time Waits For No One
 
tomskvsusaДата: Вторник, 11.08.2009, 02:31 | Сообщение # 2
Рядовой
Сообщений: 1
Репутация: 0
Социальная репутация:

Статус: Offline
I'm realy sorry! but kak sdelat' perviy punkt??? :))) i'n new! ))
thanx anyeay...
 
SleepWalkerДата: Вторник, 11.08.2009, 11:47 | Сообщение # 3
Admin
Сообщений: 5493
Репутация: 487
Социальная репутация:

Статус: Offline
Легче всего нажать(the easiest way is to go) edit-transform-perspective, дальше думаю проблем не возникнет (than I think there will be no problems)
Time Waits For No One
 
EmilDeZignДата: Вторник, 06.10.2009, 00:29 | Сообщение # 4
Рядовой
Сообщений: 1
Репутация: 0
Социальная репутация:

Статус: Offline
good job. mne ponravilos'.))))
 
xvickiyДата: Среда, 07.10.2009, 10:45 | Сообщение # 5
Генералиссимус
Сообщений: 1551
Репутация: 176
Социальная репутация:

Статус: Offline
SleepWalker, -)Красивенько,как р и п н 99у фотошоп воспользуюсь уроками.А за труд + smile
Мой блог
------------
Люди слушают, но не слышат. Смотрят, но не видят. Знают, но не понимают.
 
[VindDevil]Дата: Четверг, 19.11.2009, 04:11 | Сообщение # 6
Майор
Сообщений: 97
Репутация: 7
Социальная репутация:

Статус: Offline
может я чего-то недопонимаю.. в самом начале сказано
Quote
Далее рисуем прямоугольник с помощью любого известного вам метода, заливаем его черным цветом, нажимаем Ctrl+T и с помощью трансформации приводим его к такому же виду как и на рисунке:

может всётаки детально подскажите как это делается?

NULL версия CMS - то же самое, что и бритвой по .........
Работаю на http://oz-dez.ru/
 
SleepWalkerДата: Пятница, 20.11.2009, 18:43 | Сообщение # 7
Admin
Сообщений: 5493
Репутация: 487
Социальная репутация:

Статус: Offline
Создаешь слой. Выбираешь черный цвет. Берешь Rectangular Marquee Tool. Делаешь выделение в форме прямоугольника. Клацаешь alt+backspace, что бы залить черным цветом. Потом клацаешь ctrl+d, что бы снять выделение, потом ctrl+t, далее зажимаеш ctrl+alt+shift и тянеш любой из верхних уголков к центру прямоугольника.
Time Waits For No One
 
XO4y_KOHFETKyДата: Понедельник, 11.07.2011, 07:34 | Сообщение # 8
Лейтенант
Сообщений: 72
Репутация: 4
Социальная репутация:

Статус: Offline
ЭТО ПРОСТО=)на такаю штучку минут 20-30 уйдёт?

Сообщение отредактировал XO4y_KOHFETKy - Понедельник, 18.07.2011, 21:12
 
Форум о uCoz и Web » Компьютерная графика » Уроки фотошопа » Шапка для сайта с отражениями
Страница 1 из 11
Поиск: