Что нужно знать о Photoshop верстальщику? Горячие клавиши, инструменты в Фотошопе

Всем привет! В этом видео я хочу поговорить о Photoshop в руках верстальщика. Что такое Фотошоп думаю, что все знают. Почти все когда-то редактировали свои фотографии, применяли какие-то фильтры. Но, в этом видео разговор пойдёт о другом. Здесь я расскажу про инструменты, горячие клавиши, которые должен знать верстальщик. Это поможет верстать хорошие сайты быстрее. А если научиться верстать быстро, то можно делать большее количество заказов на фрилансе, если вы фрилансите. Несмотря на то, что сейчас многие используют Sketch, Figma Фотошоп по-прежнему используется часто. Разобравшись с тем, как быстрее делать вычисление, смотреть стили блоков и элементов, вы можете верстать psd правильнее и быстрее. Это может быть просто сайт, может быть адаптив.

[@prosto_razrabotka]

Не забудьте заглянуть сюда: ❓ Запись на консультацию - prosto-razrabotka.ru/ ✨ Telegram канал - t.me/prostorazrabotka/ 🔥 Telegram чат - t.me/prostorazrabotkachat/ Можете добавиться в друзья: 📷 Instagram - instagram.com/vitaliy.kirenkov/ 📘 ВКонтакте - vk.com/vitaliy.kirenkov/ 📗 Facebook - facebook.com/vitaliy.kirenkov/ 📙 LinkedIn - www.linkedin.com/in/kirenkov/ ✏️ Twitter - twitter.com/VitaliyKirenkov/ А так же, подписаться на страницы: 📘 ВКонтакте - vk.com/public195137161/ 📗 Facebook - facebook.com/prostorazrabotka/

[@FreeWINd1]

Привет из будущего :) Очень годно, коротко и ясно.. Спасибо )

[@user-ve7tx3ud6n]

Виталий спасибо Вам за обучение. Здоровья и Успехов.

[@prosto_razrabotka]

Благодарю

[@user-mt9zl2ep4d]

Виталий спасибо вам большое, долго искал видео именно для верстальщика. А тут всё понятно и без лишней воды! Рекомендую всем кто занимается вёрсткой данное видео.

[@hakelnnpodufala3175]

Спасибо ,что делитесь опытом.

[@Polihut1]

Огромное спасибо! Каждый раз идёшь гуглить, что то новое для себя, а у тебя на канале уже запилен на эту тему годный видосик ;)

[@prosto_razrabotka]

Хехе)) спасибо)

[@vitaliiananiev5038]

Веталь ты красавчик!!! кратко ёмко лаконично и по делу!

[@КостяКреон]

Всё было как всегда чётко, коротко и понятно....хоть конспект пиши. Благодарю!

[@nikolay7618]

Спасибо!

[@MrVasily1986]

В одном уроке и все по делу. Спасибо.

[@ВладиславЧилаее]

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

[@olegkravchenko9655]

Очень полезное видео, спасибо!

[@andyrey840]

Так же свойства можно увидеть просто копировать css с layers и вставить у себя в редактор.

[@anandinidorogomilovamusic2873]

Спасибо! Все коротко и ясно!

[@user-vlad2020]

Отличное видео то что нужно для вёрстки сайта.

[@vladimirzdanov1319]

Классно, спасибо. Мне очень помогло видео!

[@user-dc7ot2lm1m]

А вот это годно) Спасибо !

[@user-cr1yl2im5f]

Колесико мыши+зажатый альт тоже приближает-удаляет удобно.

[@prosto_razrabotka]

Не у всех есть мышь -) Но раз такая пьянка.. на маке можно пальцами делать то же самое. Вопрос удобства.

[@justspartak]

"Сtrl +" или "Сtrl -" для зумирования, если нет мыши. Если же у кого есть мышь, то для зумирования я всегда использую зажав "Сtl+Пробел" и двигаю мышью влево или вправо, зажав кнопку под указательным пальцем. Тем более, что удобно потом переключаться к инструменту Hand Tool с зажатым пробелом, и перемещаться по макету в увеличенном масштабе. Всё же всегда берегу колесико у мыши, и лишний раз им не пользуюсь. 😊 Т.к потенциометр колесика у мыши часто выходит из строя, и начинает потом глючить.

[@justspartak]

К тому же, всегда под пальцами находятся самые ходовые клавиши: "Сtrl", "Shift", и "Аlt". С "Аlt" и кликом мышью вообще удобно отыскать необходимый объект в макете, и выделить его слой в палитре Layers.

[@justspartak]

А зажатый "Ctrl" подсвечивает мегаполезные направляющие отступов, размера у элементов и т.д.

[@user-hm6qe5yh3g]

спасибо большое очень полезное и информтвиное видео

[@prosto_razrabotka]

Благодарю

[@hiitsif]

Супер, спасибо!

[@drema4601]

Я конечно только учусь, но как по мне, то для вёрстки очень хорошо заходит Авокод. Беда лишь в том, что его или покупать или триалками пользоваться.

[@fffffristaylo]

Спасибо большое,очень помогло

[@buksirchik1663]

Спасибо тебе добрый человек, а то время только трачу на не нужные действия

[@prosto_razrabotka]

Правильно, не надо тратить время на ненужные действия -)

[@sandusgoga9676]

Благодарю!!!

[@prosto_razrabotka]

Спасибо

[@vlofer6094]

А если я скачал макет. И там есть шрифт оторого у меня нету... То как я узнаю его название? Что мне делать в таком случае?

[@manuchehrmukhidinov7111]

Чувак, спасибо. Скажи, пожалуйста, как экспортировать сразу все изображения?

[@faluna2957]

Скажите, пожалуйста, на 6:30 вы сказали, что для того, чтобы увидеть расстояние между элементами, нужно выбрать слой и потом на другом удерживать ctrl ? Повторяю, но ничего не происходит. У меня тоже версия 2019г. Может я что-то упустил?

[@stumpu5651]

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

[@prosto_razrabotka]

А вы работаете в Photoshop?

[@bearbullc]

Да ток не давно начал изучать верстку(для начала) работаю пока именно в фотошопе :D

[@SunMoonBrothers]

смотрю порно и гоняю варик пока, до фотошопа руки не доходят

[@TheILOVEYOUXD]

Я думал что Illustrator люди больше используют. Не пользовался фотошопом давно. Освежил память. Благодарю за видео, и за прекрасное объяснение.

[@viktorprytuliuk6177]

много работаю с PS, описанные в видео моменты можно делать и иначе и проще. если интересно то в ЛС

[@justspartak]

Да, работаем. 👍 Как и хорошо знаком с другими эдобовскими продуктами, как-то Illustrator, и Indesign. Но для себя недавно ещё открыл офигенный инструмент Figma. Да, это бомба!

[@khan_dev]

У меня не появл фиолетовые линии как на видео при нажатии на Ctrl (у меня пока что пробный период версии 2020). Можно как-то настроить это?

[@CurtisDraws]

как сделать такую же розовую сетку при перетаскивание файлов?

[@user-hx4cw8jg7p]

фантомас дело говорит

[@hologramprint6292]

Спасибо тебе огромное!

[@prosto_razrabotka]

Спасибо)

[@LLuKKen]

У меня макеты открываются, но не по слоям, а как картинка..Нельзя выделить отдельный элемент..Как быть?

[@user-qq6hl8cd7v]

Спасибо за видео! Безумно интересно как стилизованны 8-гранники ? Что там, картинка на бэкграунде или CSS? типа если б там были круги то можно было с помощью border-radius 50%. Буду рада ответу.

[@user-xl9bm9wf8h]

Каааайф, спасибо!

[@prosto_razrabotka]

Благодарю -)

[@juuzua]

лично я из будущего)

[@armenharutyunyan5596]

Кто посмотрел до конца можете пожалуйста скинуть время где он берет марджины?

[@stanislavstanislav7571]

смотрю видео "в будущем".. (апрель 2021)

[@Nikita2917]

H + зажатие лкм - перенос в любое место макета.

[@eryuigklzc9765f5tfrx]

Где скачать фотошоп?

[@andrewbarzykin9304]

10:54 может не в тему, такие фигуры (восьмиугольники) нужно вырезать в Photoshop или с помощью css делать?

[@prosto_razrabotka]

Есть разные варианты - может быть как тут - просто рамка. Может быть просто фон. Может быть рамка с неоднородным фоном, и тд... Если говорить о данном макете - я б сделал svg и не парился.

[@andrewbarzykin9304]

@@prosto_razrabotka Спасибо!

[@Kolpot]

Какой у тебя МакБук?

[@dmytriikuzmenko1044]

данкешон!

[@Vetalification]

Ребят, помогите найти данный макет, хочу его сверстать

[@xake4chik722]

Этот чувак снимался в АйтиБорода Интервью

[@denysbalanchuk]

Привет) У меня есть пожелание по поводу звука в кадре. Настрой его пожалуйста так, чтобы не слышно было твои глотки, потирание рук :) Не знаю писал кто-то это или нет. По поводу контента - все интересно, если ты в веб-разработку собрался :) Ну и пора JS уже выкидывать сюда) P.S. По поводу звука, например, на 0:37 слышно вдох при переходе - не комильфо :)

[@monstr008]

чувак это не професcиональный фильм на blueray, тут важна суть!

[@SergeZhuk]

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

[@prosto_razrabotka]

Есть разница между: с чем человек работает и что нужно знать в качестве основ для работы с реальными макетами

[@allga5790]

Так сам видео и сними, умник

[@punkstarion]

щас бы из фш верстать в 2к20

[@iamname8758]

Блин)

[@manuchehrmukhidinov7111]

Чё не так-то?

[@punkstarion]

Manuchehr Mukhidinov надо с пейнта

[@manuchehrmukhidinov7111]

@@punkstarion :D

[@Istanislav1]

Спасибо!

[@TheTexPro]

Спасибо!