Ответы пользователя по тегу Adobe Photoshop
  • Лишние пустые пиксели в смарт-объекте, почему?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Скачал и посмотрел файл — у меня границы смарт-объекта такие же как у области текста изначально.
    spoiler
    5cbdcf71c20eb048627808.jpeg

    Сначала я подумал, что причина именно в том, что переведена в смарт-объект надпись, а не просто растровый объект. В таком случае могло снаружи показывать саму букву, а открыв смарт-объект внутри видим текстовое поле, границы которого и являются границами смарт-объекта.
    Но раз у меня выглядит иначе, полагаю, дело либо в разных способах создания смарта, либо в версиях. Я сделал смарт через контекстное меню в панели слоев.
    Ответ написан
    Комментировать
  • Возможно ли вытянуть из psd макета логотип чтобы он стал векторным?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Возможно ли вытянуть из psd макета логотип чтобы он стал векторным?

    Если он изначально растровый в макете, то нельзя. Никак. Растровым он внезапно не станет.

    Но можно обрисовать в векторе по растру из макета. Покажите скриншот панели слоев, где видно в каком виде там лого.
    Ответ написан
  • Как вокруг круга сделать лучи солнца в виде линий?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Рисовать линиями в Фш не так удобно, как в том же Аи, например. Вот пример урока для Иллюстратора https://medialoot.com/blog/how-to-create-vintage-v... и в Фш принцип тот же, но дольше.
    Также можно и скачать готовое, например, такого плана https://www.freepik.com/free-photos-vectors/sunburst
    Ответ написан
  • Как записать быстрый экспорт в PNG/JPG?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Зачем сложности с экшенами, если на нужную операцию из пункта меню можно просто назначить горячую клавишу?

    Пишу для англоязычной версии т.к. локализованной нет и не советую ей пользоваться.
    Menu - Edit - Keyboard shortcuts (или Alt+Shift+Ctrl+K) и выбираете нужный пункт "Quick export as PNG", указываете ему удобное и не занятое сочетание клавиш.

    5c7c119c3cd7f665442943.png
    Там же можно увидеть уже существующие сочетания горячих клавиши для популярных действий. Лично мне удобнее просто открывать диалог "экспорта для веб" Alt+Shift+Ctrl+S и (когда ранее уже выставлены нужные настройки качества) сразу одним кликом (или Enter) открывается выбор места сохранения, а вторым кликом файл уже в нужной папке.
    Ответ написан
  • Почему появился серый треугольник у слоя с текстом в фотошопе?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Перезапустить Фш и треугольника больше не будет. Шрифт установился, все нормально. Просто он вот так показывает это, не убирая иконку.

    Тормозило на компах раньше, причем нещадно. Но тогда и меры не знали, закачивая сборники по несколько тысяч шрифтов. Даже не знаю сказывается ли как-то количество шрифтов сейчас, когда такая производительность у ПК, но я точно не вижу никакого смысла устанавливать тысячи и тысячи начертаний.
    Советую использовать менеджер шрифтов и по необходимости активировать временно нужный для работы шрифт. Активен он будет до перезагрузки. Какие-то популярные шрифты, используемые ежедневно, можно установить постоянно.
    Ответ написан
    1 комментарий
  • Как быстро заменять фоторафии под слоем?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Не нужен никакой экшен!

    Вариант 1
    Делаете документ нужного размера, вставляете фоновое изображение ноутбука, вставляете скриншот с соотношением сторон того ноутбука (16:9 и т.п.). Далее преобразуете этот скриншот в смарт-объект и делаете необходимые манипуляции чтобы он был размещен как нужно на экране ноутбука. Сохраняете шаблон и всё.
    Теперь, чтобы вставить другой скриншот просто открываете шаблон, кликаете дважды на смарт-объекте и он открывается в новой вкладке, вставляете в смарт-объект новый макет сайта, сохраняете документ (Ctrl+S в открытом смарте) и закрываете его. Вуаля! В шаблоне на экране ноутбука уже новый сайт виден. Сохраняете джипег или пнг, а сам шаблон можно не обновлять.

    Но есть еще более простой второй вариант.
    Ищите в интернете понравившийся мокап (например, laptop screen mockup), качаете и видите уже готовый шаблон. Пользуетесь как описано выше.

    Таким же образом можно использовать не только для ноутбуков, но и для ПК, Маков, смартфонов и прочего.
    Ответ написан
    Комментировать
  • Как узнать насколько кнопка в Фотошопе закруглена?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Панель свойств. Никакие "Копировать CSS" не нужны.
    ps-rr_step-6.jpg
    1. Выделить нужный объект.
    2. Открыть панель Properties (Menu - Window - Properties).
    3. Посмотреть радиус углов.
    Ответ написан
    1 комментарий
  • Как изображение окрасить в белый цвет, а фон сделать прозрачным?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Создать документ такого же размера, взять иконку в интернете, написать текст и оставить фон прозрачным. Ну или поискать эту же картинку на прозрачном фоне уже готовую (а вдруг есть). Ответы очевидны, в общем-то.
    Ответ написан
    Комментировать
  • Как разделить в фотошопе группу фотографий в одном слое?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Они все на одном растровом слое, это не группа. Когда-то картинки собрали в группу, а потом группу растрировали. Теперь только вырезать поотдельности с этого слоя. Брать инструмент выделения и по квадратикам выносить на отдельные растровые слои. Стрелка если тоже слита в этом слое, то только рисовать заново ее.
    Ответ написан
    Комментировать
  • Может кто знает, почему в фотошопе обрезаю картинку Crop Tool (она идет с рамкой), обрезаю рамку, а при сохранении рамка снова появляется?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    У вас в панели слоёв наверняка применен стиль к слою с изображением - обводка. Потому и появляется серая обводка по контуру =)
    Откройте слои, слой с нужной картинкой и уберите у него обводку. Тогда и обрезать не придется ничего.
    Ответ написан
  • Несовпадение размеров элементов в фотошоп?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Приложите скриншоты. Что за наложение такое "через pixel perfect"?
    Судя по тэгам, речь идёт о несовпадении в итоговой вёрстке и макете в Фш. Ну так смотрите какие элементы, в каких единицах измерения у них размер указан в макете и в чём в вёрстке. Проблема давняя и популярная.
    Для текста, например, там куча параметров может быть, см. панель Character.
    Ответ написан
  • Как редактировать содержимое смарт-объекта в этом же контексте?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Можно ли редактировать его в текущей?

    Нет нельзя.
    Можно ли как-то сделать отображение всего, что находится за редактируемым объектом?

    Да, можно. Просто возьмите вкладку со смарт-объектом и перетяните в сторону. Расположите его так что было видно и содержимое окна (а не вкладки) смарт-объекта и на фоне вкладку основного файла. Только надо будет сохранить содержимое смарт-объекта чтобы увидеть изменения в основном файле — просто ctrl+s во время работы.
    Ответ написан
  • После трассировки в Adobe Illustrator Smart объекта из PSD, изображение меняется, появляются полосы разных оттенков, что делаю не правильно?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Illustrator
    Дизайнер и перфекционист
    Неправильное тут одно: размещение вопроса здесь вместо изучения основ векторной графики, её отличий от растровой, что такое трассировка и где она поможет, а где нет.

    Вот прошло первое знакомство с трассировкой. Теперь можно еще попробовать на разных картинках и в разных режимах с разными настройками чтобы увидеть как она работает и забыть про неё.

    Сейчас либо разобрать результат трассировки, а потом слить разделённые объекты вместе и наложить нужный градиент, либо взять перо и обрисовать фигуры вручную, перекрасив их как оригинальное изображение.
    Ответ написан
    Комментировать
  • Как сделать такую обводку?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Взять и нарисовать в любом графическом редакторе (лучше векторном) пером, например.
    Ответ написан
    Комментировать
  • Как вы боритесь с наложением слоя в photoshop?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Никак не борюсь. Это полезный функционал, позволяющий создавать разные эффекты А если серьезно, то есть решения.

    Если есть связь с дизайнером (или другой дизайнер под рукой), то просто просите свести все слои с наложением, отличным от normal, в один слой/объект. Далеко не все осознают, что режимы наложения и эффекты должны применяться строго к одному финальному изображению когда речь о вебе. Так что это задача именно дизайнера — подготовить всё для верстальщика.

    Если же ситуация такая, что надо самому что-то делать, то придется разбираться в исходнике.
    а) Хорошо если там все по папкам, группам, маскам и т.п. разобрано. В таком случае выделяете графику с нестандартным наложением + ее фон и сливаете (merge layers). Если ничего не забыли, то внешне картинка не изменится. Если забыли — ищем, что забыли и повторяем, собрав вместе. Так у нас будет один слой с режимом normal, кромсаете его как надо и используете.
    б) Альтернатива — смарт-объект. По сути тоже самое, что предыдущий пункт, но слои не сливаются в один слой, а сливаются в смарт-объект, который можно будет редактировать при необходимости.
    в) Если в исходнике не сгруппировано и хаос, то сочувствую. Придется покопаться, кликая на нужные слои и отыскивая какие еще относятся к нужному блоку. Не смертельно, но время может отнять. Далее также сливать в один слой и работать уже с нормальным режимом наложения.

    Чаще ленятся вырезать тень и накладывают с multiply. Тут спасёт только вырезание из фона и подгон под фон сайта.
    Ответ написан
    Комментировать
  • Как в photoshop выделять слои в группах?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Волшебный переключатель на выделение группы или слоя.
    3d0cb030720240208f859fa8048f5bc3.png
    Ответ написан
    1 комментарий
  • Где найти такую ленточку в psd?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Вот здесь discount ribbon psd.

    Вот только вы смешали всё в кучу: «Где найти такую ленточку в psd?» и «Где можно найти подобные ленточки в векторе?» не очень соответствуют т.к. psd это не вектор, вектор это ai, eps, svg и т.п.

    Поэтому, если важен именно вектор, следует искать discount ribbon vector.
    Ответ написан
    Комментировать
  • Есть ли в фотошопе такая функция?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Нет, в Фш такого нет.

    Если речь о стилях слоя, то их можно копировать и применять к другим слоям. Если фильтры в виде корректирующих слоёв, то можно применять их к конкретному слою или же ограничивать область действия масками. Ещё можно написать экшен с нужными эффектами и назначить хоткей, а потом применять к нужному слою или выделению.
    Ответ написан
    Комментировать
  • Как добавить маску слоя для смены цвета у блока логотипов, за искл. одного, в макете сайта в Photoshop?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Как сделан именно этот пример.

    1. Располагаются логотипы плиткой.
    542e7c9f9a624a4e8b83b028b56bc9ad.png
    2. Выделяются все слои с логотипами, в контекстном меню собираются в папку (или Ctrl+G).
    3. Создается слой с серой заливкой
    08de1a044aca4179b0eb64494d37886d.png
    4. Далее зажимаем Alt и наводим курсор между группой и слоем с серым цветом пока курсор не поменяет вид (скрин из инета)
    ad36a2b9694049eeb40034bc76bde3fc.png
    Кликаем и верхний слой теперь применён только в рамках нижней группы как показано ниже
    21e5a9a967dd4678bd13297d06a13271.png
    5. Выделяем именно маску, кликнув на белом. Белое это то, что видно т.е. то, к чему применяется наш цветной слой.
    710b2628898f418aaea2b1d4b18beeda.png
    6. Выделяем тот из логотипов, который не должен быть окрашен серым. Заливаем выделенное черным.
    d449385a65934370a3355c9a66c02d8d.png
    Таким образом наложение серого цвета применяется всюду в папке с логотипами кроме участка, скрытого маской.
    Ответ написан
    1 комментарий
  • Есть ли лайфхак по редактированию нескольких слоев с текстом в photoshop?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Редактировать именно текст в нескольких текстовых слоях одновременно нельзя.

    1. Можно, как написал Gilf, перевести текстовый слой в смарт-объект и затем копировать его сколько потребуется. В таком случае, изменив текст в смарт-объекте вы измените его во всех копиях этого смарт-объекта. Больше подходит если одинаковых текстовых слоёв десятки.
    Из минусов: если надо будет поменять не везде, то придётся заново делать просто текстовый слой и еще верстальщик потом может не обрадоваться, увидя в макете сплошные смарт-объекты вместо текста.

    2. Но, для замены на одинаковый текст в нескольких блоках гораздо проще, на мой взгляд, сделать так: скопировать текст в буфер Ctrl+C, взять инструмент Type Tool (T), двойной клик на тексте (с инструментом Type Tool сразу выделится текст) или на тексте в панели слоёв, Ctrl+A выделить всё и Ctrl+V вставить заготовленный текст. Если пользуетесь горячими клавишами, то весь процесс займёт считанные секунды. Подходит если одинаковых слоёв немного ,как в вашем примере.
    Минусы: будет немного дольше, если одинаковых слоёв десятки.

    Забыл про еще один вариант!
    3. Если надо заменить везде одинаковый текст на другой одинаковый, то можно использовать Edit -> Find and Replace Text. Появится окно и в нём указывается какую фраза/слово на что менять. Искать будет по всем видимым слоям.
    Ответ написан
    2 комментария