Дизайн Сайта в Photoshop (Как нарисовать?) Урок по Шагам.

10852 ratings | 451407 views


Дизайн Сайта в Photoshop (Как нарисовать?) Урок по Шагам.

Бесплатно учись веб-дизайну – Дизайн сайта в Фотошопе (Photoshop) по шагам. Photoshop - графический редактор, обладающий огромными возможностями. С его помощью можно нарисовать оригинальный дизайн сайта, который поразит заказчика. Как это сделать, вы и узнаете в этом уроке под названием “Дизайн сайта в Фотошопе (Photoshop)”. Со мной вы сможете сделать сайт с нуля за 60 минут. Это видео - детальная обзорная экскурсия по настройке рабочей области и изучению всех базовых инструментов, необходимых для быстрого старта. Оно помогает быстро освоить работу с фигурами, текстом и картинками, манипуляцией, экспортом и горячими клавишами. Визуализация всего процесса и понятные комментарии дают возможность с первого раза усвоить новую информацию. Вовсе не обязательно годами изучать функции графического редактора. Можно быстро освоить программу и начать создавать интересные профессиональные сайты! Я, Максим Солдаткин, покажу, как это правильно сделать. Урок “Дизайн в Фотошопе по шагам” предназначен специально для новичков, которых интересует быстрый старт в профессию. Вы удивитесь, как все элементарно! Дизайн сайта в Photoshop за 60 минут с нуля - просто! Включите мое видео и убедитесь в этом сами! 1:03 - Настройка рабочей области 1:46 - Настройка макета 2:25 - Фигуры 2:45 - Трансформация 3:25 - Прямоугольник со скругленными углами 4:02 - Выделение, перемещение 4:29 - Копирование 5:03 - Прозрачность 5:28 - Текст 6:46 - Выравнивание 7:31 - Группы слоев 7:57 - Цвет 8:54 - Картинки и смарт-объекты 10:25 - Маски 11:44 - Направляющие 13:47 - Горячие клавиши 15:15 - Пример работы (практика) Дизайн Сайта в Photoshop 2018 (Как нарисовать?) - Адаптивный Дизайн Сайта (Особенности Создания) 2018 - Уроки веб-дизайна с нуля для начинающих - Блог о веб-дизайне и интерфейсах – Я Вконтакте – Мой Instagram - Бесплатный курс - Двухмесячный курс с обратной связью и трудоустройством - ВК: Двухмесячный курс с обратной связью и трудоустройством -

Comments to the video: Дизайн Сайта в Photoshop (Как нарисовать?) Урок по Шагам.

Денис Корнев 2 months ago
супер здорово!)
B S 3 months ago
thank you a million )
Ilia Orlenko 3 months ago
Зачем для эскиза веб-сайта аж фотошоп использовать?
Игорь Гусаков 3 months ago
На мой взор, задание попросту хороший! Всё понятно и информативно. В комментах люд сетуют на какие-то вправду мелочи.
Школа веб-дизайна Максима Солдаткина 3 months ago
Спасибо
the games 4 months ago
Мастер.
Виктория Нещадная 5 months ago
Очень полезное видео) Спасибо за труд)
Ярослава Науменко 5 months ago
Разве большая часть мониторов и все браузеры не поддерживают профиль sRGB, а не RGB? если отрисовывать макет в RGB, то потом верстки реальный веб-сайт может смотреться чуть-чуть по-другому в плане цветов.
Козин Владимир 5 months ago
Интересно!
мир Арсения 5 months ago
Спасибо большущее! Очень полезное видео! Сними, изволь, верстку этого веб-сайта
Красная Нить 5 months ago
одинешенек из самых хреновых туториалов по фотошопу, надеюсь Ваши видео-курсы не такие.
Школа веб-дизайна Максима Солдаткина 5 months ago
Вся практика на курсе Дизайнер
Красная Нить 5 months ago
У Вас одна теория и дудки практики вообщем.
Школа веб-дизайна Максима Солдаткина 5 months ago
Поясните?
Твой канал 5 months ago
Я прям уж совершенно новенький в этом деле скажите пожуйлста будто в 1:14 потребовать панель в винодус час е6бусь уже
Сергей Кондулуков 6 months ago
Максим лучше сделайте видео про figma и нарисуйте дизайн веб-сайта в ней :-) Я истина не знаю можно ли в figma отрисовывать линию. А этак задание весьма неплохой. Узнал для себя немало нового, в частности про маски. А дудки ли у вас уроков будто сделать дизайн этого веб-сайта для планшета а потом для телефона. А потом верстки такового адаптивного веб-сайта лучше на flex.
Сергей Кондулуков 6 months ago
Максим буду ожидать. И лучше чтоб было всё в одном флаконе и дизайн и вёрстка на flex.
Школа веб-дизайна Максима Солдаткина 6 months ago
Figma – конечно, планирую записать видео по ней :)
Nik Crack 6 months ago
отчего у тебя в конце пнг 24 открывает по середине а у меня с лева? что я делаю не этак? заебал не отвечать не кому, ответь хоть мне, издержи 10 сек времени, куплю курс у тебя если ответишь
Nik Crack 6 months ago
А какой макет по ширене обязан быть? ты гласил в начале что-то 500-500 пикс, однако хз по ширине 500 пикс макет ваще небольшой
Влад Ефименко 7 months ago
А не буду ли я нарушать чьи-то авторские права, использую картину из гугла?
Dogi 734 7 months ago
Даун, у меня сейчас перо от графического планшета не отрисовывают, а маневрирует холст >:с
Terra Inkognita 8 months ago
За содержание зачёт, а вот про излишние звуки в эфире ( сапение, глотание, чавканье) создателю минус 12! Не сумел больше 7 минут глядеть, весьма раздражает имхо.
Lopsan Mongush 8 months ago
благодарю за фотошоп, однако дизайн этак для себя
Лилия Гребиник 8 months ago
Выпей водички! сил моих больше дудки внимать твои сглатывания и причмокивания!(((меня даже на половину видео не хватило((((
Maga's Design 8 months ago
Да имеет резон сделать серию уроков по Sketch
Светлана Кабанова 9 months ago
дизайн веб-сайта создается по модульной сетке, там намного удобнее трудиться верстальщикам. Это обязан знать даже новенький, что уже гласить про человека,какой учит интернет-дизайну!!!
Светлана Кабанова 8 months ago
Школа интернет-дизайна Максима Солдаткина , поглядела огромную доля ваших уроков, и ничего нового не выяснила. Создать макет веб-сайта тоже необходимо уметь, чему вы не учите
Школа веб-дизайна Максима Солдаткина 8 months ago
Видимо вам комфортнее ошибаться и препираться здесь в комментах, чем разобраться будто нужно мастерить на самом деле
Светлана Кабанова 8 months ago
видимо вы далеки от верстки
Школа веб-дизайна Максима Солдаткина 8 months ago
Нет
Светлана Кабанова 8 months ago
дизайн веб-сайта в фотошопе либо иной программке начинается с рисования либо установки модульной сетки
Russian English 9 months ago
То кушать, если необходимо сделать веб-сайт с 3 страничками придётся мастерить каждую раздельно,однако хотелось выяснить ,html css и js вот будто их сопригать с веб-сайтом ?
Psevdoreligiozniy Podpevala 9 months ago
Круто все вложил в 60 минут ровно
THRILL SKAIFOL 9 months ago
А в каком фотошопе? Cc?
Roma MLV 9 months ago
картина не закрепляется в блоке у меня с помощью Alt +Click меж слоями
Roma MLV 9 months ago
Уже все в порядке, пересмотрел моменты в видео, разобрался, благодарю )
Школа веб-дизайна Максима Солдаткина 9 months ago
А что происходит у тебя при этом действии?
Roma MLV 9 months ago
Спасибо юноша, посодействовал в начинании
Школа веб-дизайна Максима Солдаткина 9 months ago
Пожалуйста :)
THREE WINVEST 10 months ago
Чёб мы без тебя делали, братан?
Olga Kozakova 10 months ago
Очень признательна за настолько детальный и удобопонятный разбор программки фотошоп в работе с интернет дизайном! Учусь на очных курсах X , и там нам и 10% не дали того, что я получила от разъяснений в этом уроке!  Макс, если снимешь видео про скетч - вообщем цены не будет!!! Работаю в Скетче возле месяца, однако до сих пор плаваю в аспектах. !и уместно, на русском пространстве ютюба не этак немало объяснялок про скетч! если не произнести, что вообщем дудки! Успехов!
Школа веб-дизайна Максима Солдаткина 10 months ago
Спасибо :)
mr.Evgen 10 months ago
я естественно все понимаю,задание неплохой,однако неуж-то невозможно было гласить надавил эту кнопку и сделал это а то приходилось ворачиваться все пора к началу ,лойс если из 2018
Ярослав И 11 months ago
благодарю!весьма полезное видео
Школа веб-дизайна Максима Солдаткина 11 months ago
Супер, изволь!
Владислав Дидковский 1 year ago
Очень не плохое видео.
Школа веб-дизайна Максима Солдаткина 11 months ago
Спасибо!
Akva 1 year ago
Дизайна, будто такого, я не наблюдаю, тем кто в фш не работает, может здорово будет, однако тем кто уже шарит не весьма , а какие то реально принципиальные моменты упущены.
Akva 1 year ago
попросту больше о разработке, чем о дизайне
Akva 1 year ago
ну-ка, к примеру, когда создавался файл, было 1000*1000 пикселей, про ширину веб-сайта я отчего-то не чего не услышала, эталон и тд, и отчего не стоит к примеру 5к ширину мастерить.
Школа веб-дизайна Максима Солдаткина 1 year ago
Какие к примеру?
Admin A. 1 year ago
Макс, классно! Все попросту до гениальности! И не нужно сопли размазывать- будто во многих курсах по интернет-дизайну. Становлюсь твоим подписчиком!
Школа веб-дизайна Максима Солдаткина 1 year ago
Спасибо, вэлкам :)
DimaZub 1 year ago
Отвратительно сглатываешь и чавкаешь на протяжении итого видео. микрофон поправь либо подальше от рта укрепляй.
Школа веб-дизайна Максима Солдаткина 1 year ago
Спасибо, что не остался индифферентен и оставил этот дорогой комментарий
Rezonans 1 year ago
и этак и этак благодарю)
Школа веб-дизайна Максима Солдаткина 1 year ago
Пожалуйста)
Камилла Австрийская 1 year ago
Для человека, не имеющего представления о фотошопе все деяния весьма резвые и непонятные. пласты, маски, для чего все это. Странный искусник класс для людей, учащихся с нуля. Это быстрее для тех, кто уже имеет понятие о работе в ФШ
Александр Ковтунов 8 months ago
Да, дудки. Я с нуля учусь. До этого вообщем с фотошопом дел не имел. Всё растолковали, я открыл сходу пользовался. Не произнес бы, что что-то неясно. Вместе с этим уроком сделал собственный лендинг. Не таковой, естественно, будто этот. Но тоже ничего. На 1-ый один пойдёт. С нуля вообщем.
Школа веб-дизайна Максима Солдаткина 1 year ago
Спасибо за отклик
Гуран Гуранов 1 year ago
Чувак, ты весьма круто видео запилил. Все так понятно, что я слов не нахожу( при том что вовек не воспользовался фотошопом)
Антон Иванов 9 months ago
Гуран Гуранов , ты это иронизируешь? Или всерьез? Отстойно разъясняет.лишь продвинутые усвоют, другие ничего. Вот и иди к такому обучается. И уместно, если бы вправду такие средства, будто он обещает, зарабатывали бы люд, он сам этой ерундой не занимался бы.
Школа веб-дизайна Максима Солдаткина 1 year ago
Супер! Пожалуйста :)
George Jegiazarjan 1 year ago
неудачное размещение видео , закрывает интерфейс программки, видео понравилось
EllBird 1 year ago
Не весьма отлично растолковал. Дальше 17 минутки даже не буду глядеть. Вот сходу ты рисуешь 1-ый блок, что-то нажимаешь и меняешь непрозрачность. Ты попросту молчком это делаешь. Даже не понятно будто ты это сделал. На 1-ый взор это будто-как будто ты попросту поменял краска. Далее позже ты увеличиваешь макет. Когда я это делаю у меня он оказывается черным отчего-то. И весьма принципиальна труд со слоями! Нельзя всё оставлять попросту в кавардаке! Про это нужно отдельный задание я считаю. И даже для новенького этот задание непростой! Ну естественно сделать можно также однако толку от этого не будет. Делать попросту на автомате? Повторять? Просто глупо! В общем чувак дислайк для тебя.
Руслан Макарец 10 months ago
Когда увеличиваю макет,а он становится прозрачным,а не белоснежным.Без фона считай
Школа веб-дизайна Максима Солдаткина 1 year ago
А что с ним? Расскажи что конкретно делаешь, присылай снимки экрана либо скринкаст. Разберемся :)
EllBird 1 year ago
Не то. Я могу и этак попросту шкалу подергать и поменять непрозрачность. Ладно проехали. а что на счет роста макета.
Школа веб-дизайна Максима Солдаткина 1 year ago
5:05 – рассказываю про хоткеи для прозрачности. До приведения в распорядок слоев мы еще не дошли. Если далее 17 минутки не глядеть – вправду толку не будет.
David Amirkhanov 1 year ago
Не произнести, что я дизайнер, приходится время от времени возделывать. По долгу работы этак и не сообразил в чем достоинства клепать дизайн в Photoshop, а не в Illustrator либо в Inkskape. Или это стереотип таковой пошел? Смотрю видео и всюду работаем с векторами. Нельзя попросту отрисовывать в векторном редакторе все это дело?
Анна Цымбал 1 year ago
Спасибо для тебя огромное! Все понятно растолковал))
ТИПИЧНЫЙ МОРЖ 1 year ago
Просто немало видосов на ютубе будто сделать конкретно МАКЕТ. А хотелось бы узреть полный процесс от основы и до конца.
ТИПИЧНЫЙ МОРЖ 1 year ago
Хорошее видео. Только вот одно НО , это же еще не веб-сайт а только макет веб-сайта т.е попросту прекрасная картина у вас на ПК. А что бы эта картина - макет стала веб-сайтом нужно еще СВЕРСТАТЬ и будто быть если версткой ты не владеешь !? какие кушать варианты ? и позже еще нужно расположить на сервере , это не самый непростой момент однако все же просит этак же познаний ) Ах конечно и еще самое пожалуй главное без чего веб-сайт преобразуется в никчемную хрень , это сбор семантического ядра и все что с этим связано т.е все что в конечном счете сделает веб-сайт РАБОЧИМ на какой будут входить немало гостей т.е проще говоря трафик.
ирина ныркова 1 year ago
Максим изучала ваш видео-задание интернет-дизайн с нуля за 60 дней. Многое сейчас понятно, будто создается макет, тоже отчасти, однако Максим, будто ты прибавляешь в макет лендинга картину? Просто, берешь ее с хоть какого документа, либо изображения, и прикладываешь к макету? Я не сообразила Максим, растолкуй по шагам. На какую кнопку, ты нажимаешь, чтоб картина, попала в фронтальный план макета?
ирина ныркова 1 year ago
Максим, а для чего нужно сгруппировывать пласты (Ctrl+G) либо разгруппировать (Ctrl+Shift+G)для чего это необходимо?
KR1PAKKEN 10 months ago
Для удобства, чтоб распределить и не было 100 слоев под рукою
ТЕХНИК 1 year ago
Зачем ты пугаешь людей? Фотошопу можно обучиться за пару недель, на хороший степень, которого довольно для 60-70% работ
Школа веб-дизайна Максима Солдаткина 1 year ago
Посмотри видео далее 9-й секунды
Ани Ветер 1 year ago
Здравствуйте. Скажите изволь ноутбук с такими параметрами пойдёт ли для начинающих на интернет дизайне? Экран 15.6(1366*768) Процессор AMD Аб(9210),2.4ггц 2 ядра Видеокарта SMA(Radeon R4) HDD 500 гб Оп система Win10(64-bit)
Школа веб-дизайна Максима Солдаткина 1 year ago
Да, хоть какой нынешний ноутбук подойдет. Написанная конфигурация тоже.
Данил Очагов 1 year ago
а где можно брать фото огромные для веб-сайта,в неплохом качестве
Данил Очагов 1 year ago
спс)
Школа веб-дизайна Максима Солдаткина 1 year ago
Где хватать бесплатные рисунки для веб-сайта – 
Ciobanasu Ion 1 year ago
что за photoshop? верссия
Школа веб-дизайна Максима Солдаткина 1 year ago
Любая гипотиза фотошопа подойдет
Светлана Федорович 1 year ago
Все круто, лишь вот итерации, а не интерации )
Школа веб-дизайна Максима Солдаткина 1 year ago
Точно, благодарю :)
Start IQ project 1 year ago
Подскажите про размер рабочего поля сколько пикселей, где хватать сетку и сколько экспонировать dpi ?
Ани Ветер 1 year ago
Здравствуйте. Собираюсь обучаться на интернет дизайнера , желаю приобрести ноутбук, размер экрана имеет ли смысл? Скажите изволь этот размер нормально для интернет дизайна 15.6(1366*768) ?
Школа веб-дизайна Максима Солдаткина 1 year ago
Да, 15 подойдет
Daredevil 1 year ago
Спасибо
Школа веб-дизайна Максима Солдаткина 1 year ago
Пожалуйста :)
pasha efimenko 1 year ago
та не, рисунки импортируются будто один будто растровые по умолчанию
LIVE SPORT 1 year ago
А что если большенный розмер файла?Для прибавления на продажу
Бека Матисаков 1 year ago
Как вы меняли цветовую палитру изображения с 25:10 по 25:25?
Татьяна Карпович 1 year ago
радиус прямоугольника можно поменять в свойствах, не непременно основывать новоиспеченный.)
Школа веб-дизайна Максима Солдаткина 1 year ago
Да, в новых версиях ФШ добавили магии)
Cliff 1 year ago
Помогите, я отлично владею фотошопом, могу сделать дизайн веб-сайта, однако мне нужна труд! Сколько времени ничего не делаю, порекомендуйте что-нибудь!
Школа веб-дизайна Максима Солдаткина 1 year ago
После обучения дизайнеры находят работу. Приходи – 
ichaya7 1 year ago
Максим, подскажите будто вы скопировали сходу три квадрата на 17:30?
STRONG GAME 1 year ago
Ребят подскажите изволь где безвозмездно скачать Фотошоп на мак ? Уже все обыскал
Amentee 1 year ago
Возможно, глуповатый проблема, однако всё же. На какую CMS позже можно повесить этот веб-сайт? Т.е. я, положим, накидал таковой дизайн, будто его позже залить на домен, чтоб можно было править им?
Руслан Макарец 10 months ago
его нужно верстать
Станіслав Самойленко 1 year ago
Красава! Красиво, понятно и ничего излишнего! Спасибо!
Kross 1 year ago
фотошоп несколько месяцев либо лет? это гайд для бабушек и дедушке чтоли?
Don Korleone 1 year ago
а какой версией фотошоп ты пользуешься и где качнуть? Подскажи изволь
Orken Toibazarov 1 year ago
а что ты скажешь про adobe muse? либо лучше начинать с фотошопа?
Школа веб-дизайна Максима Солдаткина 1 year ago
Скажу что это совсем различные программки для различных целей. Если проблема стоит «С чего приступить в интернет-дизайне?», – то с Фотошопа либо Скетча
Виталий Клаус 1 year ago
благодарю бро
ThePavart 1 year ago
Ребята я одинешенек таковой тупоумный, мне вообщем ничего не понятно, будто он делает картину фоном?
Михаил Гусев 1 year ago
Привет, благодарю за видео! На каком маке работаешь?
Школа веб-дизайна Максима Солдаткина 1 year ago
Macbook Pro 15
Лана Птица - Ethno World/ Этно Мир 1 year ago
на исследование ушло 2 часа с дизайнером, далее сама.
DealGame Tube 1 year ago
а какой фотошоп?
Школа веб-дизайна Максима Солдаткина 1 year ago
Любой подойдет
Алёна Ломакова 1 year ago
Максим, благодарю за задание. Теперь экономлю кучу времени на жарких кнопках!
Школа веб-дизайна Максима Солдаткина 1 year ago
изволь :)
Че Гевара 1 year ago
Хорошо объясняешь, всё здорово, НО не сглатыйвай этак звучно слюну 00:31, 01:00, 02:02, весьма раздражает и отвлекает, охото тебя выключить и еще немало всяких негативных мыслей по этому поводу, кароче раздражает жёстко!
Bad Daniel Ortega 5 months ago
Да че вы пришли все внимать кто будто сглатывает что ли? Больше ни за чем другим придти не вышло?
Wantto Bewanted 1 year ago
)))
Школа веб-дизайна Максима Солдаткина 1 year ago
Спасибо за замечание, исправляюсь
Максим Матвіїв 1 year ago
растолкуйте изволь будто включить со стороны линейку и сделать чтоб линейка начиналась с нуля
Школа веб-дизайна Максима Солдаткина 1 year ago
Этот проблема лучше погуглить
Ира Голева 1 year ago
Максим, а можно проблема? Стоит ли мастерить для компаний тестовые задания, чтоб угодить на беседа? Ведь они могут и кинуть потом готового задания.
Школа веб-дизайна Максима Солдаткина 1 year ago
Что означает «кинуть»? Тестовое задание не дает дизайнеру никаких гарантий и бражка за него ничего не обещает. Компания желает поглядеть на способности дизайнера, дизайнер их показывает, выполняя задание.
Ап Чхи 1 year ago
Что бы сделать говно-веб-сайт, необязательно брать mac
ZOY ZOY 1 year ago
ОЧЕНЬ ПОЛЕЗНОЕ ВИДЕО ДЛЯ МНОГИХ ЛЮДЕЙ благодарю за поддержка, огромное
Андрей Бондаренко 1 year ago
отлично разъясняет юноша. ничего излишнего и все понятно.красава
Павел Макуха 1 year ago
Когда я создаю новоиспеченный файл с размером будто у тебя у меня он в 3 раза меньше.Очень неловко.Можно ли с этим что-то сделать?
Vadym Iakubovskyi 1 year ago
Классно поведал!!! Респект!!!
Alya Harais 2 years ago
благодарю за задание. кушать предложение: аттачить все тексты и рисунки к уроку. этак будет намного удобнее для юзеров.
Руслан Каримов 2 years ago
Макс, красава! Разхмет для тебя большенный!
Java Man 2 years ago
Кто нибудь подскажите что можно сделать, зажимаю alt и желаю перетащить фигуру а она не перетаскивается, в чем неувязка?
Кристина Димаксян 2 years ago
Цыфры можно розовый колер добавить
Сергей Месмер 2 years ago
)))))))))) Я таковой веб-сайт и без фотошопа сделаю ,одним CSS обойдусь, а где дизайн ? Дизайнеры не этак работают ребята.
One One 7 months ago
Нет. Это будто программирования не любой может освоить либо стать професионалам
K Smirnov 8 months ago
эти все видео - незапятанной воды САМОРЕКЛАМА! Типичный инфо-бизнес. =)
Warframe: Ninjas Play Free 1 year ago
+Сергей Месмер Вы путаете интернет дизайнера с дизайнером, это различные уровни таланта. В интернет дизайне дудки особенных художеств и может освоить любой.
Олег Harrogath 1 year ago
Здесь рассказываются базы работы в Фотошопе! для новичков, Здесь выговор не о дизайне.
Александр Ланцов 1 year ago
В эру плоскости и материал дизайна, будто-бы глупо мастерить дизайн с внедрением объёмной графики.. Сейчас в тренде прозрачность, плоскость, больше белоснежного, эффект теней в стиле материал дизайн от гугла. По-сущности, сделать неплохой дизайн не этак уж и трудно, главное владеть навыком работы в фотошопе/илюстраторе и владеть хотя-бы чуточку фантазией. Сейчас все бывалые дизайнеры занимаются проектированием интерфейсов для мобильных приложений (iOS и Android), истина там жесткая спецификация, и особо очень не разгуляешься (в плане новшества и т.д.).
Сергей WahaWaher 2 years ago
Макс, скажи плз, при разработке макета многостраничного веб-сайта, предназначенного на сдачу (верстать будет иной человек) необходимо ли конкретно прорисовывать поведение всех частей hover active focus и т. д., непременно ли продумывать и совершенно блюсти отступы для всех частей, надлежит ли быть прорисовано АБСОЛЮТНО все. Я начинающий в этом деле, будто перфекционист, желаю выучиться мастерить по эталону и отменно, однако труд над одной страницей преобразуется в адскую нескончаемую тягомотину. может порекомендовать какойнибудь образец видео высококачественной работы с макетом в фотошопе?
DISH Переводы и озвучка 2 years ago
В эталоне необходимо прорисовывать все состояния кнопок, по другому все состояния будут и на верстке смотреться идиентично. Есть такая штука guidline. Это psd файл со всеми элементами и всеми состояниями, которые употребляются на веб-сайте (заглавия, абзацы, списки, кнопки, инпуты, и тд). Каждый один не необходимо для всех частей прорисовывать все состояния, довольно их отрисовать лишь в guidline. Насчет отступов. по отличному, их необходимо блюсти, кушать такое понятие будто clear pixel. Когда верстка совершенно совпадает с макетом. Но, на практике, этак делают весьма изредка, т.к. все браузеры рассчитывают все характеристики css по-различному. Не может быть потрафить всем. Поэтому в итоге отступы в верстке не будут точно такими же, однако они будут очень приближенными к макетным. Ну и еще с верстальщиком можно попросту на словах обговорить некие моменты, если кушать такая возможность.
Вадим Шорохов 2 years ago
4:28 - копирование (Alt + перетянуть фигуру) 6:45 - выравнивание нескольких объектов 7:30 - сгруппировать пласты (Ctrl+G) и разгруппировать (Ctrl+Shift+G) 10:25 - сделать обтравочную маску (навести мышку меж слоями, Alt + клик) 11:50 - показать/скрыть направляющие (Ctrl+ кнопка точки с запятой) сделать копию слоя - Ctrl + J
SiBeR Cnannale 1 year ago
Adobe Photoshop CC 2018 с ключом активации
GrandGaming_TV 2 years ago
Привет, скажите изволь, сколько дюймов у Вас макбук?
Денис Данчинов 2 years ago
Привет! Подскажи изволь! Когда я пробую пользоваться инвентарем Выделение контура , то выскакивает табличка с надписью - Невозможно выделить слой: точка на которой вы щелкнули мышью, не находится в векторной маске видимого слоя. Как это поправить? А то выходит что прибор заблокирован и им пользоваться уже невозможно.
Наталья Королева 2 years ago
Максим,благодарю Вам большущее,выяснила весьма немало,естественно покамест все тяжело осознать,однако я думаю у меня все получится.Желаю фуррора!!!
Максим Панкратов 2 years ago
У меня на последнем шаге, когда сохраняю, изображение сохраняется черно-белоснежным отчего-то. Как быть?
SyomaZlobin 2 years ago
Классно вышло,красавец )
Виталий Кислицын 2 years ago
Круто) Доходчиво и попросту) Смотрю далее и подписываюсь)
денис белогуров 2 years ago
полностью понятно.Спасибо
Orhydeya Ivanova 2 years ago
Максим, в последнее пора прихожу к выводу, что если ты попросту дизайнер, однако не верстаешь, то ты никому не нужен в плане интернет-дизайна (типа, не знаешь html и css - означает иди визитки клепай!). Поэтому студии быстрее возьмут грамотного верстальщика, чем дизайнера - будто почитаешь требования в вакансиях. интернет-дизайнер обязан быть попросту Богом и мастером на все руки!
Bad Daniel Ortega 5 months ago
Amir прочитать пару пособий не трудно. Сложно стать вменяемым версталой.
Amir Bayramaliev 7 months ago
Неужели этак трудно освоить HTML & CSS?
K Smirnov 8 months ago
он будто бы на секундочку - мемом издавна стал. =)
Валентин Иванов 1 year ago
всё правильно, небольшим студиям нужен человек-оркестр, чтобы и дизайнить умел, и верстать, и на CMS натягивать, и базисные способности программирования. И платят положим 60тыс. руб. (в Питере). А кушать компании, которые занимаются суровыми проектами с большенными бюджетами, там нанимают раздельно каждого программера, верстальщика, дизайнера, дизайнера интерфейсов и т.д. Но там весьма жесткий отбор, требуется дизайнер с опытом работы в больших проектах, с опытом работы в команде разработчиков, а не попросту тот, кто умеет фотошопить лэндинги и визитки за 30 минут. Это во всех IT сферах этак: в веб-маркетинге также, кто-то желает чтобы человек умел всё, и в yandex'е продвинуть веб-сайт, и рекламу вконтакте настраивать и еще груда итого, а кушать такие компании где лишь email-рекламщик получает от 100тыс. руб.
Orhydeya Ivanova 1 year ago
Спустя пора, добавлю к собственному комментарию: в заключительный луна стала следить, что на данный момент опять ворачивается спрос на узкоспециализированных дизайнеров - видимо, всё-таки начали осознавать разницу в качестве работ на все руки мастеров. Причём, чем больше бражка, тем почаще они желают конкретно дизайнера, а не дизайнера-верстальщика.
Artyom I 2 years ago
Хорошее видео! Спасибо!
Александр Яриновский 2 years ago
какой фотошоп использовать?
World of Game 2 years ago
не заглатывай слюну этак, бесит мешает сосредоточится
Andrey Tolochko 2 months ago
Ахах, реально весело этак)) С почтением к создателю, не в обиду
oldboy 8 months ago
ты попросту ёбнутый псих
Виктория Макаренко 1 year ago
не могу внимать из-за этого
Катерина Лопес 1 year ago
DISH Переводы и озвучка я вообщем угараю)))
NaBaRi 1 year ago
мазик глатает.
Сергей Алексашкин 2 years ago
Просто перетаскиваем драгондропом картину??? Нихуя никак не перетаскивается, каким блять, драгондропом, ебусь уже целых пол часа не могу картину воткнуть.
DISH Переводы и озвучка 2 years ago
Видимо интернет дизайн - это не твое) Бывает такая неувязка, если в настройках.exe файла отмечена (либо напротив не отмечена) галочка делать от имени админа
Ruben Arakelyan 2 years ago
а что мастерить если не работает виделения контура?
ОЛЕЖА ФЭШН 2 years ago
Подскажите изволь, будто хранить файл? Я сделал работу над дизайном и попросту сохранил файл на пролетарий стол. Через некое пора желал продолжить работу и открыл файл ( сохраненный ), однако он у меня в небольшом виде
Школа веб-дизайна Максима Солдаткина 2 years ago
Нужно хранить в формате psd. Про небольшой облик – может быть необходимо попросту прирастить масштаб в макете.