Pavel Designer

Много тут ответили уже, но и я добавлю.

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

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

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

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

Инструменты (В чем или на чем) зависят напрямую от:

• типа сувенирной продукции т.к. для тиснения на ежедневниках и печати стикеров разные требования к макетам;
  
• оборудования т.к. у разных способов изготовления/нанесения разные требования к макетам;
  
• квалификации работника т.к. до сих пор есть те, кто может работать только в одной программе и не знает о существовании иных форматов файлов.
  

В общем и целом, чаще используется векторная графика т.к. удобна для масштабирования при печати. Соответственно, создавать макеты надо в векторном редакторе (от самых известных платных Adobe Illustrator и CorelDRAW до менее известных, бесплатных и с менее широким функционалом). Конкретный инструмент должен выбирать дизайнер т.к. именно он будет работать над созданием.

Также используется растровая графика (чаще для более реалистичных и фото изображений). Здесь графических редакторов также много: Adobe Photoshop самый известный, но есть и немало продуктов от других производителей. Выбор конкретного также полагается на дизайнера т.к. вам (руководителю или заказчику) важен результат, а не формат файлов.

Хорошим тоном будет спросить требования к файлам в типографии (или на заводе) заранее. Это избавит от любых возможных проблем с форматами и техническими особенностями макетов для изготовления. 2016 год на дворе, но я до сих пор не понимаю почему никто так не делает. Если в типографии есть отдел допечатной подготовки (а в хороших и грамотных конторах он есть, сам в таком работал когда-то), то вопросы соответствия макетов требованиям уже не так актуален т.к. они сами все приведут к нужному виду.

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

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.

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

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