Уроки Плагины Исходники Иллюстратор Градиенты
Учебники Иконки Текстуры Векторы Клипарты
Кисти Шрифты Украшение Дизайн Флэш
Статьи Сайты Стили Красивые Макросы
Разное Скрапы Открытки Футажи Фотокниги
 

Как сделать “растяжку” на своем баннере или сайте?
Эффектный рекламный или сайтовый элемент!Как сделать “растяжку” на своем баннере или сайте?Приблизительное время выполнения: 8 минут

Создайте документ 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 и спрячьте верхний и нижний концы тениГотово! ;) Как сделать “растяжку” на своем баннере или сайте?Источник:

Популярность:16%
Создаем красивое лого в стиле Веб 2.0 Создаем красивое лого в стиле Веб 2.0
Всего за семь минут Вы сможете сделать первоклассное Web 2.0 лого для своего сайта!Приблизительное время выполнения: 7 минутЧитать полностью »Популярность:18%

Рисуем LCD-экран Рисуем LCD-экран
Подойдет для дизайна Вашего сайта или других футуристических работ (кстати, такие “экранчики” применялись в скинах для winampa).Приблизительное время выполнения: 7 минутЧитать полностью »Популярность:9%

Делаем красивый “вебдванольный” текст Делаем красивый “вебдванольный” текст
Сделайте яркий и стильный отполированный текст своими руками!Приблизительное время выполнения: 5 минутЧитать полностью »Популярность:21%

Стильная голубая кнопка Стильная голубая кнопка
Этот урок расскажет Вам, как сделать небольшую, но стильную голубую кнопку для Вашего сайта.Читать полностью »Популярность:10%

Как создать дизайн страницы under construction Как создать дизайн страницы under construction
Иногда нам приходится запускать свой сайт заранее или проводить на существующем сайте некоторые работы. Чаще всего веб-мастера вешают скучную и некрасивую картинку типа “Under Construction“. Но из этого урока Вы узнаете, как создать в Adobe Ph ...