Мастер веб-дизайна #1. Создание дизайна сайта "Металлопрокат"

1055 ratings | 82239 views


Мастер веб-дизайна #1. Создание дизайна сайта "Металлопрокат"

Полезно? Подпишись на канал: Создание интернет-магазина от А до Я: Создание новостного сайта от А до Я: Фриланс для начинающих: Файлы урока и результат: Мастер веб дизайна 1: Сегодня мы научисмя создавать современный и привлекательный дизайн сайта на реальном примере. Создавать дизайн сайта будем в программе Adobe Photoshop. Группа Вконтакте: Реклама на канале:

Comments to the video: Мастер веб-дизайна #1. Создание дизайна сайта "Металлопрокат"

Grim 4 months ago
Отличное видео, будто и все. Спасибо. Но появилось пару касательно верстки, а конкретно: 1) будто сохранить изображение терминатора в шапке, чтоб оно было таким же полупрозрачным (беря во внимание что там прямоугольник снизу, терминатор, полупрозрачный прямоугольник сверху)? Или в СС фотошопе при генерации набора изображений он все сделает сам, и нужно лишь дать имя слою с терминатором? 2) кнопка чуток более красноватая понизу, это можно будет в css задать , либо проще сохранить и при верстке вставлять её будто картину ? Заранее благодарю :)
Михаил Шатрыкин 5 months ago
Не нехорошо) У меня кушать замечание по поводу группировки слоёв: Сначала мы рисуем блоки, а позже уже группируем пласты будто вам необходимо) Потому что основывать поначалу папочки под items а позже в их уже класть пласты - это подольше и труднее. К тому же можно запутаться) Сделали блок, выделили элементы, нажали ctrl+g и вот вам группа)
Владуся 7 months ago
Сетку можно скачать в вебе?
Блинов Алексей 7 months ago
Спасибо за уроки, весьма информативно. Некоторые создатели выкладывают уроки, где показано будто они изучают графический редактор либо усовершенствуют свои способности. (по другому их не назовешь) Здесь видать юноша в теме.
Vlad 8 months ago
Извините, а будто вы сетку отключаете?
WebDesign Master 8 months ago
Ctrl+H
Алексей Савинов 8 months ago
хороший денек. Хорошее видео. А будто Терминатора он уменьшил в начале? включил направляющие и позже както уменьшил. Подскажите нубу. Уже видосы перерыл на ютубе не могу отыскать будто это сделать. благодарю.
Алексей Савинов 8 months ago
благодарю!
WebDesign Master 8 months ago
Владислав Дидковский 9 months ago
Дружище, если для тебя не трудно не мог бы ты оценить мой дизайн ? Занимаюсь вертской, испарина 1-ый один пришлось дизайн мастерить. Если конечно, куда сбросить можно?)
WebDesign Master 9 months ago
В группу под последним постом в комменты. Если увижу что-то увлекательное - прокомментирую, может кто из ребят порекомендует что-то.
soul keeper 11 months ago
а ты вечно в фотошопе делаешь?может в мьюзе уроки еще сделать?
Alexander Romashenko 1 year ago
Спасибо большущее за уроки.
Шалом Jerusalem 1 year ago
благодарю все разобрался не то скачал хых
Vitaliy Kolomiets 1 year ago
у тебя макет привлекательнее, чем мои 1-ые работы ))
Руслан Павлов 1 year ago
Очень нравится глядеть твои уроки. Хорошо объясняешь, отменная дикция, глас. Правда я ещё лишь учусь, однако по твоим урокам всё выходит.
Maximilian Antipenko 1 year ago
По вашим урокам сделал вот таковой веб-сайт:
Сергей Александрович 17 days ago
Тупо передрал дизайн
Ekaterina Valueva 7 months ago
Очень круто! Вы не могли бы дать ссылку на информацию (видео, либо статью) по размерности. Т.е. какие размеры необходимо устанавливать для секций и веб-сайта в целом?
Кристина Плаксин 1 year ago
А откуда у вас в фотошопе Font awesome появился? Шрифт. Просто когда я вставляю - у меня заместо телефончика таковой порожний квадратик
Евгений Кляйн 10 months ago
Шрифт необходимо загрузить с веб-сайта. Нажимашь кнопку get started, позже download и начинает скачиваться архив. В архиве, в папке fonts кушать шрифт font-awesome.
WebDesign Master 1 year ago
Нужно ввести FontAwesome.ttf из пакета FontAwesome.
Xwal Xwal 1 year ago
Ответьте изволь, все текста в секции нам можно верить вам предоставил клиент либо вы их писали стопроцентно сами? Спасибо!
Anti Kate 1 year ago
В чем может быть промах? 1-ый айтом изготовлен до границы будто в уроке, а далее не пошлось
Oleg Shkarpeta 1 year ago
Спасибо за задание!
Художник Настоящий 1 year ago
Круто! Побольше бы уроков конкретно по созданию дизайна. Рождение идеи, рисунок, подбор изображений и их обработка, подбор цветов, шрифты, правильное размещение частей на страничке и т.д. Очень не хватает конкретно такового обучающего материала. Еще были бы неплохи уроки по созданию дизайна html писем)
Victor KD 2 years ago
Интересно было бы поглядеть, будто вы подготавливаете начальные материалы для сотворения дизайна: выбираете цвета, подбираете иконки, шрифты, изображения.
Василий Сенин 2 years ago
Где иконки такие скачать?
Сергей Краснолуцкий 2 years ago
Подскажите, кака сверстать блок Наша продукция ?
Блог фрилансера. Веб-дизайн. 2 years ago
Очень даже отлично вышло)) молорик
studio-fs 2 years ago
Спасибо Вам за то, что Вы делаете. Очень интересует одинешенек проблема, изволь, подскажите. Правда он малость не в тему. Как на вёрстке сделать этак, чтоб при клике страничка разъезжалась и отображался сокрытый блок div? Случай весьма похож на тот, какой у Вас тут в примере
TheSweetLife 2 years ago
grid_boot будто трудиться ???
988Dema 2 years ago
Спасибо огромное за Ваш труд по несению в массы искусства web дизайна и верстки! С наслаждением смотрю и вкушаю сладкую и полезную информацию. Считаю, что было бы не излишним выкладывать задание по созданию дизайна с следующей его вёрсткой. Думаю что многие моменты были бы понятнее в плане задумки всяких плюшек-фишек на шаге дизайна и реализации оных в вёрстке. Не все универсалы - кто-то дизайнер, кто-то верстальщик, однако всем не лишь здорово, однако и нужно осознавать полный процесс разработки. Это благопожелание, а сейчас проблема - будто пишете звук, какой аксессуар пользуете? Хочу для себя таковой поэтому, будто звук на высшем уровне!
Русские Богатыри 2 years ago
Жаль, что дудки архива
Русские Богатыри 2 years ago
Спасибо вашим курсам, я когда-то начал интенсивно глядеть уроки по верстке.И Вы меня заинтриговали и вбили мне собственный IT интерес. Спустя 1,5 года активного каждодневного обучения, я получаю порядка 100 000 рублей в луна и мои доходы оживленно вырастают.
WebDesign Master 2 years ago
+Русские Богатыри Хорошая мысль, благодарю :)
Русские Богатыри 2 years ago
Спасибо. А то находил этих терминаторов в вебе). Если вы сделаете уроки по фотошопу, уверен, что эта рубрика будет очень пользующейся популярностью. У вас дарование объяснять правильно мысли и разжевывать до мелочей
WebDesign Master 2 years ago
Поправил!
Dmitry Andreevich 2 years ago
У создателя неплохой вкус, а у меня дудки вкуса( что мне мастерить ?)))
CeHTuJI 2 years ago
Все большие проекты употребляют только стандартные шрифты и дизайн у их полностью гармоничен.
Рустем Гараев 2 years ago
Спасибо! Урок супер!
Dizert 2 years ago
Подскажите изволь заглавие плагина, с которого брали цвета (томейто)
Доспехи Блоггера 3 years ago
Добрый денек! Самый доступно обьясняемый канал. Очень нравится что Вы в процессе работы сталкиваясь с какими-то трудностями вслух отыскиваете решение трудности. Подскажите, а будет ли задание по вёрстке этого макета? Хотелось бы поглядеть будто при нажатии на фотографию она будет увеличеваться, а нательный рад с фото сьезжать книзу. Огромное благодарю за уроки! Успехов!!!!
WebDesign Master 3 years ago
+Доспехи Блоггера dospehi.blogera@gmail.com Здравствуйте. Спасибо. Не задумывался покамест о верстке этого макета для уроков.
Aibyn Abylkassym 3 years ago
25:00
alex Ti 3 years ago
фига это будто в конце звук он таким был вначале??? оО. чем редактировали на что писали, что этак.очень отменно вышло?
WebDesign Master 3 years ago
+Alexander Titakov Вас не сделает труднее перефразировать проблема?
Стас Нескажу 3 years ago
ТЫ ВОДОЛЕЙ!!! Тратишь немало времени на пустую болтавню!
Kirill Kuts 2 years ago
Да хорошо ? Мне будто , все более чем информативно! Редко когда буржуйский платный курс похвастается большей насыщеностью инфы!
WebDesign Master 3 years ago
+Стас Нескажу Нет, я БЛИЗНЕЦ.
Meirbek Nysanbekov 3 years ago
.от всей души желаю посодействовать нашим ребятам, сбросить информационный барьер в русскоговорящих странах - За это огромное благодарю!
Timofey Sub 3 years ago
Здрасте, что то не могу осознать отчего в фотошопе текст квадратиками указывает хоть в 10 пт хоть 20 пт dpi 300 разреш 1200 на 1600, сглаживание не помогает(толком не оказывает влияние),буду признателен за ответ.
WebDesign Master 3 years ago
+тимофей субычев Приложите скрин, чтоб было понятней?
Михаил Стецюк 3 years ago
весьма нужный материал, благодарю!
Alexander 3 years ago
Много слышал о том что рекомендуется использовать системные (пользующиеся популярностью) шрифты для того что бы убавить кол-во запросов и пора загрузки веб-сайта. Font Avsome можно поменять инлайновыми SVG, и опять минус одинешенек запрос на сервер. За задание благодарю.
just-a-ride 3 years ago
Спасибо за искусник-класс. Подскажите изволь, во 2-ой секции, при клике на фотку  — раздвигающееся место с подробным описанием. Какую библиотеку для такового поведения используете? Или сами на js поведение задаете?
Bogdan2096 3 years ago
Скажите изволь какая у вас операционная система. Очень прекрасно смотрится
WebDesign Master 3 years ago
На тот момент была Elementary OS
Артем Живокоренцев 3 years ago
Спасибо за задание! А верстка по этому макету будет в джедай-верстке?
BFM74 3 years ago
Как верстать научились? Я полагаю вы самоучка? Сколько необходимо времени что бы верстать всё что нарисуешь уверенно?
Ronaldo vieira 3 years ago
PSD в HTML5 исходной загрузки?
Безымянный аноним 3 years ago
Спасибо за задание! Подскажите, при разработке многостраничного веб-сайта каждую страничку основывать на в собственном файле psd либо в 1 файле мастерить все сходу?
WebDesign Master 3 years ago
Смотря какой трудности веб-сайт. Обычно я открываю порожний макет с разлиновкой сетки и дублирую в него общие для всех страничек элементы - шапку, подвал и остальные из уже готового.
Виктор Попов 3 years ago
Когда уроки будут по верстка и натяжке на WP  многостаночного веб-сайта?
Web Design 3 years ago
Так профессионально все изготовлено, а подписчиков не достаточно, меня это даже бесит. Я не знаю подобных каналов. Все блогеры обыкновенно молвят А, а Б и другие буковкы за определенную плату. А здесь А и Б и этак до Я. И все для нас. Все доступно и понятно. Спасибо огромное за ваше пора! Очень вам признателен!
Дмитрий 2 months ago
Психанул, пошёл в разнос, твои видосы глядят все по сей денек.
Михаил 3 years ago
Спасибо огромное!
Никита Андрианов 3 years ago
я этак понимаю это како-то дистрибутивчик линукса, будто фш юзаешь?
Никита Андрианов 3 years ago
благодарю
WebDesign Master 3 years ago
+Никита Андрианов XP+CS6
Никита Андрианов 3 years ago
+WebDesign Master на какой винде и какая гипотиза фш?
WebDesign Master 3 years ago
Elementary OS. Через VBox юзаю.
Igrotouch 3 years ago
Сколько же полезного контента на канале. Жду новых курсов по Web дизайну.