Задать вопрос
Ответы пользователя по тегу Adobe Photoshop
  • Как в 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 комментария
  • Color Overlay vs Paint Bucket Tool что для чего?

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

    Заливка цветом может быть использована как для всего фона, так и для отдельных его частей (если это некий узор/рисунок) т.к. это инструмент, такой же как кисть или подобное.
    Вот пример: я могу залить им и весь фон слоя 1(залил красным) и часть узора в слое 2. У слоя 2 центральный прямоугольник был белый и я его окрасил в зеленый инструментом Paint Bucket Tool. При этом, если бы я окрасил через эффект слоя, то закрашен стал бы весь слой и узоры на нём пропали бы (вот так).

    Как видно, залился зелёным только белый до границ с черным. Можно настраивать чувствительность инструмента (смотрите панель в верхней части страницы, когда выбираете инструмент) и тогда заливаться инструментом будут не только те пиксели, в которые ткнули, но и с близким цветом.
    Такое можно проверить на любых фотографиях т.е. не на чистых цветах как в моём примере.

    А эффект с заливкой Color Overlay применяется не к выбранному участку, а ко всему слою или иному объекту в целом (фигура, текст, маска и т.п.). В этом и различия данных инструментов.

    Например, если у слоя рваные края, то заливка цветом сделает их еще хуже, а применение эффекта наложения цвета окрасит даже полупрозрачные пиксели согласно этой самой прозрачности. Пример: здесь сверху зеленая фигура, нарисованная мягкой кистью. Слой 1 я закрасил Paint Bucket Tool, а слой 2 перекрасил эффектом слоя Color Overlay (видите, что окрашен не весь холст, а лишь та часть, где была графика). Думаю, разница очевидна =)
    Ответ написан
  • Сколько стоит хороший (но не супер крутой) графический дизайнер?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Потребуется опросить не одну сотню людей, работавших с дизайнерами, чтобы составить адекватную ценовую картину т.к. что недорого для одних — дорого для других.

    Тут разработчики судят по себе начинают и дизайнерам навязывать часовые рейты, вот только не всегда это нужно. Поверьте, как дизайнер говорю. Попроектная работа дизайнера-фрилансера всегда фиксированная. Работа долгосрочная (большой проект, а не 10 мелких периодически) или в офисе — да, может рассчитываться из почасовой ставки. Фиксированные ставки же у него давно рассчитаны исходя из типовых задач. Лого, руководство по фирменному стилю, главная страница, внутренняя страница, аудит дизайна, иллюстрация, иконки и т.п. — для таких задач есть фиксированный диапазон.

    Плюс ко всему, стоимость напрямую зависит от задачи. Как я писал выше, есть цены на типовые задачи, но клиенты все разные и эту типовую задачу в большинстве случаев необходимо корректировать под нужды клиента. Во всяком случае я работаю так и считаю что так и надо работать.
    Часовая ставка должна быть в голове у дизайнера, а клиенту называться фиксированная сумма уже с учетом заложенного времени с поправкой на срочность и сложность задачи. И вот ставка и коэффициенты уже зависят от мастерства и опыта специалиста. Уж извините, что несколько с сторону от главного вопроса ушел.

    Примеры.
    1. Разработка логотипа.
    Можно просто воплотить идею, что придёт в голову, опираясь на задание клиента. Один вариант без претензии на уникальность т.е. не проводить анализ существующих, не проверять использует ли кто-то эту идею и насколько это вообще важно. А можно делать три принципиально разных варианта на выбор с доработкой одного до финала, изучать конкурентов, искать способы выделиться на их фоне и проверять свои идеи на уникальность среди других логотипов.
    И стоимость решения этих задач может быть, например, от 50$ до 200$ и выше. И это всё стоимость разработки логотипа у одного и того же хорошего дизайнера.

    2. Разработка дизайна сайта (раз уж и них заговорили в комментариях).
    Тут может быть только цена за главную и цена за внутренние уникальные/типовые страницы. Но никак не почасовая))) На каких-то сайтах нужна дополнительная графика, а на каких-то нет, кто-то берёт картинки из интернета/фотобанков, а кто-то создаёт сам. Следовательно, стоимость главной может быть от 50$ до 150$, а внутренних 20—50$ за уникальные и 10—20$ за типовые — и здесь оценку логично проводить после изучения задачи и требований.

    Так что вы определились бы с перечнем конкретных задач, а там уже можно будет собрать информацию о ценах на эти задачи. Цена «ХХХХ в час» вообще не информативна т.к. не даёт понимания стоимости проекта.

    Если исходя из озвученного в вопросе (лого и айдентика), то цены можно назвать примерно следующие: лого — от 50—100$ и выше; фирменный стиль от 100—300$ в зависимости от кол-ва носителей ФС и необходимости оформления руководства.
    Ответ написан
    1 комментарий
  • Возможно ли в фотошопе пакетное сохранение композиций слоев?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Конечно, можно. В меню не смотрите?)
    File / Export / Layer comps to files

    Почитайте в официальном руководстве о них подробнее, чтобы знать весь функционал.

    Скрин из интернета.
    photoshop-export-layer-comps.png
    Ответ написан
    1 комментарий
  • Почему фотошоп не экспортирует слои в файлы?

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

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    В 99% случаев Sharp (второй пункт в списке т.е. «резкое»), а о других забудь вообще. Пока не знаешь в чём разница и не нужно применять эти знания в работе надо использовать только этот вариант, который у всех стоит по умолчанию.

    PS А вот настройка языка (левее дропдауна) иной раз может быть полезнее для недизайнера. На каком языке текст, тот и выставляй там.
    И лучше пользоваться английской версией. Понятнее будет читать советы других или уроки в интернете, да и знание терминов подтянешь. Иной раз плачешь от попыток понять что имеет в виду человек с русскоязычным Фш, Аи и т.п.
    Ответ написан
    Комментировать
  • Для чего предназначены колонки(сетки) в psd макете?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Почитайте про модульные системы и модульные сетки, в частности. Это основа очень многих вещей в нашем мире: от печатного дела до строительства. Всё очень легко ищется поисковиком.

    Рандомные ссылки по теме:
    Модульная система вёрстки
    Что такое модульная сетка и для чего она нужна в в...
    Модульная сетка
    Сетки для адаптивного дизайна
    Каркас сайта, или модульная сетка в веб-дизайне
    ну и т.п., в поисковой выдаче информации очень много.
    Ответ написан
    Комментировать
  • Как делать подобный дизайн?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    На подобные вопросы ответы всегда очевидны и элементарны

    как делается такой дизайн

    Ничего «такого» в нём нет, самый обычный дизайн — плитка, меню, сайдбар.

    По какой сетке он делается

    Левое меню + три колонки плитки товаров фиксированной ширины, а внутри вообще иначе — левая колонка меню + одна колонка контента + сайдбар и всё разной ширины. Сейчас везде нужна какая-то строгая сетка как это было раньше. Сейчас не надо втискивать контент в заранее нарисованную сетку, а надо располагать контент как задумано и исходя из этого искать сетку. Вот дизайнер того сайта решил сделать так, с упором на адекватное отображение и на мобильных устройствах и на ПК мониторах. В общем, на мой взгляд, подход логичный для этого контента.

    в каких разрешениях нужны макеты для верстальщика?

    Это надо спрашивать у верстальщика т.к. все привыкли работать по-разному. Одним нужно по макету под каждое разрешение, другим достаточно текстового описания поведения или гайдлайна (если это под какой-то бутстрап или подобное), а третьим хватит одного макета и дальше сами. Вам посоветуют сейчас одно, а на практике может понадобиться другое или вообще не понадобиться. Я всегда уточняю эти нюансы заранее, перед созданием дизайна.
    Ответ написан
    Комментировать
  • Графический планшет + макеты = Возможно ли?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Исключительно дело вкуса. Лично мне удобно. Я и в допечатке крупной флексо-типографии, где вообще ничего общего с портретами/иллюстрациями не было, использовал Pen&Touch M и орудовал им получше, чем мышью — удобно. Потом и сайты, веб-графику также делал используя планшет.
    Перо всегда в руке и можно спокойно печатать при этом, легче мыши. Возьмите у кого-нибудь на день-два и сами попробуйте, чтобы не потратить деньги зря.

    Кстати, спасибо, что напомнили. Надо достать и подключить, а то после переезда забыл про него.

    По нынешним производителям ничего не скажу, пользовался Вакомами (Bamboo One и Pen&Touch) и был еще один Джениус (гавно). До 8к выбор не такой уж и большой, из Вакомов хватит на тот же One или маленький Intuos. Есть какие-то другие, с неприличными названиями, но лучше изучите обзоры в интернете чтобы понимать что они могут и подходит ли это конкретно вам. Уж просто водить по экрану и тыкать может хватить любого с более-менее качественным пером.
    Ответ написан
    Комментировать
  • Как в фотошопе слить слои со стилем слоя?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Если Flatten image не помогает (меню Layers или правой кнопкой на любом слое в панели слоёв), то соберите все слои в смарт-объект, а потом растрируйте.

    PS Кстати, сделал тестовый файл, установил режим multiply и даже Merge layers нормально всё слил, без сбрасывания стиля наложения.
    Ответ написан
    2 комментария
  • Как сохранить из файла .ai только выделенный объект в svg?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Illustrator
    Дизайнер и перфекционист
    Во-первых, чтобы сохранять слайсы надо сначала их разместить т.к. вы выделили объекты, а не слайсы. Во-вторых, через slices нельзя сохранять в svg. В-третьих, в svg проще сохранять либо поотдельности (т.е. в новый документ/артборд скопировать иконку и сохранить как svg), либо через asset export (меню - view - asset export), либо с помощью сторонних скриптов/плагинов.
    Ответ написан
    Комментировать
  • Как отделить тень от фона?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    А вы то видео до конца смотрели вообще? Или только начало посмотрели, увидели белый фон и сразу расстроились? Похоже что второе))

    Там на нескольких машинках с разным фоном проделывают все операции. Примерно с пятой минуты показаны разные фоны, неоднородные и не белые как у софы по ссылке. Просто делайте так же как в уроке.

    По поводу теней стоит почитать книги по рисунку или же погуглить уроки типа "how to draw realistic shadow". Как поймёте с простыми объектами, так можно будет переходить к сложным. Общие принципы остаются.
    Просто блюрить черные тени это всегда худший вариант, только если совсем плевать на качество финальной картинки или тень чисто для галочки нужна. Точнее, блюрить можно, но надо подстраивать степень размытия исходя из дальности от конкретной точки объекта до места падения тени от этой точки на поверхность. А при рассеянном свете еще сложнее)))
    Ответ написан
    Комментировать
  • Есть в Фотошопе автообновляемый набор компонентов?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    У Adobe есть Assets и синхронизация файлов на нескольких компьютерах. Только нужно под одним аккаунтом заходить или пользоваться коллективным планом.
    https://helpx.adobe.com/creative-cloud/how-to/asse...
    https://helpx.adobe.com/ru/creative-cloud/help/syn...

    Также можно пользовать смарт-объекты и линковать их в макеты.
    https://helpx.adobe.com/ru/photoshop/using/create-...
    Внёс изменения в один смарт и потом просто обновил во всех psd. Но удобнее чтобы файлы были в одном месте (локальный диск или облако), чтобы не пересылать их постоянно друг другу после изменений. Тем более, если их (изменений, да и файлов) будет много.
    Ответ написан
    3 комментария
  • Как экспортировать градиент из illustrator'a в Photoshop?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Illustrator
    Дизайнер и перфекционист
    Если вы хотите чтобы в Фотошопе градиент можно было сделать в виде swatch как в Иллюстраторе, то это невозможно. И вообще, эскпорт наборов цветов, градиентов и т.п. невозможен т.к. программы используют разные форматы для этого.

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

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    В примере плохой результат размножения куска текстуры - видны повторы. По такому можно обрезать руками, автоматических способов нет. Проще искать бесшовные текстуры заранее и не будет такой проблемы.

    Но есть и всякие генераторы типа этого. Берется картинка и он создаёт из неё бесшовную текстуру. Их несколько и они легко гуглятся. Вот только результат у них очень уж топорный для изображений сложнее песка или бумаги.

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

    А вообще, просите дизайнера предоставить тайл для фона отдельно. Как правило они их откуда-то качают и оригинал почти всегда есть. Если взять у дизайнера не получается по каким-то причинам, то уже самому и на глазок, да.
    Ответ написан
    Комментировать
  • Как анимировать шестеренки в illustrator или photoshop?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Illustrator
    Дизайнер и перфекционист
    Это делается легко в After Effects.
    Вот примеры уроков по анимации шестеренки в After Effects.
    Ответ написан