2

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

Прежде чем я продолжу, мой первый вопрос:
Есть ли такое место, как SuperUser для дизайнеров (или для фотошопа или вопросов)?

Что я хочу:

Я хочу, чтобы значки на http://www.mattdipasquale.com/ выглядели так же, как на http://about.me/mattdipasquale. About.me имеет устаревшую иконку Twitter и не имеет иконок для GitHub, StackOverflow и т.д. Итак, хотя мне нравится внешний вид их иконок, я хочу иметь возможность создавать эти иконки самостоятельно, а не использовать их версии.

Что я имею:

У меня есть разные значки iphone, такие как значок iPhone на Facebook, значок iPhone на Twitter и т.д., Которые я получил из iTunes, используя Firebug для поиска URL-адреса фонового изображения. Я открыл их в Photoshop и нажал option + command + i, чтобы уменьшить размер изображения до 32px x 32px с помощью Bicubic Sharper (лучше всего для уменьшения). Теперь у меня есть квадратная иконка слоя.

Закрытие разрыва:

В дополнение к значку, я хочу иметь слой с обтравочной маской, который будет применять закругленные углы 5px, обводку 1px и скос 1px. (Примечание: я просто хочу применить эффекты к краям значка, потому что глянец и другие эффекты уже закодированы в изображении iTunes.Кроме того, я просто догадываюсь о значениях пикселей, но я хочу, чтобы они выглядели хорошо, как значки на about.me.)

Какие настройки следует использовать для параметров наложения, чтобы значки выглядели хорошо, например значки iphone или те, которые используются about.me?

Почему обтравочная маска?

Причина, по которой я хочу использовать обтравочную маску, заключается в том, что я хочу простоты воспроизведения. Я хочу иметь возможность применить тот же стиль к другим слоям с квадратными значками, просто заменив слой с квадратными значками и сохранив их для веб-сайтов. Если есть лучший способ добиться такой легкости воспроизведения, пожалуйста, предложите это. Я видел шаблоны иконок iPhone в Photoshop, но не мог понять, как использовать их с моими собственными изображениями.

1 ответ1

2

Вы можете легко создать векторную маску со скругленными углами в фотошопе.

  • долго держите инструмент прямоугольник, выберите инструмент прямоугольник с закругленными углами
  • установите радиус на панели параметров вдоль верхней части.
  • векторные фигуры не привязываются к пикселям, поэтому для принудительной установки вам нужно установить линейку для каждой границы вашего изображения размером 32x32, нарисуйте прямоугольник
  • щелкните правой кнопкой мыши векторную маску (а не только слой векторной маски), выберите «Растеризовать векторную маску»
  • с выбранной маской, перейдите в изображение / настройки / инвертировать

Теперь вы можете изменить цвет маски, добавить штрих и т. д.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .