Ответы пользователя по тегу Adobe Photoshop
  • В каком цветовом профиле монитора правильнее работать для веба и полиграфии?

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

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

    Для веба в разных частях света применяться разные профили и следует учитывать это. Чтобы клиент и вы видели картинки максимально одинаково. Как совсем простой вариант - ставить тот профиль, который у всех по-умолчанию установлен (тот же sRGB, например).

    Вот тут очень подробно про профили расписано (англ.).
    Ответ написан
    2 комментария
  • Подготовка фото для загрузки в Instagram?

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

    Делать сразу квадратные и ничего не будет «кропать». Инстаграм автоматом вписывает изображение в ширину экрана.
    Ответ написан
    Комментировать
  • Как сделать инклуды хидера и футера в Photoshop?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Уже задавали несколько раз этот вопрос здесь — используйте смарт объекты.
    Делается шапка/подвал/сайдбар и т.п. в отдельном psb и вставляется линком в макет (File/Place). Нужно поменять что-то в шапке - поменяли и в остальных файлах будет уже новый макет (только придётся обновлять вручную или использовать доп плагины). Можно создавать разные версии шапок/подвалов и в основном макете просто заменять содержимое смарт объекта.
    Ответ написан
    Комментировать
  • Как уменьшить картинку в футере без потери качества?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Для начала уточните что подразумевается под размером: размер в пикселях или размер в килобайтах. Если речь о размере в пикселях, то Фотошоп отлично с этим справляется. Если речь о размере в килобайтах, то откройте в том же Фотошопе и попробуйте разные варианты настроек при сохранении для Веб (Save for Web, без метаданных, качество изображения).

    Есть ещё автоматические сервисы типа https://tinypng.com/ Сжимают классно, но сама картинка может не порадовать.

    PS Я вот не понял, вы вот это изображение хотите скрючить до 36х1000? Зачем?
    Ответ написан
    4 комментария
  • Как переводится опция pulled string в программе Lazy Nezumi Pro?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Длина нити, струны, которая тянется от курсора до штриха.
    download?id=J4UglanwQf7AgCGcNpOeh0bSr6R8
    Ответ написан
    1 комментарий
  • Как пакетно пережать изображения в photoshop?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Делаете Action сохранения с нужными настройками и потом через пакетную обработку прогоняете весь объём. File - Automate - Batch указываете нужный экшен, папку с исходниками, папку куда складывать результат и остальные необходимые настройки (смотрите сами какие нужны, одного универсального решения нет).

    А вообще, не удобнее было бы прогнать через библиотеки типа OptiPNG optiJPG или аналоги?

    PS Если удалить метаданные, то вес будет ещё меньше.

    PPS прогнал прикреплённое изображение через optipng + pngout и убрал ещё ~2кб веса (а это аж 15%)
    7072c616c12049c4a4a08b0dacb1fcdc.png
    Ответ написан
    Комментировать
  • Illustrator или Photoshop как основной инструмент для рисования сайтов?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Многие любят писать «Надо всё делать сразу в векторе, век адаптивности» и т.п. В этом есть правда, но по факту используются практически равнозначно обе программы (плюс не только эти), в зависимости от конкретной задачи. Также выбор сильно зависит от предпочтений конкретного специалиста.

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

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

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

    Лично я пользуюсь FontExpert. Другие менеджеры когда-то давно смотрел, но лет десять пользуюсь им.
    Временно можно подключить шрифт до следующей перезагрузки или же установить постоянно, если пользуешься часто.
    Удобно сортировать/фильтровать, просматривать. Можно как превью использовать нужный текст и выбирать для проекта шрифт сразу с этим текстом. Также можно делать резервную копию шрифтов.
    Ответ написан
    3 комментария
  • Нарушу ли я закон если скину шрифты с исходниками?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Нарушите не закон, а условия лицензионного соглашения. В разных компаний условия лицензии могут различаться (и у платных и у бесплатных шрифтов), поэтому читайте в лицензионном соглашении конкретной компании и шрифта о том что запрещено и чем это грозит.

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

    Вообще, следует заранее оговорить использование шрифтов с определёнными лицензиями, а также формат передачи файлов. Иногда проще включить в бюджет работы стоимость шрифта.
    Конечно, если этот шрифт вы и сами покупали ;)
    Ответ написан
    Комментировать
  • Это 3d модели или рисунок? В какой программе делают такие вещи?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Это мокапы (англ. mock-up, mockup). В сети их очень много бесплатных, платный, платных бесплатно и т.п. Добавляйте к запросу mockup нужное слово и найдёте нужный мокап.

    А делают их частично на основе фотографий, а частично в трёхмерных редакторах (3Д Макс, Синема4Д и т.п., кто в чём умеет) или с применением всех перечисленных инструментов — всё зависит от нужного результата. Различить какой в чём сделан часто не составит труда по их виду.
    Ответ написан
    2 комментария
  • Анимация в psd. Как передать верстальщику, и как должна выглядеть анимация?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Описать словами что должно происходить с элементами. Можно лично, можно в документе или прямо в PSD файле разместить заметки (notes). Добавить примеры аналогичного поведения на других сайтах или показать конкретные плагины/скрипты (легко гуглится по нужным запросам типа "hover animation" или иные запросы согласно тому, что надо объяснить).

    Вообще в макете можно показать сразу разные виды (я так и делаю). Например, разместить прямо в макете изображение курсора и показать вид при наведении. Для элементов сделать 3 папки: normal, hover и pressed, в которых будут лежать соответствующие виды элементов. Ещё один способ показать разные виды элементов на странице это использование композиций Layer comps — очень полезная штука. Если не пользуетесь, то очень советую почитать и изучить её.

    А делать гифки под каждый элемент на странице слишком затратно по времени и не очень целесообразно т.к. нужные эффекты средствами Фотошопа достигаются не также легко, как каким-нибудь плагином (если вообще достигаются). Проще приучить себя делать в макете все состояния для интерактивных элементов и, при необходимости, словами и на примерах объяснять и показывать верстальщику поведение того или иного элемента.
    Ответ написан
    Комментировать
  • Как сделать фон внутри текста?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    В панели слоев расположите картинку верхним слоем, а текст прямо под ней, зажмите Альт и наведите курсор на промежуток между слоями. Курсор изменит свой вид на стрелку под углом 90 градусов, теперь кликаете и верхний слой-картинка будет вписан в форму слоя ниже (т.е. текста в данном случае). Горячие клавиши для этого действия Alt + Ctrl(Cmnd) + G, только не забудьте выделить нужный слой перед этим (нажатие клавиш впишет текущий выделенный слой в тот что под ним).
    И это лишь один из способов)
    Ответ написан
    Комментировать
  • Чем отличается тон от цвета? в CG?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Сходили бы поучились в художественную школу, половина подобных вопросов сразу отпадёт) Не первый уже ваш вопрос из разряда азов. Я даже угадывают ваши вопросы по заголовку в ленте))

    Если коротко, то:
    Цвет — это характеристика объекта (вспомним школьную физику).
    Тон — это характеристика цвета, отвечающая за его положение в спектре.

    Пара страниц из беглого поиска с примерами и описанием
    colorscheme.ru/color-theory/color-glossary.html
    www.korolevstvo-masterov.ru/7-vyazanie/9-czvet/27-...
    Про цвет из Вики https://ru.wikipedia.org/wiki/%D0%A6%D0%B2%D0%B5%D...
    Про тон из Вики https://ru.wikipedia.org/wiki/%D0%A2%D0%BE%D0%BD_(...
    Ответ написан
    1 комментарий
  • Что делает опция Hook Window (Закрепить Окно) в Lazy Nezumi Pro?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Не пользуюсь этим приложением, но решил загуглить и первые же две ссылки на офф сайт подробно всё объяснили.

    The Hook Window feature allows you to use Lazy Nezumi Pro in almost any art application! But if you happen to find an unsupported app, contact us, and we will try to make it work!


    If you are using a different art application than Photoshop, select the File->Hook Window menu, then place your mouse or pen cursor over the canvas window of your art software. You should then see a flashing red rectangle around the window. If you now enable Lazy Nezumi Pro (via the button or the keyboard shortcut), the currently selected preset will take effect when you draw in that window.

    AgitatedSharpBluefish.gif

    Этим ты выбираешь тот холст, на котором рисуешь чтобы Незуми работало и исправляло трясущиеся руки)) Например, рисуешь в другой программе (не Фотошоп) и таким образом захватываешь её рабочий холст. Не захватив его, не будет работать Незуми.
    И окошко самой Незуми захватывать не надо т.к. в нём не рисуется ничего) Надо именно холст графического редактора.

    Инфа с главной и из ФАКа
    Ответ написан
    Комментировать
  • Как хранить много изображений в разных форматах и ориентироваться где что лежит?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Illustrator
    Дизайнер и перфекционист
    Все лежит в _projects/
    Далее _projects/name/… для крупных заказчиков, внутри папки с проектами и задачами (сайт, иконки, баннеры и т.п.)
    или _projects/icons_sitename, _projects/ill_companyname для разовых задач для одного клиента. Часто несколько таких папок собираются в одну, описанную в пункте выше.
    Всё старое, забытое и неактуальное в [archive]/… и достается при необходимости.
    Весь хлам в _trash/… и разгребается раз в полгода–год.
    Всякие папки с референсами если и появляются, то ненадолго (ещё лет 5–10 назад понял, что быстрее найти что-то в интернете, чем на своём диске).

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

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Выделяются все слои с текстом и указываются в панели свойств текста нужные параметры.
    Ответ написан
    1 комментарий
  • Как сделать наклонный переход между разделами?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Например:
    1. Создаешь прямоугольник и белой стрелкой меняешь его форму.
    2. Выделяешь полигональным лассо нужную форму и заливаешь цветом.
    3. Заливаешь слой цветом или создаешь геометрическую фигуру (поворачиваешь как нужно), создаешь ей маску нужной формы любым из способов.
    4. Берешь прямоугольную форму, выделяешь полигональным лассо приблизительно нужную фигуру, заливаешь цветом и вписываешь её в прямоугольную форму, созданную ранее.
    Ответ написан
    Комментировать
  • Смарт-объект из Photoshop в Illustrator?

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

    Если в смарт-объекте векторные элементы, то можно просто открыть смарт в Фотошопе (двойной клик по нему) и сохранить как EPS, например. Затем открыть в Иллюстраторе и сохранить в SVG, проверив, все ли в порядке со объектами.

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

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

    UPD Для ускорения, можно пользоваться не фигурами, а круглым выделением (поставил курсор в угол, где была бы точка при прямом угле и ведешь с зажатым Шифтом по диагонали). Пиксели показаны сразу, делишь диаметр на 2 и получаешь радиус, потом внимаешь выделение горячей клавишей и все.

    У векторных форм радиус можно посмотреть в панели Properties или в верхней панели как на скриншоте у Антона Ф.
    Ответ написан
    3 комментария
  • Узор в фотошопе pat в png?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Если вкратце: смотрите в эффектах слоя что за узор и его размер. Затем создаете новый документ нужного размера и копируете в него стили (среди которых нужный нам паттерн) в новый документ и сохраняете в ПНГ.
    Ответ написан
    Комментировать