Pavel Designer

Edit / Preferences / Units & Rulers и меняй на пиксели


А можешь просто в панели свойств текста вбить 12 рх и нажать Энтер и текст станет такого размера.

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

Ну написано же по-русски

страница выглядит как глянцевый журнал

Это не «эффект глянца», это просто желание чтобы страница была оформлена по принципам оформления в журналах. Пример приведён не самый красивый, вёрстка ужасна, но отдалённо понятный — рамочки, картинки в нестандартной маске и т.п. Просто возьмите несколько журналов, посмотрите как они свёрстаны и сделайте по аналогии.
Можно попросить у клиента показать его любимые развороты в журналах чтобы лучше понять что нравится.

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

не в курсе, есть ли в фотошопе функция "ручками" ввести координату!?

Конечно есть. Меню View - New guide, выбираете направление (горизонтальное или вертикальное) и позицию в пикселях. В пункте View - New guide layout можно сразу сетку составить (штатный аналог всяких плагинов типа Guide Guide).

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

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

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

Вот тут очень подробно про профили расписано (англ.).

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

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

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

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

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

PS Я вот не понял, вы вот это изображение хотите скрючить до 36х1000? Зачем?

Длина нити, струны, которая тянется от курсора до штриха.

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

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

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

PPS прогнал прикреплённое изображение через optipng + pngout и убрал ещё ~2кб веса (а это аж 15%)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Пара страниц из беглого поиска с примерами и описанием
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_(...

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

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.

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

Инфа с главной и из ФАКа

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

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

Выделяются все слои с текстом и указываются в панели свойств текста нужные параметры.