*Верстка сайта транспортной компании:* brainscloud.ru/landing/logistic-html *Хостинг Timeweb* - bit.ly/2Kms8Lf *Бонусы* доступны после оплаты тарифа Optimo+ на год. Для активации нужно открыть раздел "Бонусы и промокоды" в Панели управления и ввести промокод. *brainscloud* - плюс 1 месяц бесплатного хостинга *brainscoud2* - услуга "Ускоритель сайтов"
Добрый день! верстаю по вашему видео, очень нравится контент. Возник такой вопрос будет ли эта верстка семантически правильной? заметил что тексты находятся в div а не в h2 т.п) спасибо)
Очень обидно что такая работа не получает должной аудитории. Призываю всех кому данный видео-урок принес пользу, поставить лайк, автор реально заслуживает этого!
@@BrainsCloud я преобразовал в фотошопе картинку в смарт объект и сделал как в прошлом уроке. просто кликнул на картинку инструментом перемещение, он сам нашел в слоях и там правой кнопкой мыши преобразовал в смарт объект, а дальше вы уже знаете как
Дмитрий, спасибо. Я вам безмерно благодарен за эту серию видеоуроков. Вы прекрасный специалист и мы (зрители-новички в вёрстке) мечтаем быть похожими на вас. Ваш труд характеризуется русской поговоркой "дело мастера боится". Удачи вам во всех начинаниях и побольше отдыха от работы 🔥
Картинка уменьшается из-за параметра Percent: 81,92% в разделе Image size при экспорте. У меня так же, слетает после переключения между PNG и JPEG. UPD: Для тех кто не понял как экспортировать картинки со 100% размером: Фотошоп не позволяет экспортировать "для веба" изображения, которые больше чем 8192px. Это касается и вырезанных частей, они считаются одним целым с 8192px+ изображением, поэтому ФШ автоматически сжимает их. Чтобы экспортировать вырезанное изображение в 100% размере, нужно просто обрезать холст (ненужную часть конечно) с помощью Crop до размера меньше чем 8192px, тогда ФШ экспортирует всё в 100% размере. Ctrl + Z или F12 чтобы вернуть обрезанные части :)
По поводу уменьшения картинки, сам точно не знаю, но вероятно причина в том, что в правом нижнем углу, где указывается Image Size при сохранении (на 31:00), есть параметр Percent и он как раз установлен почти на 82%, возможно из-за этого) Кстати, да, автору спасибо!!! Всё очень наглядно и понятно, ну, кроме некоторых нюансов, но ведь обо всём сразу и не расскажешь, иначе уроки будут на много дольше. Но и за то, что есть - огромное человеческое спасибо!
Очень хорошие видео, учусь по ним верстке, спасибо) Один момент могу подсказать по Фотошопу, может кому будет полезно - как упростить вырезание картинок: нажимаете на нужное изображение, сбоку на панели слоев оно выделится, нажимаете на правую кнопку мыши и выбираете в открывшемся меню "Создать дубликат слоя", выбираете "Новый файл"; в новом файле зажимаете ctrl и жмете на слой в панели слоя - изображение обводится пунктиром - кадрируете его и сохраняете в формате PNG, таким образом сохраняется все изображение вместе с тенями, не нужно играться и подбирать размеры по пикселям.
Очень годно и понятно, автору респект. За день уже 3-ий урок смотрю и практикую... не выдержал, решил написать комментарий). Все по полочкам и без лишней воды как на некоторых каналах, спасибо большое еще раз, а я возвращаюсь к верстке =)
Видео бомба. Начинаю знакомство с Front End разработкой, с Вашей помощю это лучше получается. Многое взял в личное пользование. Присматриваю уже курс. Продолжайте.
Автору спасибо! Начинаю изучать эту тему, по вашим видео понятно, что верстка дизайна это одно и то же просто надо знать основы, а там уже js и другие!
Спасибо за интересные уроки! Все понятно и удобно! По поводу уменьшения картинок. Когда я их вырезал после нажатия Ctrl+Shift+Alt+S выбирал вкладку Original и размеры, посл сохранения остались те же, а у Вас остается Optimized. Возможно в этом, но это не точно)))))
Про уменьшение картинки: В окне экспорта картинки, в блоке параметров справа, в самом низу есть группа "Image Size". Когда окно экспорта только открывается, у тебя фокус стоит в поле "W:" Судя по "Percent: 81.92%" значение "W" по-умолчанию подставляется меньше фактического, но т.к. фокус остается в поле "W", изменения не применяются, изображение остается в оригинальном масштабе. Но как только ты нажимаешь в любое другое место, значение в поле "W:" сохраняется и картинка уменьшается до состояния 81.92% от оригинального размера. Искажения не возникает т.к. включено сохранение пропорции Надеюсь мой коммент будет полезен
Спасибо огромное автору! (Ставлю лайк под каждым уроком :D) Вроде хорошо знаю CSS и HTML, но практики никакой - открыла PSD шаблон и хз, что дальше-то делать х))) Благодаря вам наверстываю нехватку практических умений ;)) Одни из лучших уроков по практической верстке, что я видела.
отличный урок, я только начал верстать сайты, очень много заметил фишек для себя, я раньше делал по другому, например делал div first и через него уже доставал все элементы теперь буду использовать твой способ [NAME]__[ARTICLE]; [NAME]__[ARTICLE]--[MODIFICATION]
Большое спасибо, Дмитрий. Сам сайтами занимаюсь большей части на уровне Linux администратора, немного трогая CMS-ки уже как 12 лет. Но за это время я пытался вылезти с серьёзным знанием JS и PHP... Всё никак не шло. Хотя очень заинтересован сферой. Но ничего, сейчас максимально отложил Linux в сторону, и буду глубже заниматься вёрсткой. Благодаря вам интерес и желание увеличился в-разы. Кстати, у меня есть сайт портфолио с моими работами. Думаю, в скором времени там прибавятся они)) Спасибо
Друг посоветовал посмотреть ваши уроки, спасибо , всё понятно(перед этим было много теории, немного не понимаю позиционирование, но все равно), практики вообще не хватает, пытаюсь что-то делать, не получается - смотрю как делаете вы)
Спасибо за знания! Я уже сделал ActiveBox и вот ищу что-то подобное... Я Понимаю что это требует времени, но по возможности сделай больше подобных видео!!! От меня подписка, лайки и возможная рассылка друзьям! А как только начну самостоятельно верстать на фрилансе, то символическая благодарность не поспеет ждать!) Круто! Спасибо за качественную обучающую информацию !!!
В Фотошопе чтобы скопировать какой-либо объект из макета, нужно кликнуть по нему мышкой, выбрать его в правом меню Фотошопа кликнув на "глазик", там же где "глазик" кликаем на него правой кнопкой мыши, в появившемся меню выбираем "Экспортировать как..." или "Быстрый экспорт в png". Если выбрали "Экспортировать как...", то выбираем в каком виде экспортировать(jpeg,png и др.), качество изображения(0-100%) и нажимаем кнопку "Экспорт". Всё копируется в том же размере, что и в макете.
Невероятно шикарно! Уже 3-й урок посмотрел и никак не могу оторваться, хотя где-то что-то непонятно, но Гугл мне в помощь (так возможно даже лучше запоминается). Посоветую всем знакомым обязательно. Да, кстати, я видел, что есть еще один видео курс, где более подробно всё рассказано. Буду смотреть его сразу после этого. Если есть возможность, то хотелось бы еще что-то подобное по React увидеть... Возможно у Вас есть возможность записать видео курс по реакту или возможно есть ссылка на канал партнера, друга, товарища и т.д. где просто и доступно будут объяснять про технологию React
Лично у меня айпад стал на место сразу, интересно с фотошопом получилось. А вот айфон был в пнг, но какие-то лишние тени появились. Не стал исправлять картинку)) Спасибо за урок, начинаю изучать команды, классно с class - можно редакторовать каждый елемент.!!!
Был уже комментарий, что ipad не прилегает к нижнему краю, остается отступ внизу. та же проблема. Решила только тем, что в класс section--device добавила height: 670px и все выровнялось.
Не хотите заморочек, перейдите на Avocode. И не надо мучиться. А просто берёшь иконку, картинку, и сохраняешь. Тем более, иконки нужно в svg использовать. Или я не прав? А то вроде не в блокноте верстаешь, т.е. пользуешься профессиональным софтом для программиста, а юзаешь фотошоп. Оставте его для дизайнера.
Avocode платный. Фотошоп хоть спиратить можно. Возможно гораздо удобнее, но лично я пока не готов платить то чем возможно даже пользоваться не буду. Мы пока пытаемся в целом разобраться что такое верстка. Кто-то останется, кто-то уйдет. Но спасибо за совет.
Видео # 3 завершил, большое спасибо автору. По поводу копирования - я растрирую слой, навожу мышкой с зажатой клавишей ctrl, кликаю - слой выделяется. Далее команда ctrl + c слой копируется, затем ctrl + n слой переноситься на новый документ (всплывает окно) В новом документе который открывается нажимаю ctrl + v вставляется вырезанный слой, затем убираю фон и сохраняю в png.
Возник вопрос о танцах с бубном, ведь позиция картинок айпада и айфона, по нижней границе стоит 0 Можно было разместить картинки в границах и раздвинуть по боках Прописать секцию пустого поля С заливкой белой и наложением на основной фон, и на часть айпада, а айфон указать позицию по Z выше Но я думаю со стороны простоты Сам ещё не верстал сайт, и только начинаю учиться) Спасибо за уроки, очень познавательные
Очень нравятся ваши уроки, но вырезать картинки в Фотошоп можно гораздо проще и быстрее, и так, что вид и разрешение остается то же, что и в макете. Нужно найти слой с нужной картинкой, переименовать его там же в слоях, чтобы было разрешение png или jpg, кликнуть на него правой кнопкой мыши и выбрать "быстрый экспорт" или "экспортировать как". Я вырезала планшет с помощью "быстрый экспорт в png" и он сохранился не полноразмерным, а как раз такой длины, как на макете.
Рекомендую использовать Avocode,я повторял за вами и всей этой запары с вырезкой и прочей шелухой не возникало,Как минимум в 2 раза быстрее все делается с этим приложением.В любом случае попробовать стоит)
Немогу понять, почему в фотошопе вы вырезаете картинки, когда можно выбрать нужную в слоях, сделать пкм, выбрать: экспортировать как... Проще и быстрее. Или есть какая-то разница?
А разве не проще делать экспорт того или иного слоя с картинкой через пкм по слою и экспорт? Просто как по мне мороки больше с выделением и долгим экспортом. Какие в этом плюсы?
Спасибо за урок, все как всегда круто! По поводу экспорта картинок: у меня проблем не возникало, т.к. просто экспортировал необходимое из списка слоев.
*Верстка сайта транспортной компании:* brainscloud.ru/landing/logistic-html
*Хостинг Timeweb* - bit.ly/2Kms8Lf
*Бонусы* доступны после оплаты тарифа Optimo+ на год. Для активации нужно открыть раздел "Бонусы и промокоды" в Панели управления и ввести промокод.
*brainscloud* - плюс 1 месяц бесплатного хостинга
*brainscoud2* - услуга "Ускоритель сайтов"
Добрый день! верстаю по вашему видео, очень нравится контент. Возник такой вопрос будет ли эта верстка семантически правильной? заметил что тексты находятся в div а не в h2 т.п) спасибо)
Очень обидно что такая работа не получает должной аудитории. Призываю всех кому данный видео-урок принес пользу, поставить лайк, автор реально заслуживает этого!
Спасибо, приятно )
Однозначно лайк)
Поставил на всех 4 уроках. Респект. Ждем еще
Уже бл ай ау тять
@@BrainsCloud я преобразовал в фотошопе картинку в смарт объект и сделал как в прошлом уроке. просто кликнул на картинку инструментом перемещение, он сам нашел в слоях и там правой кнопкой мыши преобразовал в смарт объект, а дальше вы уже знаете как
спасибо за уроки. самые лучшие из всех что я видел. везде кто то что то недоговаривет, забывает. а тут все информативно и понятно
Большое человеческое СПАСИБО! Всё по делу, без "воды" и лишнего разглагольствования.
Дмитрий, спасибо. Я вам безмерно благодарен за эту серию видеоуроков. Вы прекрасный специалист и мы (зрители-новички в вёрстке) мечтаем быть похожими на вас. Ваш труд характеризуется русской поговоркой "дело мастера боится".
Удачи вам во всех начинаниях и побольше отдыха от работы
🔥
Картинка уменьшается из-за параметра Percent: 81,92% в разделе Image size при экспорте.
У меня так же, слетает после переключения между PNG и JPEG.
UPD:
Для тех кто не понял как экспортировать картинки со 100% размером:
Фотошоп не позволяет экспортировать "для веба" изображения, которые больше чем 8192px. Это касается и вырезанных частей, они считаются одним целым с 8192px+ изображением, поэтому ФШ автоматически сжимает их.
Чтобы экспортировать вырезанное изображение в 100% размере, нужно просто обрезать холст (ненужную часть конечно) с помощью Crop до размера меньше чем 8192px, тогда ФШ экспортирует всё в 100% размере.
Ctrl + Z или F12 чтобы вернуть обрезанные части :)
По поводу уменьшения картинки, сам точно не знаю, но вероятно причина в том, что в правом нижнем углу, где указывается Image Size при сохранении (на 31:00), есть параметр Percent и он как раз установлен почти на 82%, возможно из-за этого)
Кстати, да, автору спасибо!!! Всё очень наглядно и понятно, ну, кроме некоторых нюансов, но ведь обо всём сразу и не расскажешь, иначе уроки будут на много дольше. Но и за то, что есть - огромное человеческое спасибо!
Очень хорошие видео, учусь по ним верстке, спасибо)
Один момент могу подсказать по Фотошопу, может кому будет полезно - как упростить вырезание картинок: нажимаете на нужное изображение, сбоку на панели слоев оно выделится, нажимаете на правую кнопку мыши и выбираете в открывшемся меню "Создать дубликат слоя", выбираете "Новый файл"; в новом файле зажимаете ctrl и жмете на слой в панели слоя - изображение обводится пунктиром - кадрируете его и сохраняете в формате PNG, таким образом сохраняется все изображение вместе с тенями, не нужно играться и подбирать размеры по пикселям.
Редко оставляю комменты и ставлю лайки, спасибо автору, это огромнейший труд! Респект!!!
Очень годно и понятно, автору респект. За день уже 3-ий урок смотрю и практикую... не выдержал, решил написать комментарий). Все по полочкам и без лишней воды как на некоторых каналах, спасибо большое еще раз, а я возвращаюсь к верстке =)
Автор очень порадовал советами про структуризацию кода и комментариями
Я уверен, что данный автор заслуживает не только лайка, но и комментария с подпиской!)
Видео бомба. Начинаю знакомство с Front End разработкой, с Вашей помощю это лучше получается. Многое взял в личное пользование. Присматриваю уже курс. Продолжайте.
3 видео за 3 дня и всё ещё не перестаю удивляться как легко следовать уроку. Ещё раз спасибо за проделанную работу.
Все очень круто и по делу! Однозначно до конца дойду) продолжайте снимать подобное, у вас прекрасно это получается) удачи вам в будущем!
Это самые лучшие уроки что я видел в ютубе!
С каждым туториалом доживают все меньше и меньше :)
Сужу по количеству просмотров!
Автор - ТОП!
Спасибо!
Спасибо, что делаешь такие видео по верстке многому учусь у тебя)
Очень классные уроки!!! Спасибо большое!!! Все понятно и без лишней болтовни.
Благодарю за продолжение, очень нравятся Ваши уроки!
Автору спасибо!
Начинаю изучать эту тему, по вашим видео понятно, что верстка дизайна это одно и то же просто надо знать основы, а там уже js и другие!
Лучшее объяснение!! Спасибо, смотрю и делаю сайт по вашим видео!)
Спасибо автору данного видео за такой полезный и понятный контент, лайк за старание ! :)
Спасибо большое за уроки)
спасибо
Нельзя название класса писать кириллицей 😄 пожалуйста :))
Огромное спасибо! Погрузился в вёрстку! жирный лайк!
УРОКИ просто ОГОНЬ!!!Это лучший канал!!!
Спасибо Вам большое, очень полезные уроки! Все понятно и доходчиво, снимайте пожалуйста дальше:)
полностью поддерживаю! настолько интересно и доходчиво, что от уроков реально одно удовольствие! спасибо Автору!
Все подробно, очень нравится ваш подход к делу!!!
D.S. Korochkin спасибо!
Хоть смотрел год назад,решился сейчас .Спасибо вам.Побольше бы таких уроков.🇰🇿
Спасибо! Отличная практика step-to-step!
1 урок в день ))
спасибо
Дмитрий спасибо за уроки !
Благодарность автору за такой контент.
Самые годные уроки всё четко и понятно просто лайк подписка .
"00:30" - Начинаем верстать блок сервисов
"16:30" - Верстаем блок девайсов
"26:30" - Проблема с изображениями
зачем каждый раз вырезать если есть функция быстрого экпортирования нужного изображения? или уже как привычка
когда вырезает, открыта вкладка optimized. попробуй переключить на original. Может тогда и уменьшать не будет.
А я объединяю нужные слои, преобразую в смарт-объект, открываю его и сохраняю в png. Так проще всего и размеры сразу нужные получаются- как в макете)
Спасибо за интересные уроки! Все понятно и удобно! По поводу уменьшения картинок. Когда я их вырезал после нажатия Ctrl+Shift+Alt+S выбирал вкладку Original и размеры, посл сохранения остались те же, а у Вас остается Optimized. Возможно в этом, но это не точно)))))
Про уменьшение картинки:
В окне экспорта картинки, в блоке параметров справа, в самом низу есть группа "Image Size".
Когда окно экспорта только открывается, у тебя фокус стоит в поле "W:"
Судя по "Percent: 81.92%" значение "W" по-умолчанию подставляется меньше фактического, но т.к. фокус остается в поле "W", изменения не применяются, изображение остается в оригинальном масштабе.
Но как только ты нажимаешь в любое другое место, значение в поле "W:" сохраняется и картинка уменьшается до состояния 81.92% от оригинального размера.
Искажения не возникает т.к. включено сохранение пропорции
Надеюсь мой коммент будет полезен
да, похоже на правду!
Спасибо за урок. Как всегда полезно и на высоком уровне!
Спасибо огромное автору! (Ставлю лайк под каждым уроком :D)
Вроде хорошо знаю CSS и HTML, но практики никакой - открыла PSD шаблон и хз, что дальше-то делать х))) Благодаря вам наверстываю нехватку практических умений ;)) Одни из лучших уроков по практической верстке, что я видела.
Я это могу смотреть вечно ) успокаивает)
отличный урок, я только начал верстать сайты, очень много заметил фишек для себя, я раньше делал по другому, например делал div first и через него уже доставал все элементы теперь буду использовать твой способ [NAME]__[ARTICLE]; [NAME]__[ARTICLE]--[MODIFICATION]
Который раз пишу спасибо:). Очень интересно.
спасибо тебе за видео! Процветание твоему каналу
Большое спасибо, Дмитрий.
Сам сайтами занимаюсь большей части на уровне Linux администратора, немного трогая CMS-ки уже как 12 лет. Но за это время я пытался вылезти с серьёзным знанием JS и PHP... Всё никак не шло. Хотя очень заинтересован сферой. Но ничего, сейчас максимально отложил Linux в сторону, и буду глубже заниматься вёрсткой.
Благодаря вам интерес и желание увеличился в-разы.
Кстати, у меня есть сайт портфолио с моими работами. Думаю, в скором времени там прибавятся они))
Спасибо
Огромное вам спасибо! Верстаю вместе с вами) Лайк, подписка, колокольчик))
Alex Fleur 💪
Спасибо! Очень полезные уроки!!!
Пожалуйста!
Зачем иконки вырезать? Это же PSD слои, как обычно через экспорт.
"Ай под - Ай - пад - Ай пед!!!
"Ай пед" и "Эйпл"!_)_
Спасибо за уроки! Просто -- СУПЕР!!!!
Друг посоветовал посмотреть ваши уроки, спасибо , всё понятно(перед этим было много теории, немного не понимаю позиционирование, но все равно), практики вообще не хватает, пытаюсь что-то делать, не получается - смотрю как делаете вы)
Спасибо большое! Я вам так благодарен! Ваш труд неоценим!
Спасибо за знания! Я уже сделал ActiveBox и вот ищу что-то подобное... Я Понимаю что это требует времени, но по возможности сделай больше подобных видео!!! От меня подписка, лайки и возможная рассылка друзьям! А как только начну самостоятельно верстать на фрилансе, то символическая благодарность не поспеет ждать!)
Круто! Спасибо за качественную обучающую информацию !!!
Ну просто божественно!!! Браво!!! Спасибо, вы Бог!
В Фотошопе чтобы скопировать какой-либо объект из макета, нужно кликнуть по нему мышкой, выбрать его в правом меню Фотошопа кликнув на "глазик", там же где "глазик" кликаем на него правой кнопкой мыши, в появившемся меню выбираем "Экспортировать как..." или "Быстрый экспорт в png". Если выбрали "Экспортировать как...", то выбираем в каком виде экспортировать(jpeg,png и др.), качество изображения(0-100%) и нажимаем кнопку "Экспорт". Всё копируется в том же размере, что и в макете.
Супер, мне очень нравится. Спасибище!
Привет. Спасибо за курс. Просмотрел и всё повторил. Всё было очень круто. Лайк, подписка, однозначно.
Невероятно шикарно! Уже 3-й урок посмотрел и никак не могу оторваться, хотя где-то что-то непонятно, но Гугл мне в помощь (так возможно даже лучше запоминается).
Посоветую всем знакомым обязательно.
Да, кстати, я видел, что есть еще один видео курс, где более подробно всё рассказано. Буду смотреть его сразу после этого.
Если есть возможность, то хотелось бы еще что-то подобное по React увидеть... Возможно у Вас есть возможность записать видео курс по реакту или возможно есть ссылка на канал партнера, друга, товарища и т.д. где просто и доступно будут объяснять про технологию React
Готов сколько угодно лайкать и писать комменты, лишь бы было больше подобных серий роликов)
Круто! Спасибо за ценный опыт! Автору респект!
Спасибо за отличные уроки!
Пожалуйста!
30:33 Я просто нажал правой кнопкой по смарт объекту там где слои (на само название слоя) и нажал кнопку "Быстрый экспорт в png"
Лично у меня айпад стал на место сразу, интересно с фотошопом получилось. А вот айфон был в пнг, но какие-то лишние тени появились. Не стал исправлять картинку))
Спасибо за урок, начинаю изучать команды, классно с class - можно редакторовать каждый елемент.!!!
Спасибо большое за труд! 🌺
шикарные уроки! огромное спасибо! только по них нормально и осваиваю верстку!
Спасибо большое, очень интересно!
Согласен, уроки топовые!
Спасибо! Идем далее.
Очень круто! хорошая серия видеоматериалов по которой автор всё доходчиво объясняет! Успехов автору и спасибо за проделанную работу.
Очень хорошая практика, оценка Отлично!!!
Спасибо за твои труды!
Огромное спасибо за уроки! Супер полезно!
Был уже комментарий, что ipad не прилегает к нижнему краю, остается отступ внизу. та же проблема. Решила только тем, что в класс section--device добавила height: 670px и все выровнялось.
молодец, лучший тутор
Просто нечто! Респект!
Найкращі уроки по верстці сайту.Слава Україні!
Не хотите заморочек, перейдите на Avocode. И не надо мучиться. А просто берёшь иконку, картинку, и сохраняешь. Тем более, иконки нужно в svg использовать. Или я не прав? А то вроде не в блокноте верстаешь, т.е. пользуешься профессиональным софтом для программиста, а юзаешь фотошоп. Оставте его для дизайнера.
Avocode платный. Фотошоп хоть спиратить можно. Возможно гораздо удобнее, но лично я пока не готов платить то чем возможно даже пользоваться не буду. Мы пока пытаемся в целом разобраться что такое верстка. Кто-то останется, кто-то уйдет. Но спасибо за совет.
@@BahtiyarBasharov а ты то тут при чём?
@@zhenya_bazarov А ты?
интересно на этом канале - хейтеров тут нет)))
Спасибо, очень приятно с Вами верстать !!! Хорошо объясняете. Подписка и колокольчик уже тапнуты )))
Чтобы сохранить изображение из слоя, можно просто кликнуть правой кнопкой мыши, и выбрать "Экспортировать как".
Всё супер. Продолжай в том же духе. Кстати в какой программе ты пишешь код?
10Q !
Формат подачи и пояснений "ну просто шикарный")
первый раз всё время оставляю коменты на ютубе =)
Круто обясняете,спасибо вам большое
Как всегда , все на высоте , автору респект.
Спасибо!
Спс большое благодаря вашему видео я повторяю то что проходил и более понятно спс еще раз
Как всегда очень круто!!!!
Видео # 3 завершил, большое спасибо автору. По поводу копирования - я растрирую слой, навожу мышкой с зажатой клавишей ctrl, кликаю - слой выделяется. Далее команда ctrl + c слой копируется, затем ctrl + n слой переноситься на новый документ (всплывает окно) В новом документе который открывается нажимаю ctrl + v вставляется вырезанный слой, затем убираю фон и сохраняю в png.
best of the best of the best!)
Однозначно лайк)
Возник вопрос о танцах с бубном, ведь позиция картинок айпада и айфона, по нижней границе стоит 0
Можно было разместить картинки в границах и раздвинуть по боках
Прописать секцию пустого поля
С заливкой белой и наложением на основной фон, и на часть айпада, а айфон указать позицию по Z выше
Но я думаю со стороны простоты
Сам ещё не верстал сайт, и только начинаю учиться)
Спасибо за уроки, очень познавательные
Дима, а не проще сделать врэпами сервисы?
Подача на высшем уровне, все доходчиво и понятно, только вот фш ты мало обьясняешь, больше всего времени трачу на эту часть урока)
Очень нравятся ваши уроки, но вырезать картинки в Фотошоп можно гораздо проще и быстрее, и так, что вид и разрешение остается то же, что и в макете. Нужно найти слой с нужной картинкой, переименовать его там же в слоях, чтобы было разрешение png или jpg, кликнуть на него правой кнопкой мыши и выбрать "быстрый экспорт" или "экспортировать как". Я вырезала планшет с помощью "быстрый экспорт в png" и он сохранился не полноразмерным, а как раз такой длины, как на макете.
Да, я в курсе
Подскажите у меня шапка секции прилипла к статистике хотя паддинги проставлены ,как исправить это?)
Рекомендую использовать Avocode,я повторял за вами и всей этой запары с вырезкой и прочей шелухой не возникало,Как минимум в 2 раза быстрее все делается с этим приложением.В любом случае попробовать стоит)
на рутрекере не нашел авокод, вы с сайта качали?
спасибо за урок!!!!
Немогу понять, почему в фотошопе вы вырезаете картинки, когда можно выбрать нужную в слоях, сделать пкм, выбрать: экспортировать как... Проще и быстрее. Или есть какая-то разница?
А разве не проще делать экспорт того или иного слоя с картинкой через пкм по слою и экспорт? Просто как по мне мороки больше с выделением и долгим экспортом. Какие в этом плюсы?
Возможно, но я так привык
BrainsCloud ок спасибо за ответ
Лайк и подписка! Уважение Вам
Спасибо ничего лишнего
Спасибо за урок, все как всегда круто!
По поводу экспорта картинок: у меня проблем не возникало, т.к. просто экспортировал необходимое из списка слоев.
какой у вас приложение размеряет и читает данного сайта ? У меня иконки слишком большие и я не могу их размерять. Подскажите пожалуйста 🙏