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