Как воспроизвести этот старый эффект границы значка Safari (браузера)? (Фотошоп) [закрыто]

Я пытаюсь воспроизвести этот эффект кнопки границы (градиенты, цвет заливки и тени; забудьте о содержимом значка). Я уже пытался достичь этого, но я борюсь

Сафари Бтн

Можете ли вы дать мне способ воспроизвести его прямо сейчас или несколько советов?

Заранее спасибо!

Я голосую за то, чтобы закрыть этот вопрос как не относящийся к теме, потому что мы не являемся веб-сайтом с учебниками по запросу, мы просим вас приложить некоторые усилия, и мы скорее объясним, где ваш процесс неверен, чем дадим быстрое пошаговое описание. шаг. Пожалуйста , отредактируйте свой вопрос, чтобы включить эту информацию.
Это легче понять, если вы как бы разбиваете это в своей голове. Как основные формы и прочее. Например, мы получили: grey circle, blue inner circle with gradient, hightlights and shadows on the grey border... и т. д. Тогда вы получите несколько простых вопросов для Google, а не «как сделать это». Типа "как сделать круг". Я имею в виду, что, честно говоря, может быть даже учебник для этой точной иконки, но суть в том, что вы можете понять что угодно, если сначала разберете это. Кроме того, лучше задавать эти вопросы здесь, потому что я думаю, что это может быть что-то вроде часового видеоурока...
Спасибо Йонас! Я полностью понимаю вашу точку зрения, Эндрю, и это правильно, правда в том, что я уже потратил около 4 дней, пытаясь добиться этого эффекта, но я борюсь, и чтобы сделать это легко для всех, я решил не показывать свои 6 версий эффекта , в любом случае спасибо, буду иметь в виду
Я понял, что вы просто хотели получить преимущество, поэтому я решил дать ответ.

Ответы (2)

Поэтому я попытался максимально сжать это, чтобы показать, что я разберу это лично, не написав об этом книгу.

  1. Слой формы базового круга
  2. Стиль слоя внешнего свечения
  3. Стиль слоя тени
  4. Пернатые блики Инструмент «Кисть» с мягкой круглой кистью (круглая кисть с жесткостью 0)
    • Все это в обтравочной маске с базовым кругом.
  5. Инструмент «Темные пятна » с мягкой круглой кистью (круглая кисть с жесткостью 0)
    • Я повторил эти шаги для всех теней.
      1. Взял выделение из формы внешнего круга
      2. Я использовал Quickmask (Q) и Free Transform (T), чтобы сделать выделение нужного размера. По большей части я просто уменьшил его. Для некоторых из них я немного расширил его.
      3. Почищен черным
      4. Не выбрано (Cmd+D)
      5. Затем Filter > Blur > Gaussian Blur..., чтобы смягчить край

Гифка:

введите описание изображения здесь

Ты обалденный! спасибо за эти шаги! Вот что я получил i.imgur.com/HTIiDjG.png Мне нужно больше практики на этих градиентах, но я на этом, еще раз спасибо
@Ангел, это очень близко. Немного доработки не помешает. Шаг 3 может использовать некоторые файлы Choke. Это немного мягко. Шаг 4. Верхние и нижние блики можно было бы немного растушевать. Итак, большая кисть. Глядя на мой результат, верхний тоже немного мал. Слишком резко заканчивается. — Если бы вы разместили внутренности поверх этого, это выглядело бы очень близко к оригиналу. Если вы не удовлетворены на 100%, вы можете поместить оригинал рядом со своим и тщательно проанализировать каждый элемент, чтобы увидеть, где он не работает.
О закрашивании бликов и прочем... Возможно, будет проще прорисовать некоторые мелкие детали, если вы уменьшите непрозрачность кисти примерно до 10-40, в зависимости от того, насколько сильным должен быть эффект. Возможно, я бы попробовал аналогичную непрозрачность с помощью инструмента «Ластик» на темных галочках.
Хорошо, вот еще одна попытка i.imgur.com/vHVZeal.png Это довольно дотошно и тратит на это слишком много времени, с практикой я стану быстрее, как вы
Знаешь, @angel, я думаю, тебе было бы полезно сделать его того же размера, что и оригинал. Возможно, вы могли бы просто увеличить оригинал и отработать его. Или вы можете просто забыть об оригинале и попытаться придумать, как сделать его более круглым. Я думаю, что стороны особенно выглядят довольно плоскими. Или... немного похоже на форму слезы, где внутренний край толще внешнего края. Я уверен, что сильный удар вокруг всего этого не поможет. Это может быть немного меньше и мягче или в большем масштабе, может быть, даже мягкое внутреннее свечение.
Убедитесь, что оригинал рядом с тем, который вы копируете, вроде моей гифки. Оба имеют одинаковый размер и обрезают внутреннюю часть исходного значка по вашему, чтобы, сравнивая их, вы могли точно увидеть, чего не хватает вашему.

Если вы можете принять что-то, что является правдоподобным кольцом, но не точной копией, и вы можете использовать Illustrator, то вы можете получить результат за минуту:

введите описание изображения здесь

Фигура слева (=круг + прямоугольник, объединенные в панели поиска контуров) имеет 3D-эффект Вращение. См. диалоговое окно эффекта. Затенение можно регулировать, играя со светом. Я вставил 2 дополнительных источника света, чтобы получить достаточно света.

Мелкие детали в 12 часов также могут быть созданы как обороты. Есть еще кольцо и сфера.

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

Очень хорошо! Жаль, что я тоже не могу принять этот ответ, я пытался, и это то, что я получил i.imgur.com/UC9CeSY.png Нам нужен более точный способ перемещения этих огней, возможно, со значениями. В любом случае, спасибо, что сообщили мне, что это возможно в Ai! интересная эта функция
Как воспроизвести этот старый эффект границы значка Safari (браузера)? (Фотошоп) [закрыто]
СпросиСетьПолитика конфиденциальности1y, 0v