• Вопрос по фотошопу?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Векторный смарт-объект Фотошоп пытается открыть в векторном собрате — Иллюстраторе.
    Скорее всего векторный элементы были вставлены через Ctrl+V из Иллюстратора, а т.к. он у вас не установлен поэтому и ошибка.

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

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Конечно же есть способ проще — через штатный функционал работы с узорами.
    Изучайте https://helpx.adobe.com/illustrator/using/create-e...

    "На лету" корректируйте линии и после можно будет применить к любому объекту (без необходимости ручного копирования) как и любой другой узор из стандартных палитр Иллюстратора.
    Ответ написан
    Комментировать
  • Можно ли сделать изменить цвет в фотошопе только у 1-ой направляющей?

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

    Как альтернативу рекомендую оставить напрявляющие для чего-то конкретного, а саму сетку колонок делать как все полупрозрачными объектами.
    960.gs_.jpg
    Ответ написан
    Комментировать
  • Вызов скрипта по нажатию клавиши в Photoshop?

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

    5cbefbf7ec7ef417565805.png
    Ответ написан
    Комментировать
  • Где найти эту иллюстрацию?

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

    По стилистике работы тоже похоже на ассортимент магазина "все для дома". Ну и тот факт, что на стоках его не нашли (я тоже попытался поискать через сервисы и Гугл) добавляет плюсов к моей версии. То что есть десятки сайтов по продаже картин говорит о том, что сайты в итоге обращаются к одному печатнику, который по заказу печатает и передает (вы же не думаете, что у каждого сайта там своя типография и производство, правда?).

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

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Несколько цитат.

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

    Юрий Ветров, Mail.Ru Group

    Что такое дизайн-токены?
    Дизайн-токены это вещь сейчас. Это неотъемлемая часть любой дизайн-системы и очень важная часть продукта. Это поможет вам сохранить ваш дизайн последовательным и надежным. Дизайн-токены — это набор стилей: цвета, типографика и размеры, которые используются в продукте и могут быть преобразованы в формат для любой платформы, такой как iOS, Android, веб-приложения.

    Pavel Laptev

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

    Отсюда. Если вы верстальщик, то по этой ссылке все поймете т.к. там с примерами кода.
    Ответ написан
  • Лишние пустые пиксели в смарт-объекте, почему?

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

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

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Подскажите новичку, как следует отрисовывать в макете, раскрывающиеся вниз элементы (пример как на фото, или кнопка "читать далее", когда при нажатии на ссылку текст продолжается раскрытием вниз). Отдельно рисуются страницы под каждый элемент или как то можно это сделать по другому? Заранее спасибо за ответ!)

    Суть вопроса именно в том как показать в макете два состояния (скрытое и раскрытое). Софт не указан, потому напишу про Фотошоп, к примеру.

    Самый простой способ: в слоях сделать две папки с нормальным (скрытым) состоянием и с развернутым (ну и состояние при наведении, если требуется). Им пользуются большинство.

    Самый удобный способ: с помощью композиций слоёв (layer comps). О нем знают те, кто лучше разбирался с Фш, читал мануал, смотрел уроки или общался с более опытными коллегами
    Почитать можно здесь https://helpx.adobe.com/ru/photoshop/using/layer-c... и посмотреть разные уроки в интернете.

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

    В Фигме можно такое сделать через компоненты и их состояния. Уроков также много в интернете.
    Ответ написан
    Комментировать
  • Как сделать текст на сайте https://donuzlav.com одинаковым в разных браузерах?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    О дизайне написали, хоть и не спрашивали, а на главный вопрос не ответили)))

    NIKSANN, ваш вопрос относится больше к верстке, чем к дизайну. Чтобы сайт выглядел максимально одинаково в разных операционных системах, браузерах и их версиях нужно чтобы грамотный верстальщик всё это исправил. Называется сие чудо "кроссбраузерная верстка" и уже давно является обязательным пунктом в работе любого хорошего верстальщика.

    Посмотрел сайт в Хроме, Опере и Мозиле — везде на главной текст с выключкой "по ширине" и выглядит одинаково. Вин10 1809. Видимо, у нас разные версии браузеров или ОС.

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

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

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

    Для взаимодействия нужен менеджер (в идеале) или кто-то, исполняющий его роль (уж как получится, от директора до дизайнера).
    Ответ написан
    Комментировать
  • Где посмотреть примеры дизайна графиков?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
  • Как сохранить логотип белого цвета на прозрачном фоне в Illustrator под печать в pdf?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Если сомневаетесь, то откройте этот PDF в Иллюстраторе и всё сразу станет понятным.

    Подходящие форматы файлов спрашивайте напрямую в типографии (или у клиента). Можно для печати и PDF, и EPS, и много других форматов, но требования могут отличаться у каждой.
    Ответ написан
    3 комментария
  • Возможно ли вытянуть из psd макета логотип чтобы он стал векторным?

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

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

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

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Читайте теорию и применяйте на практике.

    Книг по теории дизайна, колористике, юзабилити, интерфейсам и т.п. очень много. Легко гуглятся и даже на Тостере много раз обсуждалось, поищите. Курсов по этому тоже много.

    Изучите гайдлайны каждой платформы.

    Смотрите на работы других, вдохновляйтесь. Пробуйте применять удачные приёмы в своей работе. Для тренировки можно просто брать хороший и удобный дизайн и пробовать повторить точь-в-точь. Иной раз помогает понять почему сделано именно так и набить руку.

    Тонкости и фишечки как раз так и познаются — из книг и увиденного где-то.
    Ответ написан
    Комментировать
  • Как вокруг круга сделать лучи солнца в виде линий?

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

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Illustrator
    Дизайнер и перфекционист
    Во-первых, выделить легко т.к. у всех инструментов при использовании есть доп. функционал при нажатых Ctrl, Shift, Alt в разных сочетаниях — это очень удобно. При выбранном инструменте "перо" надо нажать Ctrl (курсор сменится на стрелку) и Shift (добавление к выделению), кликнуть по второму объекту/контуру и теперь выбраны оба.

    Во-вторых, скорее всего, на каком-то этапе автор сделал копию объекта внешнего контура губ и сейчас, выбрав верхнюю из них, использовал intersect (создает объект по форме пересечения двух фигур). Копия делается горячими клавишами (Ctrl+C - Ctrl+F) потому на видео действие осталось незаметным. Были бы открыты слои - было бы понятнее.

    Кстати, в Ютубе можно менять скорость воспроизведения чтобы разглядеть внимательнее действия, совершаемые слишком быстро. Вдруг не знали.
    Ответ написан
    2 комментария
  • Как записать быстрый экспорт в 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
    Дизайнер и перфекционист
    Все относительно. Для копирайтера хорошая одна биржа, для художника другая, а для программиста третья.
    Уточнили бы хоть интересующие специализации или типы проектов.

    Просто списки разных бирж можно посмотреть тут
    www.onlineprojects.ru/tools/freelance
    https://habr.com/ru/company/icanchoose/blog/347806/
    www.kadrof.ru/cat_exchange.shtml

    Помимо советов от коллег, можно самостоятельно определить полезность той или иной биржи. Заходите на биржу и фильтруйте проекты по нужной специализации, смотрите сколько их появляется в сутки/неделю/месяц. Где работы больше — смотрите условия, цену подписки, процент от сделок, уровень конкуренции (кол-во откликов).
    У биржи может быть 5 проектов в день всего, но подписка 5 у.е., к примеру. А там, где 100 проектов в день подписка 20 у.е., но и работы больше.

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

    pozZzitiv
    @pozZzitiv
    Дизайнер и перфекционист
    У страниц (публичные которые, а не личные профили) в разделе "Статистика", внизу страницы, есть блок с данными. Вводишь похожие страницы и там будет показана активность (подписчики, кол-во публикаций и вовлеченность).
    Немного, но хоть что-то.

    5c6413ed343a9802832344.png
    Ответ написан
    Комментировать