Уроки Веб и приложения Зинаида Лукьянова 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-адрес, помогающих нам сделать его удобнее для вас. Подробнее