Очень благодарна за столь подробный и понятный разбор программы фотошоп в работе с веб дизайном! Учусь на очных курсах "X", и там нам и 10% не дали того, что я получила от объяснений в этом уроке! Макс, если снимешь видео про скетч - вообще цены не будет!!! Работаю в Скетче около месяца, но до сих пор "плаваю" в нюансах. !и кстати, на русскоязычном пространстве ютюба не так много объяснялок про скетч! если не сказать, что вообще нет! Успехов!
Гуран Гуранов , ты это иронизируешь? Или серьезно? Отстойно объясняет..только продвинутые поймут, остальные ничего.. Вот и иди к такому учится.. И кстати, если бы действительно такие деньги, как он обещает, зарабатывали бы люди, он сам этой ерундой не занимался бы..
Про масштабирование прямоугольника со скруглёнными углами: может удобнее не выделять точки, а тянуть мышкой с нажатым alt , тогда скругления останутся прежними. А после выровнять относительно текста или других объектов.
Максим, спасибо за это видео. Очень много полезного узнала. Только не понятно, как слои в папки размещать. Как картинку с текстом в папке соединить. Очень быстро и непонятно в этом видео именно это было показано )))
Ps CS3 -Как слои в папки размещать В Вашей рабочей среде, окно "слои". Если Вы умеете создавать новый слой, то и найдете там же рядом "создать новую группу". Создаем. Именуем. Имеет вид папочки. Просто перетягиваете в эту папочку все необходимые Вам слои. -Как картинку с текстом в папке соединить Самый первый и самый простой способ. Когда Вы что-либо заливаете в Группу, Вы можете так сказать настроить воздействие между слоями в этой самой Группе. Так чтобы совсем доступно было: выбираем инструмент движения (V), выбираем необходимую Группу, обращаем внимание на верхнюю панель. Левый верхний угол первым должно стоять "Автовыбор", после него колонка, в которой Вам предлагают выбрать "Слой" или "Группа слоев". Выбираем второй вариант. Ну и тот способ, которым обычно пользуюсь я, если мне необходимо связать не всю Группу между собой, а только пару слоев из нее. Выбираю один слой, зажимаю Ctrl и кликаю по тому слою, который необходим (их может быть сколько угодно). Там же, где у расположены кнопки "создать новый слой", "создать новую группу", "удалить слой", "добавить слой-маску" и че-то там еще, есть в виде узелка функция "связать слои". Таким образом, Вы именно связываете все выделенные Вами слои. Их можно отвязать в любой момент и привязать к друг-друге обратно.
А в Photoshop CC 2014 уже можно редактировать скругление - выбираешь нарисованный шейп(либо слой с ним) и делаешь окно Properties активным и в этом оке можно менять - при чем как один конкретный угол так и все углы одновременно
Лайк. Полезно. Но ох уж эти яблочники.... Блин... Белый фон, 2 примера рядом... Офигенно... Не всё стабильно в яблочном королевстве. Крышка у Мака дёргается. Камера тоже. Используйте стабилизатор, плз. Есть в Премьер Про. Ну, или в ShotCut.
Макс, у меня вопрос касательно монитора, цветового профиля и настроек Photoshop. В каком цветовом профиле открывать документы, использовать ли "Цветопробу" в Photoshop и под каким профилем? Было бы неплохо вообще такое видео сделать:) У всех разные мониторы и профили, как сделать стандартизированные цвета...
Привет, очень понравилось что минимум воды. Даже не стал представляться, как делают многие( типа я супер охеренный дизайнер, в индустрии с 91 года и т.д.). Все по делу и кратко. Очень качественное видио. Прям оч понравилось) Такой вопрос: ты этот макет делал для реального проекта или выдумал его для примера?(вопрос больше не актуален - понял что это твой собственный сайт -_- );
Максим изучала ваш видео-урок веб-дизайн с нуля за 60 дней. Многое теперь понятно, как создается макет, тоже частично, но Максим, как ты добавляешь в макет лендинга картинку? Просто, берешь ее с любого документа, или изображения, и прикладываешь к макету? Я не поняла Максим, объясни по шагам. На какую кнопку, ты нажимаешь, чтобы картинка, попала в передний план макета?
я конечно все понимаю,урок хороший,но неужели нельзя было говорить "нажал эту клавишу и сделал это" а то приходилось возвращаться все время к началу ,лойс если из 2018
Здравствуйте! Подскажите как с помощью Перемещения (V) выделить несколько обьектов на холсте? Зажимаю Ctrl, Alt, Shift + click и ничего. Примерно на 36:12 ты выделяешь несколько надписейс помощью инструмента выделения. Спасибо. И на 33:00 как выделить областью?
здравствуйте. я новичок, за ранее извиняюсь если это глупый вопрос. а что делать со всеми слоями, что мы создали? записать их как экшнен или как? как верстальщик будет во все этом разбираться?
+Ксения Калачева в первую очередь сделать так, чтобы вы сами в них разобраться смогли. Про подготовку макета к верстке рассказываю в этом видео, посмотри - ruclips.net/video/rTk7VZqNa9o/видео.html
А как вы с помощью Move Tool выделяете несколько объектов , вроде я зажимаю Shift и да выделяются но вместе с фоновым слоем и перемещаются вместе с ним , и ещё почему-то у меня начинает выделять только когда я курсор вывожу из зоны холста и зажимаю Shift , а если в зоне холста то он просто перемещает один объект;( подскажите пожалуйста может настройки инструмента не те, или что то не так делаю ?) И ещё на 21:05 как вы сделали такую цветовую панель ?)
+Влад Елисеев Разобрался, делюсь опытом :) Чтобы выделить несколько объектов, нужно нажать ctrl+shift, но при условии, что ни один слой не выделен в панели слоев, тогда фоновый слой не будет задеваться.
Всех приветствую,я новичок,принцип понятен подскажите фотошопы для более удобного перемещения и аналогичных функций что и на видео,пока что прототип сделал в Figma,стоит ли там работать вообще? если не сложно киньте ссылку на подобный фш,очень прошу и буду благодарен
Максим лучше сделайте видео про figma и нарисуйте дизайн сайта в ней :-) Я правда не знаю можно ли в figma рисовать линию. А так урок очень хороший. Узнал для себя много нового, в частности про маски. А нет ли у вас уроков как сделать дизайн этого сайта для планшета а затем для телефона. А затем верстки такого адаптивного сайта желательно на flex.
Только начинаю познавать азы фотошопа для веб-дизайна, будьте добры, посоветуйте какую из множества версий фш мне стоит поставить? и какие плагины если они необходимы. Спасибо!
Всегда ставь последнюю и не парься. Для веб дизайна есть хороший плагин guideguide. C помощью него можно нарисовать сетку с нужной шириной колонки и их количеством. Хотя для большинства сайтов подойдет обычная bootstrap сетка, есть psd шаблоны для разной ширины экрана. + в самом фотошопе много инструментов, упрощающих и ускоряющих работу, для начала изучи их.
В настройках шрифта не выставлены пискели. Там стоит единица pt, а это не совсем тоже самое что и пиксели. В настройках можно изменить. Веб дизайнерам рекомендуется использовать пиксели
17:00 растягивает страницу (белый фон), но у меня почему то , то что растянул получается не белым а коричневым. Почему? или как исправить? 25:17 Не понятно , как менял оттенок основной картинки. Откуда появилось окно с выбором цветов? 38:46 как масштабируется картинка (смарт объект)?
Добрый вечер, Максим! Я осваиваю веб-дизайн, и у меня встал затык с шириной холста. Если мне требуется сделать дизайн для ПК 1920рх, то какую РЕАЛЬНУЮ ширину документа делать в фотошопе? P.S. Сайт должен быть во всю ширину экрана, так чтобы присутствовал 1 сайтбар... Если ВАС не затруднит, можете подсказать?))
Максим, спасибо большое. Очень полезный урок. Действительно, только самое необходимое. Но я не совсем поняла насчет загрузки видео в проект. Нужно сделать просто скрин видео и заргужать картики? Как потом добавить сами видео на сайт?
Вот как раз с фотошопом у меня проблем нет! Проблема в том что не могу понять....для чего создавать страницу в фотошопе когда всё равно все фрагменты потом надо отдельно сохранять и повторно через HTML+CSS расставлять заново по своим местам? Или я чего-то не допонимаю....Я понимаю сохранил файл со всеми блоками...логотипами и используй их по назначению....
Что значит «кинуть»? Тестовое задание не дает дизайнеру никаких гарантий и компания за него ничего не обещает. Компания хочет посмотреть на навыки дизайнера, дизайнер их демонстрирует, выполняя задание.
Хорошее видео . Только вот одно НО , это же еще не сайт а лишь макет сайта т.е просто красивая картинка у вас на ПК. А что бы эта картинка - макет стала сайтом надо еще СВЕРСТАТЬ и как быть если версткой ты не владеешь !? какие есть варианты ? и потом еще надо разместить на сервере , это не самый сложный момент но все же требует так же знаний ) Ах да и еще самое пожалуй главное без чего сайт превращается в бесполезную хрень , это сбор семантического ядра и все что с этим связано т.е все что в конечном счете сделает сайт РАБОЧИМ на который будут заходить много посетителей т.е проще говоря трафик.
Макс, скажи плз, при разработке макета многостраничного сайта, предназначенного на сдачу (верстать будет другой человек) нужно ли досконально прорисовывать поведение всех элементов hover active focus и т. д., обязательно ли продумывать и идеально соблюдать отступы для всех элементов, должно ли быть прорисовано АБСОЛЮТНО все. Я начинающий в этом деле, как перфекционист, хочу научиться делать по стандарту и качественно, но работа над одной страничкой превращается в адскую бесконечную тягомотину... может посоветовать какойто пример видео качественной работы с макетом в фотошопе?
В идеале нужно прорисовывать все состояния кнопок, иначе все состояния будут и на верстке выглядеть одинаково. Есть такая штука guidline. Это psd файл со всеми элементами и всеми состояниями, которые используются на сайте (заголовки, абзацы, списки, кнопки, инпуты, и тд). Каждый раз не нужно для всех элементов прорисовывать все состояния, достаточно их отрисовать только в guidline. Насчет отступов.. по хорошему, их нужно соблюдать, есть такое понятие как clear pixel. Когда верстка идеально совпадает с макетом. Но, на практике, так делают очень редко, т.к. все браузеры рассчитывают все свойства css по-разному. Не возможно угодить всем. Поэтому в результате отступы в верстке не будут точно такими же, но они будут максимально приближенными к макетным. Ну и еще с верстальщиком можно просто на словах обговорить некоторые моменты, если есть такая возможность.
а как сделать , чтобы рядом с рамкой выделения и другими висело окошко с размерами, или это фишка последних версий фотошопа? спасибо. И кстати , почему не Adobe illustrator? раньше только так в нем дизайны рисовали..
Возможно, глупый вопрос, но всё же. На какую CMS потом можно повесить этот сайт? Т.е. я, допустим, набросал такой дизайн, как его потом залить на домен, чтобы можно было управлять им?
Спасибо за видео очень полезно. Но вот у меня возник вопрос. Вы на 27 мин сказали что прямоугольник со скругленными углами, нельзя изменить скругление в пикселях. Почему нельзя ведь можно просто в Свойствах того же прямоугольника просто изменить параметры скругления там, как и всех углов так и каждого по отдельности.
4:28 - копирование (Alt + перетащить фигуру)
6:45 - выравнивание нескольких объектов
7:30 - сгруппировать слои (Ctrl+G) и разгруппировать (Ctrl+Shift+G)
10:25 - создать обтравочную маску (навести мышку между слоями, Alt + клик)
11:50 - показать/скрыть направляющие (Ctrl+ клавиша точки с запятой)
сделать копию слоя - Ctrl + J
Посмотрел 9 минут сразу говорю,спасибо,кратко ясно. Мне всего лишь 10 лет уже многому научился в Фотошопе.
Реальное спасибо! Начинаю делать сайт!!! Собиралась лет пять всего.
Очень благодарна за столь подробный и понятный разбор программы фотошоп в работе с веб дизайном! Учусь на очных курсах "X", и там нам и 10% не дали того, что я получила от объяснений в этом уроке!
Макс, если снимешь видео про скетч - вообще цены не будет!!!
Работаю в Скетче около месяца, но до сих пор "плаваю" в нюансах. !и кстати, на русскоязычном пространстве ютюба не так много объяснялок про скетч! если не сказать, что вообще нет! Успехов!
Спасибо :)
Максим, спасибо большое. Позволили понять Вашим видео, что это возможно, даже если нет практического и теоретического опыта, навыков
Максим, спасибо за урок. Теперь экономлю кучу времени на горячих клавишах!
пожалуйста :)
Огромное спасибо! Ваш урок очень помог освоить фотошоп с нуля! Я в восторге!)
+Дарья Чернова пожалуйста)
Макс, классно! Все просто до гениальности! И не надо сопли размазывать- как во многих курсах по веб-дизайну. Становлюсь твоим подписчиком!
Спасибо, вэлкам :)
Чувак, ты очень круто видео запилил. Все настолько понятно, что я слов не нахожу( при том что никогда не пользовался фотошопом)
Супер! Пожалуйста :)
Гуран Гуранов , ты это иронизируешь? Или серьезно? Отстойно объясняет..только продвинутые поймут, остальные ничего.. Вот и иди к такому учится.. И кстати, если бы действительно такие деньги, как он обещает, зарабатывали бы люди, он сам этой ерундой не занимался бы..
Все оказалось на много проще чем ожидал, спасибо
+Азамат Азаматович пожалуйста :)
Очень и очень просто и круто объясняете. Спасибо вам огромное!
Максим,спасибо Вам огромное,узнала очень много,конечно пока все тяжело понять,но я думаю у меня все получится.Желаю успеха!!!
хорошо объясняет парень. ничего лишнего и все понятно.красава
Первый раз в жизни вижу, что написано за 60 минут и видео действительно идёт 60 минут. Не 1.20, не 1.30, а ровно час. Круто
ОЧЕНЬ ПОЛЕЗНОЕ ВИДЕО ДЛЯ МНОГИХ ЛЮДЕЙ
спасибо за помощь, большое
Максим, спасибо за видео. Все очень доступно изложено!
+Viktoria Yurova пожалуйста)
Спасибо Максим. Очень полезный курс.
+Андрей Андерс пожалуйста :)
сделала по этому уроку. Все получилось! Так здорово :)
Отличный урок! Все просто и понятно. Спасибо огромное.
+Игорь Реутов пожалуйста :)
Спасибо большое, видео очень полезное!
Красава! Красиво, понятно и ничего лишнего! Спасибо!
Про масштабирование прямоугольника со скруглёнными углами: может удобнее не выделять точки, а тянуть мышкой с нажатым alt , тогда скругления останутся прежними. А после выровнять относительно текста или других объектов.
Круто) Доходчиво и просто) Смотрю дальше и подписываюсь)
Макс, красава! Разхмет тебе большой!
Максим, спасибо за это видео. Очень много полезного узнала. Только не понятно, как слои в папки размещать. Как картинку с текстом в папке соединить. Очень быстро и непонятно в этом видео именно это было показано )))
Ps CS3
-Как слои в папки размещать
В Вашей рабочей среде, окно "слои". Если Вы умеете создавать новый слой, то и найдете там же рядом "создать новую группу". Создаем. Именуем. Имеет вид папочки. Просто перетягиваете в эту папочку все необходимые Вам слои.
-Как картинку с текстом в папке соединить
Самый первый и самый простой способ. Когда Вы что-либо заливаете в Группу, Вы можете так сказать настроить воздействие между слоями в этой самой Группе. Так чтобы совсем доступно было: выбираем инструмент движения (V), выбираем необходимую Группу, обращаем внимание на верхнюю панель. Левый верхний угол первым должно стоять "Автовыбор", после него колонка, в которой Вам предлагают выбрать "Слой" или "Группа слоев". Выбираем второй вариант.
Ну и тот способ, которым обычно пользуюсь я, если мне необходимо связать не всю Группу между собой, а только пару слоев из нее. Выбираю один слой, зажимаю Ctrl и кликаю по тому слою, который необходим (их может быть сколько угодно). Там же, где у расположены кнопки "создать новый слой", "создать новую группу", "удалить слой", "добавить слой-маску" и че-то там еще, есть в виде узелка функция "связать слои". Таким образом, Вы именно связываете все выделенные Вами слои. Их можно отвязать в любой момент и привязать к друг-друге обратно.
Спасибо за урок !!! Очень доходчиво и понятно!
Макс, все классно! Спасибо!
спасибо за урок. есть предложение: аттачить все тексты и картинки к уроку. так будет намного удобнее для пользователей.
Очень полезное видео! Большое спасибо. :)
На мой взгляд, урок просто отличный! Всё понятно и информативно. В комментариях люди жалуются на какие-то действительно мелочи...
Спасибо
Классно рассказал!!! Респект!!!
Понравилось, спасибо)
Архиполезное видео. Благодарю, Макс!
+Roman Golubev пожалуйста :)
отлично объясняешь.. а какие горящие клавиши надо зажать, чтобы появился новый слой?
Спасибо!!! Классный урок!!!
+vitaliy k пожалуйста
то что нужно,
спасибо большое за урок
Дарья Савенкова хорошо, что полезно :) Смотри еще уроки на моем ютюб канале.
А в Photoshop CC 2014 уже можно редактировать скругление - выбираешь нарисованный шейп(либо слой с ним) и делаешь окно Properties активным и в этом оке можно менять - при чем как один конкретный угол так и все углы одновременно
Екатерина Шевченко Верно, в CC добавили
Лайк. Полезно.
Но ох уж эти яблочники....
Блин... Белый фон, 2 примера рядом... Офигенно...
Не всё стабильно в яблочном королевстве. Крышка у Мака дёргается. Камера тоже. Используйте стабилизатор, плз. Есть в Премьер Про. Ну, или в ShotCut.
Спасибо большое! Очень доступно и интерестно!
+Микола Пилипів пожалуйста)
Добрый день Максим, спасибо за видео очень полезно особенно начинающим.
Скажите будет ли видео работы с сеткой? :)
Roman Samurin Да, как готовлю материал, скоро появится на канале
Мне показалось, или вы сменили раскладку уже напечатанного текста на 20:08 и далее? Если да, то как это сделать? Заранее спасибо.
Макс, у меня вопрос касательно монитора, цветового профиля и настроек Photoshop. В каком цветовом профиле открывать документы, использовать ли "Цветопробу" в Photoshop и под каким профилем? Было бы неплохо вообще такое видео сделать:) У всех разные мониторы и профили, как сделать стандартизированные цвета...
Кстати, имеет ли смысл сделать видео про Sketch?
Определенно имеет, таких качественных видео мало кто делает в русскоязычном интернете, чтобы с фишками и без воды. Спасибо
Evgeny Evgen, кстати, какие еще темы стоило бы раскрыть?
Школа дизайнаЛично для меня актуально, было бы узнать про грамотные заявки в проектах на фриланс биржах, возможно какие то шаблоны, которые работают.
Evgeny Evgen об этом рассказываю подробно в курсе. Ок, возможно запишу несколько важных вещей в открытый доступ.
Уроки по Sketch прям не помешали бы!
Классно получилось,красавчик )
Спасибо, очень понравилось видео! Хорошо объясняешь)
Спасибо тебе большое! Все понятно объяснил))
Привет, очень понравилось что минимум воды. Даже не стал представляться, как делают многие( типа я супер охеренный дизайнер, в индустрии с 91 года и т.д.). Все по делу и кратко. Очень качественное видио. Прям оч понравилось) Такой вопрос: ты этот макет делал для реального проекта или выдумал его для примера?(вопрос больше не актуален - понял что это твой собственный сайт -_- );
да, в видео показан сайт курса Дизайнер - dpng.me/designer
Делайте всегда реальные сайты
Очень качественно и интересно, спасибо!
Какие клавиши вы нажали на 25:14 что бы соединить Color и Opacity? Не информативно в некоторые моменты
Максим изучала ваш видео-урок веб-дизайн с нуля за 60 дней. Многое теперь понятно, как создается макет, тоже частично, но Максим, как ты добавляешь в макет лендинга картинку? Просто, берешь ее с любого документа, или изображения, и прикладываешь к макету? Я не поняла Максим, объясни по шагам. На какую кнопку, ты нажимаешь, чтобы картинка, попала в передний план макета?
я конечно все понимаю,урок хороший,но неужели нельзя было говорить "нажал эту клавишу и сделал это" а то приходилось возвращаться все время к началу ,лойс если из 2018
Уже 2024. Сам не заметил как давно был 2018.
Уроки супер!!! Респект огромный. ВопросЖ при создании нового файла, в пункте name: что ты указал? А нам что надо указывать, тоже адрес какой-нибудь?
Здравствуйте! Подскажите как с помощью Перемещения (V) выделить несколько обьектов на холсте? Зажимаю Ctrl, Alt, Shift + click и ничего. Примерно на 36:12 ты выделяешь несколько надписейс помощью инструмента выделения. Спасибо. И на 33:00 как выделить областью?
+Eugene Martynenko попробуй выделить их в списке слоев
Да, в списке слоев это понятно, я имел ввиду выделение нескольких слоев прямо на холсте. Спасибо, уже разобрался)
Максим, а для чего необходимо сгруппировывать слои (Ctrl+G) или разгруппировать (Ctrl+Shift+G)для чего это нужно?
Чёб мы без тебя делали, братан?
Да имеет смысл сделать серию уроков по Sketch
Спасибо огромное! Очень полезное видео! Сними, пожалуйста, верстку этого сайта
Здорово! спасибо
Как вы меняли цветовую гамму изображения с 25:10 по 25:25?
здравствуйте. я новичок, за ранее извиняюсь если это глупый вопрос. а что делать со всеми слоями, что мы создали? записать их как экшнен или как? как верстальщик будет во все этом разбираться?
+Ксения Калачева в первую очередь сделать так, чтобы вы сами в них разобраться смогли. Про подготовку макета к верстке рассказываю в этом видео, посмотри - ruclips.net/video/rTk7VZqNa9o/видео.html
Благодарю за дельное видео! Подскажите, каким способом затемняете картинку на 25:18 ?
Очень познавательно, спасибо.
А как вы с помощью Move Tool выделяете несколько объектов , вроде я зажимаю Shift и да выделяются но вместе с фоновым слоем и перемещаются вместе с ним , и ещё почему-то у меня начинает выделять только когда я курсор вывожу из зоны холста и зажимаю Shift , а если в зоне холста то он просто перемещает один объект;( подскажите пожалуйста может настройки инструмента не те, или что то не так делаю ?) И ещё на 21:05 как вы сделали такую цветовую панель ?)
+Влад Елисеев на первый Ваш вопрос ответ зажимайте Ctrl
+Влад Елисеев Разобрался, делюсь опытом :)
Чтобы выделить несколько объектов, нужно нажать ctrl+shift, но при условии, что ни один слой не выделен в панели слоев, тогда фоновый слой не будет задеваться.
Всех приветствую,я новичок,принцип понятен
подскажите фотошопы для более удобного перемещения и аналогичных функций что и на видео,пока что прототип сделал в Figma,стоит ли там работать вообще?
если не сложно киньте ссылку на подобный фш,очень прошу и буду благодарен
Подскажите про размер рабочего поля сколько пикселей, где брать сетку и сколько выставлять dpi ?
Максим лучше сделайте видео про figma и нарисуйте дизайн сайта в ней :-) Я правда не знаю можно ли в figma рисовать линию. А так урок очень хороший. Узнал для себя много нового, в частности про маски. А нет ли у вас уроков как сделать дизайн этого сайта для планшета а затем для телефона. А затем верстки такого адаптивного сайта желательно на flex.
Figma - да, планирую записать видео по ней :)
Максим буду ждать. И желательно чтобы было всё в одном флаконе и дизайн и вёрстка на flex.
Только начинаю познавать азы фотошопа для веб-дизайна, будьте добры, посоветуйте какую из множества версий фш мне стоит поставить? и какие плагины если они необходимы. Спасибо!
+Dee Kenzo ставь последнюю и не парься. Плагины? Зачем? Может шрифты, это да.
+Dee Kenzo я без плагинов справлялся, когда работал в ФШ
Всегда ставь последнюю и не парься. Для веб дизайна есть хороший плагин guideguide. C помощью него можно нарисовать сетку с нужной шириной колонки и их количеством. Хотя для большинства сайтов подойдет обычная bootstrap сетка, есть psd шаблоны для разной ширины экрана.
+ в самом фотошопе много инструментов, упрощающих и ускоряющих работу, для начала изучи их.
МОЛОДЦОМ!!!
Максим, подскажите, пожалуйста, как вы на 25:15 сделали картинку темнее?
+Юсуф Ешев Прозрачность поменял ей
Спасибо урок на славу +++
Очень хорошее видео.
Спасибо!
В настройках шрифта не выставлены пискели. Там стоит единица pt, а это не совсем тоже самое что и пиксели. В настройках можно изменить. Веб дизайнерам рекомендуется использовать пиксели
Потому что в вебе не используются пункты. Они для типографии.
17:00 растягивает страницу (белый фон), но у меня почему то , то что растянул получается не белым а коричневым. Почему? или как исправить?
25:17 Не понятно , как менял оттенок основной картинки. Откуда появилось окно с выбором цветов?
38:46 как масштабируется картинка (смарт объект)?
Добрый вечер, Максим!
Я осваиваю веб-дизайн, и у меня встал затык с шириной холста.
Если мне требуется сделать дизайн для ПК 1920рх, то какую РЕАЛЬНУЮ ширину документа делать в фотошопе?
P.S. Сайт должен быть во всю ширину экрана, так чтобы присутствовал 1 сайтбар...
Если ВАС не затруднит, можете подсказать?))
Максим, спасибо большое. Очень полезный урок. Действительно, только самое необходимое. Но я не совсем поняла насчет загрузки видео в проект. Нужно сделать просто скрин видео и заргужать картики? Как потом добавить сами видео на сайт?
+osmodiy да, просто сделать скриншоты и разместить их в макете. А добавить видео на сайт можно средствами ютуба.
Спасибо, Максим!
Отличное, интересное и полезное видео! Большое спасибо. Подписался, жду новых )
какой фотошоп посоветуете скачать фотошоп?
Хорошее видео, спасибо
+Дмитрий Николенко пожалуйста)
А как вы все выделяете? Почему не комментируете какую клавишу используете????
Можно ли все это делать в figma? Имею в виду заменить фотошоп на figma?)
Вот как раз с фотошопом у меня проблем нет! Проблема в том что не могу понять....для чего создавать страницу в фотошопе когда всё равно все фрагменты потом надо отдельно сохранять и повторно через HTML+CSS расставлять заново по своим местам? Или я чего-то не допонимаю....Я понимаю сохранил файл со всеми блоками...логотипами и используй их по назначению....
Что за фотошоп ты использовал?
Максим, а можно вопрос? Стоит ли делать для фирм тестовые задания, чтобы попасть на собеседование? Ведь они могут и кинуть после готового задания.
Что значит «кинуть»? Тестовое задание не дает дизайнеру никаких гарантий и компания за него ничего не обещает. Компания хочет посмотреть на навыки дизайнера, дизайнер их демонстрирует, выполняя задание.
радиус прямоугольника можно менять в свойствах, не обязательно создавать новый.)
Да, в новых версиях ФШ добавили магии)
Хорошее видео . Только вот одно НО , это же еще не сайт а лишь макет сайта т.е просто красивая картинка у вас на ПК. А что бы эта картинка - макет стала сайтом надо еще СВЕРСТАТЬ и как быть если версткой ты не владеешь !? какие есть варианты ? и потом еще надо разместить на сервере , это не самый сложный момент но все же требует так же знаний ) Ах да и еще самое пожалуй главное без чего сайт превращается в бесполезную хрень , это сбор семантического ядра и все что с этим связано т.е все что в конечном счете сделает сайт РАБОЧИМ на который будут заходить много посетителей т.е проще говоря трафик.
круто! спасибо!
Макс, скажи плз, при разработке макета многостраничного сайта, предназначенного на сдачу (верстать будет другой человек) нужно ли досконально прорисовывать поведение всех элементов hover active focus и т. д., обязательно ли продумывать и идеально соблюдать отступы для всех элементов, должно ли быть прорисовано АБСОЛЮТНО все. Я начинающий в этом деле, как перфекционист, хочу научиться делать по стандарту и качественно, но работа над одной страничкой превращается в адскую бесконечную тягомотину... может посоветовать какойто пример видео качественной работы с макетом в фотошопе?
В идеале нужно прорисовывать все состояния кнопок, иначе все состояния будут и на верстке выглядеть одинаково. Есть такая штука guidline. Это psd файл со всеми элементами и всеми состояниями, которые используются на сайте (заголовки, абзацы, списки, кнопки, инпуты, и тд). Каждый раз не нужно для всех элементов прорисовывать все состояния, достаточно их отрисовать только в guidline.
Насчет отступов.. по хорошему, их нужно соблюдать, есть такое понятие как clear pixel. Когда верстка идеально совпадает с макетом. Но, на практике, так делают очень редко, т.к. все браузеры рассчитывают все свойства css по-разному. Не возможно угодить всем. Поэтому в результате отступы в верстке не будут точно такими же, но они будут максимально приближенными к макетным.
Ну и еще с верстальщиком можно просто на словах обговорить некоторые моменты, если есть такая возможность.
Привет. Подскажи, а как создавать gif (скорее всего), короткую анимацию какого - либо действия? Предположим как на 3:03 минуте..
+Роман Старостенков нужна панелька «Animation»
Максим, ))) а где эту панельку можно найти?
+Роман Старостенков в начале видео я рассказываю как настроить панельки. либо поиском п ФШ)
Максим, спасибо за видео, а есть "горячие" клавишы для того чтобы вставить фото в бокс?
а как сделать , чтобы рядом с рамкой выделения и другими висело окошко с размерами, или это фишка последних версий фотошопа? спасибо. И кстати , почему не Adobe illustrator? раньше только так в нем дизайны рисовали..
+Андрей Бабичев это яндекс скриншоты
Возможно, глупый вопрос, но всё же.
На какую CMS потом можно повесить этот сайт?
Т.е. я, допустим, набросал такой дизайн, как его потом залить на домен, чтобы можно было управлять им?
Некоторые моменты упускаются, и приходится догадываться уже самому как делать, а на это уходит немало времени.
Спасибо за видео очень полезно. Но вот у меня возник вопрос. Вы на 27 мин сказали что прямоугольник со скругленными углами, нельзя изменить скругление в пикселях. Почему нельзя ведь можно просто в Свойствах того же прямоугольника просто изменить параметры скругления там, как и всех углов так и каждого по отдельности.
да, в новых версиях фотошопа это возможно
То есть, если нужно сделать сайт с 3 страницами придётся делать каждую отдельно,но хотелось узнать ,html css и js вот как их сопригать с сайтом ?
Просто много видосов на ютубе как сделать именно МАКЕТ. А хотелось бы увидеть весь процесс от начала и до конца.
А какой именно это фотошоп ? где посоветуешь взять?
какой фотошоп использовать?
а что ты скажешь про adobe muse? или лучше начинать с фотошопа?
Скажу что это совершенно разные программы для разных целей. Если вопрос стоит «С чего начать в веб-дизайне?», - то с Фотошопа или Скетча
А у меня прямоугольник с искривлёнными углами можно трансформировать через контрл т, и пропорции не меняются , это от версии фотошопе зависит?
Да, в новых версиях это исправили