Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

Блестящая иконка home

Alex | 5.03.2014 | нет комментариев

В этом уроке мы научимся создавать красивую блестящюу иконку home.

Для начала создайте новый документ размером 400 x 300 пикселей. Затем добавьте градиент от светло голубого к белому на фоновый слой.

Создайте новый слой (Layer > New > Layer), затем используя Elliptical Marquee Tool сделайте абсолютно круглое выделение в центре документа.

Вы можете залить выделение любым старым цветом, например черным (#000000).

Перейдите в Blending Options для слоя с кругом и примените Gradient Overlay.

У вас получиться следующее:

Снова воспользуйтесь Elliptical Marquee Tool и создайте выделение меньшего размера ближе к левому краю круга.

На новом слое примените ярко синий (2с7dc9) радиальный градиент к выделению как показано на рисунке. Обратите внимание, вы можете использовать градиент как Color to Transparent, так и Color to Black.

Пока активно выделение, переместите выделение вверх и влево, для этого зажмите Shift и нажимайте кнопки вверх/влево.

Инвертируйте выделение щелчком правой кнопки мышки по выделению и переходом в Select>Inverse, затем нажмите delete для удаления всего, что вне выделения.

Чтобы получить более красивый вид, измените layer mode градиентного слоя на Screen, также немного уменьшите opacity, если необходимо.

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

Теперь давайте добавим фигуру на иконку. Найдите и зайдите в Custom Shape Tool. Зайдите в фигуры и убедитесь, что выбраны все. Прокручивайте вниз фигуры и найдите фигуру Home. Создайте новый слой под слоями с бликами, зажмите shift и нарисуйте фигуру. Возможно, вам понадобиться изменить настройки Custom Shape Tool для получения цельной фигуры. (режим Fill pixels)

Обратите внимание, я использовал цвет 9bcae5 в качестве цвета иконки home.

После применение следующих стилей получиться следующее: Inner Shadow

Outer Glow

Gradient Overlay

Блестящая иконка home

Теперь можете склеить все слои вместе и сделать более маленькую версию иконки. Вы можете изменять размеры с помощью нажатия Ctrl+T и перетаскивания углов с нажатием shift.

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB