Pavel Designer

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

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

Все сразу подумали про смену на более дешевую специализацию))
Главное чтобы было что-то смежное и с небольшим количеством ПРОшников. Ведь чем ниже у тебя рейтинг, тем меньше ты будешь платить за ПРО. Например, если по специализации сотни людей с ПРО, то сумма может быть значительной при нахождении в ТОПе.


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

• платишь меньше за ПРО.
  

Минусы:

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

Вот мне повезло, вместо 1к ПРО стоит 525. Поэтому лично я рад этой новости. Хотя, если сотня удальцов перебежит в мою специализацию и повысит тем самым стоимость моего ПРО, то я буду недоволен.

UPD от 2017
Цену ПРО увеличили без уведомления в ТРИ раза и я благополучно послал их. Теперь только каждую неделю шлют письмо что месяц ПРО со скидкой 20%, но ну их нахрен. Понизят до предыдущего адекватного уровня — вернусь.

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

Первая ссылка в Гугле по вашему вопросу https://habrahabr.ru/post/65674/ Не зелёный, но это перевод с другого ресурса, который ныне недоступен. Может он и был.

Вот ещё по запросу website checklist
webdevchecklist.com этот с зелёным
lite.launchlist.net

20 секунд поиска, совсем обленились блин)

Для начала уточните что подразумевается под размером: размер в пикселях или размер в килобайтах. Если речь о размере в пикселях, то Фотошоп отлично с этим справляется. Если речь о размере в килобайтах, то откройте в том же Фотошопе и попробуйте разные варианты настроек при сохранении для Веб (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 — очень полезная штука. Если не пользуетесь, то очень советую почитать и изучить её.

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

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

Абсолютно легально и функционал для репоста записей в соцсеть описан в разделе помощи или разработок у каждой конкретной соцсети. Есть решения и в виде плагинов типа Social Share и т.п. (названия однотипные у всех).

Из автоматических есть вот такое, например.

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

А вообще, всё верно: дизайнер не рисует кнопочки или плашечки, дизайнер решает задачи, поставленные перед ним клиентом (собственно, как и любой другой специалист).

В панели слоев расположите картинку верхним слоем, а текст прямо под ней, зажмите Альт и наведите курсор на промежуток между слоями. Курсор изменит свой вид на стрелку под углом 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_(...