Изменение «шаблона значка приложения» (PSD) iOS 7 для применения закругленных углов к изображениям любого размера.

Я пытаюсь использовать «Шаблон значка приложения» с изображением меньшего размера, чем 1024x1024px, чтобы создать закругленное изображение значка iOS 7 размером 120x120px из моего исходного квадратного изображения 120x120px.

Когда я помещаю квадратное изображение размером 120 пикселей в качестве смарт-объекта и масштабирую его до 1024x1024 пикселей, экспортированная версия размером 120 пикселей имеет низкое качество. Поэтому я попытался изменить размер изображения всего смарт-объекта на 120x120px, но это приводит к тому, что значок не занимает полный размер в PSD, поскольку он по-прежнему интерпретирует его как объект 120x120px внутри объекта 1024x1024px, так что он покрывает крошечную часть экспортированный значок.

Как я могу изменить самый большой размер во всем PSD с 1024x1024px до 120x120px, чтобы экспортируемое изображение 120px было высокого качества?

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

Почему бы вам просто не использовать размер 120 пикселей, который там есть?
@Scott Хороший вопрос, я не уточнил: я использую PSD для создания значка с закругленными углами для использования на веб-сайте, мой оригинальный квадратный, и у меня больше нет его другого размера.
Эээ.. этот комментарий, похоже, ничего мне не проясняет. :) В этом PSD есть значок размером 120 пикселей (округленный) ... вы не можете просто использовать его? Не обращайте внимания на большой размер, используйте размер сетчатки iPhone. И если это не для iOS, зачем вообще нужен этот шаблон?
Вы имеете в виду экспортированную версию 120px? Как я уже упоминал, качество изображения низкое (размытое изображение), если я использую изображение размером 120 пикселей и масштабирую смарт-объект до 1024 пикселей. Я хочу создать изображение только с закругленными углами, как те, которые используются для приложений iOS 7.
Вы меня совсем запутали. Вам нужно изображение размером 120 или 1024 пикселей? С какой стати вы вообще используете этот шаблон, если все, что вам нужно, это округленное изображение? Пожалуйста, отредактируйте свой вопрос, чтобы уточнить, что вам нужно создать . Это будет иметь большое значение. Мне кажется, вам следует просто игнорировать этот шаблон, открыть новый файл Photoshop нужного вам размера и создать маску с закругленными углами.
Мне нужно изображение размером 120 пикселей с закругленными углами. Я говорил о масштабировании до 1024 пикселей, потому что это единственный известный мне способ с этим PSD, чтобы он занимал полный размер и не был маленьким в центре. Затем действие также генерирует версию 120px, которая, однако, размыта. Я использую этот шаблон, потому что не нашел лучшего способа. Если вы хотите показать мне более простой способ, добро пожаловать.
@Scott: я обновил вопрос. «Я чувствую, что вам следует просто игнорировать этот шаблон, открыть новый файл Photoshop нужного вам размера и создать маску с закругленными углами». - Вероятно, это правда, но я не смог найти в Интернете PSD-файл, который делает именно это, и не знаю, как это сделать, поэтому я попытался изменить этот, чтобы добиться этого. Хотите объяснить, как это сделать, или ссылку на PSD, который это делает?
Вы действительно не «находите psd», чтобы делать то, что вам нужно в большинстве случаев. Как правило, вы создаете PSD, который является изображением, которое вам нужно.
Конечно, вы всегда можете сделать это с нуля, но, как и в программировании, повторное использование вещей для экономии времени имеет большой смысл. И в этом случае ваш ответ может быть полезен многим людям, которым просто нужен простой способ применить закругленные углы в стиле iOS 7 к любому изображению.

Ответы (1)

Откройте шаблон

  • Удалите все на панели слоев, кроме групп с названием

    • iPhone > 120 Retina Главный экран
    • Округлая маска

    Удалите все слои , кроме двух, выделенных здесь:
    введите описание изображения здесь

  • Command/CTRL- щелкните миниатюру маски в группе «Закругленная маска». Это загрузит маску как выделение (вы увидите марширующих муравьев).

  • Возьмите инструмент Marquee Tool , удерживайте нажатой Option/Altклавишу и перетащите выделение в области, которые не являются значком 120ox. Так что, в конце концов, у вас остаются марширующие муравьи только вокруг иконки размером 120px.
  • щелкните группу «120 Retina Home Screen» на панели слоев , чтобы выделить ее.
  • Нажмите кнопку «Новая маска» в нижней части панели «Слои» .
    Вещи должны выглядеть так:
    введите описание изображения здесь
  • Перетащите группу «120 Retina Home screen» из группы «Скругленная маска». (Поэтому он не вложен в группу «Закругленная маска»).
  • Перетащите группу «Скругленная маска» на значок корзины в нижней части панели слоев .
  • Выберите Image > Trimиз меню.
  • Отметьте «Прозрачные пиксели» в диалоговом окне и нажмите OK.
  • Разверните группу «120 Retinal Home Screen» на панели «Слои» и отредактируйте слой смарт-объекта «Artwork» с вашим изображением. Или просто добавьте новый слой, содержащий вашу работу.
  • Когда закончите, выберите File > Save For Web, чтобы сохранить изображение для Интернета. ( Не используйте никакие действия, связанные с шаблоном.)

По сути, все, что вам нужно, это документ размером 120x120 пикселей с маской со скругленными углами. Это можно сделать несколькими способами, многие из которых более быстрые и менее запутанные. Основываясь на вашем первоначальном решении использовать этот шаблон для чего-то относительно простого, я думаю, что приведенное выше объяснение может быть наиболее полезным для вас.

То же самое в 5 простых шагов.....

  • Новый документ 120x120px
  • Нарисуйте прямоугольник со скругленными углами с помощью инструмента «Прямоугольник со скругленными углами» (не имеет значения, какого цвета прямоугольник со скругленными углами).
  • Поместите свою работу как слой смарт-объекта над слоем с прямоугольником со скругленными углами.

  • Удерживая Option/Altнажатой клавишу, щелкните линию на панели слоев прямо между слоями рисунка и прямоугольника.
    обтравочная маска
    Это создало обтравочный слой , который ограничивает вашу работу только прямоугольником со скругленными углами. Это добавит закругленные углы вашему рисунку.

  • Выберите File > Save for Web..., чтобы сохранить изображение.

Откровенно говоря, это очень простой материал Photoshop. Не должно быть необходимости в «шаблоне» или чем-то заранее сконструированном. Все, что требуется, — это базовое понимание инструментов и панели слоев.

Прежде всего спасибо за ваш ответ! У меня есть вопрос по этому пункту вашего первого решения: «Разверните группу «120 Retinal Home Screen» на панели «Слои» и отредактируйте слой смарт-объекта «Artwork» с вашим изображением». В этот момент возникает та же проблема, что упоминалась. Я могу либо поместить свое изображение размером 120 пикселей и изменить его размер до 1024 пикселей, либо изменить размер изображения на 120 пикселей и поместить его, но тогда оно снова станет крошечным в группе «120 Retina Home Screen». Как бы вы вставили сюда изображение размером 120 пикселей? Я чувствую, что мне нужно что-то изменить в группе «120 Retina..», но я не знаю, что.
Извините, вы не имеете для меня никакого смысла. «поместите мое изображение размером 120 пикселей и измените его размер до 1024 пикселей». Зачем вам менять размер до 1024 пикселей с помощью описанных мной шагов? Ой, подождите, я недостаточно ясно выразился... Я отредактировал ответ, чтобы четко показать, какие два слоя вам нужно сохранить.
Я полностью понял, что вы имели в виду. Но откройте смарт-объект «Художественное произведение» и нажмите «Изображение» > «Размер» в «Icon.psb». Это все еще 1024x1024px. Ожидается изображение размером 1024px.
Затем просто проигнорируйте этот смарт-объект или удалите его и поместите свою работу в качестве нового слоя в эту группу.
Идеальный! Добавление нового слоя вместо использования «Artwork» помогло. Теперь изображение оригинального качества и не размыто. Большое спасибо за вашу помощь! :) Если хотите, отредактируйте свой ответ, заменив пункт «Художественное произведение» тем, что вы написали в своем комментарии.
Изменение «шаблона значка приложения» (PSD) iOS 7 для применения закругленных углов к изображениям любого размера.
СпросиСетьПолитика конфиденциальности1y, 0v