Что нужно знать о Photoshop верстальщику? Горячие клавиши, инструменты в Фотошопе
Всем привет! В этом видео я хочу поговорить о Photoshop в руках верстальщика. Что такое Фотошоп думаю, что все знают. Почти все когда-то редактировали свои фотографии, применяли какие-то фильтры. Но, в этом видео разговор пойдёт о другом. Здесь я расскажу про инструменты, горячие клавиши, которые должен знать верстальщик. Это поможет верстать хорошие сайты быстрее. А если научиться верстать быстро, то можно делать большее количество заказов на фрилансе, если вы фрилансите. Несмотря на то, что сейчас многие используют Sketch, Figma Фотошоп по-прежнему используется часто. Разобравшись с тем, как быстрее делать вычисление, смотреть стили блоков и элементов, вы можете верстать psd правильнее и быстрее. Это может быть просто сайт, может быть адаптив.
Пікірлер: 84
Не забудьте заглянуть сюда: ❓ Запись на консультацию - 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/
Привет из будущего :) Очень годно, коротко и ясно.. Спасибо )
Спасибо ,что делитесь опытом.
Виталий спасибо вам большое, долго искал видео именно для верстальщика. А тут всё понятно и без лишней воды! Рекомендую всем кто занимается вёрсткой данное видео.
Виталий спасибо Вам за обучение. Здоровья и Успехов.
@prosto_razrabotka
3 жыл бұрын
Благодарю
А вот это годно) Спасибо !
Очень полезное видео, спасибо!
Огромное спасибо! Каждый раз идёшь гуглить, что то новое для себя, а у тебя на канале уже запилен на эту тему годный видосик ;)
@prosto_razrabotka
4 жыл бұрын
Хехе)) спасибо)
В одном уроке и все по делу. Спасибо.
Всё было как всегда чётко, коротко и понятно....хоть конспект пиши. Благодарю!
Веталь ты красавчик!!! кратко ёмко лаконично и по делу!
Супер, спасибо!
Спасибо! Все коротко и ясно!
Отличное видео то что нужно для вёрстки сайта.
Спасибо!
Классно, спасибо. Мне очень помогло видео!
Спасибо большое,очень помогло
Спасибо тебе огромное!
@prosto_razrabotka
4 жыл бұрын
Спасибо)
спасибо большое очень полезное и информтвиное видео
@prosto_razrabotka
4 жыл бұрын
Благодарю
Благодарю!!!
@prosto_razrabotka
3 жыл бұрын
Спасибо
Каааайф, спасибо!
@prosto_razrabotka
4 жыл бұрын
Благодарю -)
Спасибо за видео! Безумно интересно как стилизованны 8-гранники ? Что там, картинка на бэкграунде или CSS? типа если б там были круги то можно было с помощью border-radius 50%. Буду рада ответу.
Чувак, спасибо. Скажи, пожалуйста, как экспортировать сразу все изображения?
😊Нельзя ли в таком виде изобразить Фотошоп на фотографию или картину наложить разбить картинку на клетки . 2 . На картину или фотографию изобразить обвести контуром содержимое , заранее благодарен за помощь, также желательно чтобы видимо сопровождалось титрами подробно . Спасибо , поставил лайк .
Спасибо тебе добрый человек, а то время только трачу на не нужные действия
@prosto_razrabotka
4 жыл бұрын
Правильно, не надо тратить время на ненужные действия -)
Так же свойства можно увидеть просто копировать css с layers и вставить у себя в редактор.
Я конечно только учусь, но как по мне, то для вёрстки очень хорошо заходит Авокод. Беда лишь в том, что его или покупать или триалками пользоваться.
А вы работаете в Photoshop?
@bearbullc
5 жыл бұрын
Да ток не давно начал изучать верстку(для начала) работаю пока именно в фотошопе :D
@SunMoonBrothers
5 жыл бұрын
смотрю порно и гоняю варик пока, до фотошопа руки не доходят
@TheILOVEYOUXD
5 жыл бұрын
Я думал что Illustrator люди больше используют. Не пользовался фотошопом давно. Освежил память. Благодарю за видео, и за прекрасное объяснение.
@viktorprytuliuk6177
4 жыл бұрын
много работаю с PS, описанные в видео моменты можно делать и иначе и проще. если интересно то в ЛС
@justspartak
4 жыл бұрын
Да, работаем. 👍 Как и хорошо знаком с другими эдобовскими продуктами, как-то Illustrator, и Indesign. Но для себя недавно ещё открыл офигенный инструмент Figma. Да, это бомба!
Скажите, пожалуйста, на 6:30 вы сказали, что для того, чтобы увидеть расстояние между элементами, нужно выбрать слой и потом на другом удерживать ctrl ? Повторяю, но ничего не происходит. У меня тоже версия 2019г. Может я что-то упустил?
Колесико мыши+зажатый альт тоже приближает-удаляет удобно.
@prosto_razrabotka
5 жыл бұрын
Не у всех есть мышь -) Но раз такая пьянка.. на маке можно пальцами делать то же самое. Вопрос удобства.
@justspartak
4 жыл бұрын
"Сtrl +" или "Сtrl -" для зумирования, если нет мыши. Если же у кого есть мышь, то для зумирования я всегда использую зажав "Сtl+Пробел" и двигаю мышью влево или вправо, зажав кнопку под указательным пальцем. Тем более, что удобно потом переключаться к инструменту Hand Tool с зажатым пробелом, и перемещаться по макету в увеличенном масштабе. Всё же всегда берегу колесико у мыши, и лишний раз им не пользуюсь. 😊 Т.к потенциометр колесика у мыши часто выходит из строя, и начинает потом глючить.
@justspartak
4 жыл бұрын
К тому же, всегда под пальцами находятся самые ходовые клавиши: "Сtrl", "Shift", и "Аlt". С "Аlt" и кликом мышью вообще удобно отыскать необходимый объект в макете, и выделить его слой в палитре Layers.
@justspartak
4 жыл бұрын
А зажатый "Ctrl" подсвечивает мегаполезные направляющие отступов, размера у элементов и т.д.
Здравствуйте, я открываю псд макет и не могу свободно просматриввать его в фш.Видно, что макет поделен на какие-то секции голубые непонятные, а у вас в видео все удобно разложено.Не подскажите, что же мне делать?
фантомас дело говорит
У меня не появл фиолетовые линии как на видео при нажатии на Ctrl (у меня пока что пробный период версии 2020). Можно как-то настроить это?
Привет) У меня есть пожелание по поводу звука в кадре. Настрой его пожалуйста так, чтобы не слышно было твои глотки, потирание рук :) Не знаю писал кто-то это или нет. По поводу контента - все интересно, если ты в веб-разработку собрался :) Ну и пора JS уже выкидывать сюда) P.S. По поводу звука, например, на 0:37 слышно вдох при переходе - не комильфо :)
@monstr008
4 жыл бұрын
чувак это не професcиональный фильм на blueray, тут важна суть!
смотрю видео "в будущем".. (апрель 2021)
лично я из будущего)
У меня макеты открываются, но не по слоям, а как картинка..Нельзя выделить отдельный элемент..Как быть?
как сделать такую же розовую сетку при перетаскивание файлов?
А если я скачал макет. И там есть шрифт оторого у меня нету... То как я узнаю его название? Что мне делать в таком случае?
H + зажатие лкм - перенос в любое место макета.
Какой у тебя МакБук?
10:54 может не в тему, такие фигуры (восьмиугольники) нужно вырезать в Photoshop или с помощью css делать?
@prosto_razrabotka
5 жыл бұрын
Есть разные варианты - может быть как тут - просто рамка. Может быть просто фон. Может быть рамка с неоднородным фоном, и тд... Если говорить о данном макете - я б сделал svg и не парился.
@andrewbarzykin9304
5 жыл бұрын
@@prosto_razrabotka Спасибо!
Кто посмотрел до конца можете пожалуйста скинуть время где он берет марджины?
данкешон!
Где скачать фотошоп?
Ребят, помогите найти данный макет, хочу его сверстать
Этот чувак снимался в АйтиБорода Интервью
щас бы из фш верстать в 2к20
@iamname8758
4 жыл бұрын
Блин)
@manuchehrmukhidinov7111
3 жыл бұрын
Чё не так-то?
@resheteev
3 жыл бұрын
Manuchehr Mukhidinov надо с пейнта
@manuchehrmukhidinov7111
3 жыл бұрын
@@resheteev :D
Очень слабенько - видно человек не работает с графикой. Ни про линейки, ни маски ничего не было сказано, как и про экспорт. Да я новичек в верстке уже больше знаю)))
@prosto_razrabotka
2 жыл бұрын
Есть разница между: с чем человек работает и что нужно знать в качестве основ для работы с реальными макетами
@allga5790
11 ай бұрын
Так сам видео и сними, умник
Спасибо!
Спасибо!