Прозрачные обводки в стиле Vista
Прозрачные обводки в стиле Vista
Сложность урока: Легкий
Наверняка, каждому из вас нравится стиль Windows Vista. В этом уроке я продемонстрирую похожий эффект. А именно создание полупрозрачных обводок у различных фигур:
Есть 2 способа.
1 способ.
Создаём новый документ.
Если вы желаете разместить свои будущие объекты на фоне в стиле Vista, то посмотрите этот урок.
Итак, вы создали фон или просто залили его нужным цветом.
Возьмите инструмент , установите белый цвет и нарисуйте вот такой прямоугольник:
Дублируем этот слой.
Переходим на верхний прямоугольник, нажимаем Ctrl+T. Теперь, зажав Shift, берём угловую точку и уменьшаем фигуру. Передвигаем её в центр нижней фигуры. Подровняйте, чтобы всё края были равны.
Берём слой с нижним прямоугольником, уменьшаем прозрачность (opasity) по вашему усмотрению.
Теперь выбираем инструмент «перо» , рисуем вот так:
Далее выбираем слой с этой новой фигурой, в меню выбираем Layer – Rasterize – Shape (слой – растрировать – фигуру)
Теперь Ctrl+клик по слою с нижним квадратом, Ctrl+Shift+I, выбираем слой с треугольником, Delete. Уменьшаем прозрачность. Примерно так:
Всё! Готово! Теперь вы можете добавлять текст или различные картинки.
Способ 2:
Более простой.
Создаём фигуру (к примеру прямоугольник), далее нажмите внизу палитры слоёв значок Add Layer Style (Добавить стиль слоя) , добавляем стиль Stroke (Обводка) любого цвета, уменьшаем прозрачность.
Растрируйте фигуру. Теперь создаём слой над фигурой, ПКМ рядом со слоем и выбираем Merge Down (Объединить с нижним)
Еще добавьте тень при помощи Стиля Слоя Drop Shadow!
Готово!
Источник: creativo.one
Комментарии 43
Спасибо! Испробовал два варианта. Жаль, что на обводке нельзя регулировать радиус угла.
Svetlana, спасибо, что напомнили. Никогда не пользовался этой функцией. Что-то я упустил этот момент. Кстати, не подскажите, каким макаром можно зайти на форум? По-крайней мере, в мобильной версии сайта такой кнопки я не нашёл. Была — да куда-то сплыла...
YaQinaS, Про мобильную версию сайта - не знаю, не пользуюсь. А вот на компе кнопка на форум есть в шапке сайта, но видна только авторизованным юзерам. Попробуйте по ссылке https://photoshop-master.ru/forum/
YaQinaS, Отлично. И почему нельзя регулировать углы? Можно. Обводка - это по сути нижний слой с фигурой. Открываете Свойства и меняете угол.
Svetlana, спасибо! Про эти настройки я знаю. Я имел ввиду про настройки радиуса обводки в стилях слоя. Если даже фигура с острыми углами, то при применении стиля слоя "обводка", она всё равно получается закруглённой.
YaQinaS, Да, есть такое. В стиле Обводка Прямоугольными углы остаются только при Внутренней обводке. По центру и Снаружи - скругляются. Но можно же ещё применять обводку к самой фигуре на верхней панели. Углы не скругляются в любом режиме.
Спасибо за урок.
Спасибо)
Спасибо за урок)
Спасибо за замечательный урок!
Спасибо)
Спасибо
Красивы урок!Спасибо!
Урок понравился,Спасибо!!!!
Спасибо за урок!
Спасибо!
Спасибо
Прозрачные обводки в стиле Vista. Спасибо.
Хороший урок.
Спасибо)))
Сп
Спасибо.
Спасибо за урок! Назвала "В ожидании весны"
спасибо, урок понравился
спасибо)
идея хорошая но работу не выложу,огромная получилась 1000*1000
Спасибо просто, но красиво!
Спасибо за урок!
Урок хороший. Жалко, что не говорится как сделать Aero обводку. Но я ее сам смог сделать
Спасибо вам, Universe.photoshop, за идею!
Спасибо! Первый вариант понравился больше)
Прелесть!!! Спасибо!
спс
Спасибо! Впечатляет, просто и со вкусом)