Фотошоп для чайников | Уроки фотошопа
Фотошоп для чайников - портал для любителей фотошопа!
Меню сайта
Категории раздела
Обработка фото [109]
Текстовые эффекты [87]
Анимация [32]
Спецэффекты [142]
Веб-дизайн [40]
Тюнинг [9]
Фотомонтаж [62]
Кнопки [39]
Рисование [55]
Наша группа
Опрос
Как вы попали на наш сайт
Всего ответов: 88
КтО ОнЛаЙн

Онлайн всего: 3
Гостей: 3
Пользователей: 0
Главная - Уроки фотошопа CS5 на русском - Веб-дизайн - Как сделать “растяжку” на своем баннере или сайте?

Как сделать “растяжку” на своем баннере или сайте?

Как сделать “растяжку” на своем баннере или сайте?

Создайте документ 400*400px. Начнем с расположения слоев. Всего нам понадобится 4 слоя и фон. Назовите и расположите слои так, как показано на рисунке ниже, а слой Background залейте градиентом

Нарисуйте на слое Strip прямоугольник цветом #f8f8f8 (выделите прямоугольную область и залейте ее)

Добавьте будущей растяжке контур Edit > Stroke цветом #656565. Удалите оба края прямоугольника, т.к. нам не нужна обводка слева и справа

Теперь добавьте на ленту текст

Теперь слейте слои Text и Strip (CTRL+E), затем Edit > Transfom > Rotate на 45 градусов. После этого подвиньте ленточку в правый верхний угол. Основная работа сделана, осталось только преобразить нашу растяжку.

Выберите слой Highlight, зажмите CTRL и кликните по иконке слоя Strip, чтобы выделить его содержимое. Залейте выделение градиентом (foreground to tranparent) светло-серого цвета. Затем установите непрозрачность слоя на 50% и режим смешивания на Multiply.

Теперь нам нужно кое-что осветлить и кое-что затемнить. Выберите инструмент Burn с размером кисти в 100px и кликните несколько раз вверху и внизу ленты

Теперь Dodge посередине

Осталось только добавить тень. Выберите слой Shadow и CTRL+клик по слою Strip. Заполните выделение темно-серым. Сместите тень немного вниз и Filter > Blur > Gaussian Blur 5px. У нас есть тень, но он сейчас немного грубая. Добавьте маску на слой Shadow и спрячьте верхний и нижний концы тени

Готово! ;)

Как сделать “растяжку” на своем баннере или сайте?



Похожие материалы:


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

Хостинг от uCoz