Дизайн элемента в стиле Web 2.0
Я думаю хватит Вас напрягать web программированием :). Давайте займёмся чем-нить интересным =). Получится вот такая красота:
Это первый урок по рисованию web 2.0 'ной графики. Не знаете что такое стиль web 2.0? Напишу статейку через несколько дней, там и познакомитесь со стилем Web 2.0.
Нарисуем-ка красивую картинку, на которой изображена буква "i" только красивая. Работаем в моей любимой программе по работе с растровой графикой — Photoshop.
Для начала создаём новый документ (Файл => Новый) размерами 434px ширина и 330px высота.
Делаем красивый задний фон. Создаем новый слой (на палитре слои кликаем на вторую справа иконку). Двойной щелчок на слое и перед Вами настройки. Выбираем сначала внутреннее свечение:
Дальше в "наложение градиента" оставляем всё как есть, кроме самого градиента,
И делаем обводку в один пиксель размером и #0195c5 таким цветом, остальное не трогаем.
Должно получиться вот что:
Следующим этапом нам нужно нарисовать саму букву "i". В этом нам поможет стандартная фигура под названием "Информация".(Фигура находится в инструменте Произвольная фигура (U), и сверху выбирайте нужную фигуру). Рисуйте любого размера, у меня получилось так:
Теперь идём в настройки слоя
Градиент такой:
Должно получиться так:
Далее рисуем Элипс (инструмент тоже называется Элипс) (примерно как на рисунке) и придаём ему такой же стиль, как и у "i", для этого становимся на слой с "i" и нажимаем правой кнопкой => скопировать стиль слоя и на слое с Элипсом вклеить стиль слоя. Отлично! Дальше слой с элипсом перемещаем ниже слоя с "i".
Дальше идём в Фильтр => Размытие => Размытие по Гауссу, ставим 29,8 пикселей. Можете сделать и чуть больше.
И последним этапом нам предстоит нарисовать зеркальное отражение Фигуры. Встаем на нужный слой с Web 2.0 'ной i. Правая кнопка => создать дубликат слоя. Редактирование => Трансформирование => Поворот на 180 градусов. Делаем непрозрачность слоя в 8 процентов (в палитре Слои) и получаем результат:
Если что-то не получается, пишите в комментах, помогу!
Популярность: 23%













я вот разработал для подбора палитры, может кому пригодиться zaelnsk.vov.ru/piker/shab.php