Pavel Designer

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

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

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

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

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

В Фигме можно такое сделать через компоненты и их состояния. Уроков также много в интернете.

Google

Если сомневаетесь, то откройте этот PDF в Иллюстраторе и всё сразу станет понятным.

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

Возможно ли вытянуть из psd макета логотип чтобы он стал векторным?

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

Но можно обрисовать в векторе по растру из макета. Покажите скриншот панели слоев, где видно в каком виде там лого.

Читайте теорию и применяйте на практике.

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

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

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

Тонкости и фишечки как раз так и познаются — из книг и увиденного где-то.

Рисовать линиями в Фш не так удобно, как в том же Аи, например. Вот пример урока для Иллюстратора https://medialoot.com/blog/how-to-create-vintage-v... и в Фш принцип тот же, но дольше.
Также можно и скачать готовое, например, такого плана https://www.freepik.com/free-photos-vectors/sunburst

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

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

Кстати, в Ютубе можно менять скорость воспроизведения чтобы разглядеть внимательнее действия, совершаемые слишком быстро. Вдруг не знали.

Перезапустить Фш и треугольника больше не будет. Шрифт установился, все нормально. Просто он вот так показывает это, не убирая иконку.

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

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

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

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

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

Не нужен никакой экшен!

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

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

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

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

Где брать? Все просто: у клиента. На стадии обсуждения заказа запросить все необходимые материалы. Какие именно? Зависит только от задумки дизайнера. Даже по ходу работы запрашивать материалы у клиента — это нормально. Хорошо, когда есть старый сайт, например, или иные рекламные материалы откуда можно брать информацию. Если вдруг клиенту нечего прислать, то это хуже, но тоже не смертельно — можно брать материалы по теме в интернете, с сайтов аналогичной тематики. У скопированного есть владелец и лучше проследить, что клиент понимает (чтоб совесть была чиста, так сказать). Яндекс-рефераты тоже вариант (ссылка в одном из ответов), несколько раз пользовался в работе.
Фото-материалы можно искать в различных фото-банках (есть как платные, так и бесплатные). Платные можно выкупить после утверждения. Кстати, иногда отличная идея — взять и сфотографировать самому, если есть возможность.

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

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

Как сказал однажды один арт-директор:

Если дизайнер думает, что текст — это не его забота, зарплату ему поднимут еще не скоро.

Тут прозвучала фраза про "ты дизайнер или копирайтер". Статьи и все тексты для сайта дизайнер не обязан писать, но тексты — это часть работы дизайнера тоже.

Использовать дочерние темы.

Решить проблему очень легко — исправить указанные ошибки.
Все ошибки написаны в самом начале. Прямым текстом. Исправляйте.

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

Ну и от себя добавлю, что описание на русском бесполезно т.к. сайт англоязычный и даже специально уточняют, что этот текст используется при поиске. На русском на Themeforest не ищет никто, вообще. Описание, тэги, комментарии (проверяющему) и т.п. надо писать на английском. Также тэги надо разделить запятыми с пробелом и добавить больше по теме шаблона.

В чем проблема трассировать растр и не мучиться? Даже не трассировать, а просто взять тот лого в векторе (если нет, то перевести самому, он простейший).

А так, есть пункт при экспорте

С первым вопросом разобрался так

.mkdf-ml-title > a {
	pointer-events: none;
}

Если есть альтернативные варианты будет интересно узнать.