Я думаю хватит Вас напрягать web программированием :). Давайте займёмся чем-нить интересным =). Получится вот такая красота:

i в стиле web 2.0

Это первый урок по рисованию web 2.0 'ной графики. Не знаете что такое стиль web 2.0? Напишу статейку через несколько дней, там и познакомитесь со стилем Web 2.0.

Нарисуем-ка красивую картинку, на которой изображена буква "i" только красивая. Работаем в моей любимой программе по работе с растровой графикой — Photoshop.

Для начала создаём новый документ (Файл => Новый) размерами 434px ширина и 330px высота.

Делаем красивый задний фон. Создаем новый слой (на палитре слои кликаем на вторую справа иконку). Двойной щелчок на слое и перед Вами настройки. Выбираем сначала внутреннее свечение:

i в стиле web 2.0

Дальше в "наложение градиента" оставляем всё как есть, кроме самого градиента,

i в стиле web 2.0

И делаем обводку в один пиксель размером и #0195c5 таким цветом, остальное не трогаем.

Должно получиться вот что:

i в стиле web 2.0

Следующим этапом нам нужно нарисовать саму букву "i". В этом нам поможет стандартная фигура под названием "Информация".(Фигура находится в инструменте Произвольная фигура (U), и сверху выбирайте нужную фигуру). Рисуйте любого размера, у меня получилось так:

i в стиле web 2.0

Теперь идём в настройки слоя

i в стиле web 2.0

Градиент такой:

i в стиле web 2.0

Должно получиться так:

i в стиле web 2.0

Далее рисуем Элипс (инструмент тоже называется Элипс) (примерно как на рисунке) и придаём ему такой же стиль, как и у "i", для этого становимся на слой с "i" и нажимаем правой кнопкой => скопировать стиль слоя и на слое с Элипсом вклеить стиль слоя. Отлично! Дальше слой с элипсом перемещаем ниже слоя с "i".

i в стиле web 2.0

Дальше идём в Фильтр => Размытие => Размытие по Гауссу, ставим 29,8 пикселей. Можете сделать и чуть больше.

i в стиле web 2.0

И последним этапом нам предстоит нарисовать зеркальное отражение Фигуры. Встаем на нужный слой с Web 2.0 'ной i. Правая кнопка => создать дубликат слоя. Редактирование => Трансформирование => Поворот на 180 градусов. Делаем непрозрачность слоя в 8 процентов (в палитре Слои) и получаем результат:

i в стиле web 2.0

Если что-то не получается, пишите в комментах, помогу!

Чтоб внести свой вклад в прогресс, подпишись на RSS!