Уроки Веб и приложения Зинаида Лукьянова 12 мая 2007

Карамельная навигация

Сложность урока: Сложный

Для будущей сладкой панели создадим документ 280*450 px и зальем черным цветом. Затем, уже на НОВОМ слое Layer - New сделаем прямоугольное выделение
(Rectangular Marquee Tool) и зальем его оранжевым цветом. Выделение не убирайте.

Нам необходимо уменьшить выделение на 20 px.
Для этого выберите Select-Modify-Contract-20px-OK. Теперь нажмите Удалить (Delete).

У нас получилась оранжевая рамка. Теперь добавим к ней несколько карамельных эффектов.
Нажмите на кнопке с буквой "f" на палитре Layers.
Делайте все как на картинках.

Вот что должно получиться в итоге

Теперь не хватает маленьких шоколадок, то есть кнопочек
Используя инструмент для создания форм - Rectangle Tool -
выбираем прямоугольник с скругленными краями, задаем радиус скругления углов на 40px
и в режиме фигур рисуем овал. Если нужно увеличить или уменьшить используйте Ctrl+T

А теперь те эффекты, которые мы готовили для рамки переносим на кнопку.
Встаем на слой с рамкой, чтобы активизировать ее.
Layer-Layer Style-Copy Layer Style
Затем активизируем слой с кнопкой и ...
Layer-Layer Style-Paste Layer Style

Чтобы немного разредить линии, зайдите в эффект Satin и измените параметры
Distance на 23, а Size на 30.

Теперь размножьте карамельные слои и распложите друг за другом.
Скройте черный фон и склейте слои палитры.

Теперь выберите замечательный фильтр Filter-Liquify и,
выбрав размазывающий палец небольшой величины, придайте
палитре эффект расплавленой ириски.

ОК

Получилось, что-то подобное? Замечательно!
Возможно у вас даже красивее, жалко Я не вижу :(

Теперь копируйте этот слой. Выберите Filter-Texture-Mosaic Tiles

Установите параметры как на картинке


ОК

Поменяйте на палитре Layers "blending mode" с Normal на Difference.
И уменьшите прозрачность (Opacity) до 35%.

Осталось только дописать сладкие слова, то есть ссылки на кнопки.

Получилась вот такая сладкая навигационная панель.
Больше похоже на коробку с конфетами!
Когда я ее делала, чуть слюной не захлебнулась!
Пойду чего-нибудь съем! Счастливо!

Источник: creativo.one

83 тыс. 39
Печать Жалоба

Комментарии 39

Классный урок!

Спасибо за урок

Спасибо!

Урок очень полезный, спасибо!

Cпасибо ,очень интересно)

Большое спасибо ))

спасибо, было интересно)

Спасибо за урок.

Спасибо за урок.

Спасибо, хороший урок.

Ну вот как-то так получилось. Было очень увлекательно и красиво. Вообще, со стилями копаться - занятие увлекательное, спасибо за урок!

Спасибо, пригодится!

Спасибо за урок

Спасибо за урок!

Классный урок!

Спасибо! Интересный урок

Шикарный урок!

Спасибо,за урок!

Спасибо=)

Вот они, сладкие!

Спасибо, вкусно!

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее