Clever_bee
@Clever_bee
UX / UI Designer

Как сделать часть обводки окружности прозрачной в photoshop?

Как сделать прозрачность, как на данном скриншоте V2VgOk1T0EyD3A.png. Полукруг вокруг иконки Play имеет прозрачность на конце. Как это реализовать. Можно пошагово? Спасибо.
  • Вопрос задан
  • 2247 просмотров
Решения вопроса 1
Применить градиентную заливку обводки с угловым градиентом, один из концов градиента сделать прозрачным.

d5fa381d8835493cb459f78e565deb86.png
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Shockoway
@Shockoway
Скорее всего есть более изящные варианты, но со старым CS5 под рукой на ум приходит только это:
1) Создаете окружность, добавляете слой-маску.
2) В панели инструментов выбираете "Градиент" (тип градиента - angle).
3) Открываете сам градиент, ползунками настраиваете местоположения и плавность перехода к прозрачности из расчета, что правая сторона градиента это начало окружности, а левая конец, замыкающий круг.
1027514031.png
4) Переходите к маске слоя, зажимая shift тыкаете в центр круга и не отпуская тянете вверх, либо экспериментируете в поисках нужного результата.
a145c77c05.jpg
Ответ написан
Комментировать
abyrkov
@abyrkov
JavaScripter
В простейшем случае использовать круговой(не знаю, как он называется точно, но не радиальный, а именно круговой) градиент.
Алгоритм приблизительно таков:
1. Создать нужный градиент(как сделать полупрозрачный градиент, надеюсь, не надо объяснять)
2. Залить отдельный слой круговым градиентом(на панели изображен в виде круга, в котором по часовой стрелки цвет меняется от темного к светлому), проведя из центра круга
3. Накладываем маску круга.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы