Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

наш канал

стать автором

Старт продаж курса «Секреты создания эффектных презентаций 2.0»

На связи Зинаида Лукьянова и команда сайта «Фотошоп-мастер». C радостью сообщаю, что теперь вы можете приобрести новый курс «Секреты создания эффектных презентаций 2.0».

3 комментария 3193 просмотра 1931 день назад

Создаем дизайн окна Авторизация для сайта Фотошоп-мастер

23 ноября 2017 12 687 просмотров | Сложность:

Здравствуйте!

Представляем вашему вниманию Даниила Волосатова – нового автора по видеоурокам, которые посвящены web-дизайну.

В своём первом уроке Даниил покажет как создать дизайн всплывающей формы окна авторизации на примере нашего сайта.

В процессе урока автор расскажет:

  • об основных этапах работы при создании web-дизайна;
  • почему важно структурировать слои и группы на панели слоёв;
  • как выполнить дизайн формы в едином стиле;
  • как сделать точное выравнивание всех элементов;
  • как улучшить их визуальное восприятие.

Длительность - 22 мин 46 сек, формат MP4

Скачать архив с материалами к уроку

Предложить тему для нового урока

Понравилось? Поделитесь с друзьями!
Прикрепить работу или скриншот Максимально-допустимый вес для загрузки изображения (jpg): 5 MB
Размещение ссылок внутри комментария допустимо только на этот список сайтов.
ツ KaTеРИнА ツ24 февраля 20189

Спасибо за урок!

rom4ikflp24 января 201811

спасибо за урок , Ждем следующих

Толстушка19 декабря 201719

Уважаемый, Даниил, огромное спасибо, за очень полезный урок, у Вас отлично получается. Жду новых уроков.

Octavian Cucuruzean07 декабря 201712

Спасибо за урок.

Елена Гончарова06 декабря 20178

Вот что у меня получилось

Елена Гончарова06 декабря 2017

Спасибо за урок.

Борис Лебедев01 декабря 2017

И еще один недостаток и шушэственнай: вы забываетесь, что живете в РФ, а не в Англии! Все ПО нужно давно бы перевести на РЦССКИЙ язык. Не все сегодня переродились в англичан...

antosha02 декабря 2017

кто какой хочет тот и пользуется версией и редакцией photoshop.
Я тоже пользуюсь тоже английской версий Photoshop.
Кто к чему привык.

ДеВаЧкА КаНфЕтКа02 декабря 2017

Простите, а вы на каком языке сейчас это написали?

ди_ди30 ноября 2017

а по каким критериям высталялись размеры при выравнивании? есть какие то четкие правила или это ваше личное, основанное на опыте?

valiev.prod26 ноября 201711

Опираясь на критерии, указанные в видео, сделал окно регистрации.
Домашнее задание, так сказать :з

Аблайхан (anonimus)26 ноября 201710

Опираясь на указанные в видео критерии, сделал окно регистрации на сайте.
Домашнее задание, так сказать :з

SolNavigator25 ноября 2017

По сути вопроса автора:
ДА, тема нужна. Это база для планирующих работать в сфере дизайна, а остальным пользователям ФШ - полезно для эрудиции и опыта.

Недостатки (ИМХО):
Концепция данного проекта - показывая любой материал, мягко пояснять новичкам, а опытным напоминать функционал программы. То бишь, хотя бы единожды в каждом ролике озвучить каждую исполняемую команду (грубо говоря - "на что нажимать?"). Для продвинутых пользователей ролик хорош, но для общего контингента не совсем познавательно, например, следить за "самостоятельно" выстраивающимися в гармоничный ряд заготовками, и появляющимися из ниоткуда показателями расстояний. Более того, самому автору важно помнить, какие новшества появлялись в ФШ после шестёрки, так как многие пользователи сидят ещё на ней, и соответственно упоминать в своих повествованиях, что какая-либо функция появилась в "такой-то" версии ФШ и у пользователей с более ранними версиями будет недоступна, или отображаться "так то".
Спасибо автору за работу и позитивного опыта в новой сфере преподавания!)

Мне все понравилось!

Лялька24 ноября 201717

Спасибо! =)

Vereleja24 ноября 2017

Спасибо за классный урок :) Урок очень понравился, всё очень четко и ясно! С нетерпением жду следующих уроков от Даниила!

Андрей24 ноября 2017

Урок и тема хорошая, НО! Автор, такое ощущение, что опаздывает на поезд. Если вы ведете урок то нужно делать все медленнее и пояснять какую комбинацию вы используете на клавиатуре и на панели. А так получается, что автор показывает какой он молодец, так быстро все набрасывает, компанует и получает результат. Это же урок для студентов, а не соревнование по скорости дизайна.

stervameri24 ноября 2017

не получается открыть доп.материалы(((

kain1824 ноября 2017

Вы их разархивировали? У вас архиватор есть?

Елена Бежина23 ноября 2017

Отличный урок! Даниил очень хороший преподаватель - приятный голос, говорит по делу, доступно и чётко. Очень хотелось бы, чтобы были записаны еще уроки от Даниила!

Mr.Evil23 ноября 201721

Еще раз спасибо.Попробовал сделать...Направляющие быстрые совсем не так отображаются как в уроке..Без расстояний. Поэтому решил использовать сетку. Трудно, но вполне можно.

voki24 ноября 2017

инстр.V+Ctrl

antosha24 ноября 2017

А какую сетку используешь? Если 960grid , то лучше использовать сетку от фотошопа

Mr.Evil24 ноября 2017

Сетку использую обычную фотошоповскую. ;-)

antosha24 ноября 2017

просто есть люди которые используют 960grid

Лариса24 ноября 2017

Какая активность в теме. Почти за год ни одной своей работы, а тут советы налево-направо и на ТЫ к незнакомому человеку.

Даниил, спасибо большое! Очень нужная информация! Ждём продолжения!

antosha23 ноября 2017

У меня есть предложение перерисовать дизайн сайта ruseller.com, он уже давно дизайн устарел.

Iren Ivanova23 ноября 2017

Очень нужная рубрика. Все по делу, быстро и понятно - спасибо Даниилу.

apple5923 ноября 2017

Даниил спасибо, вот только звук очень глухой и тихий. Жду продолжения.

Victoria#23 ноября 2017

А так урок классный побольше бы таких!

Victoria#23 ноября 2017

Не полный архив к уроку! Не хватает .jpg файла

Толя Марченко23 ноября 2017

Спасибо большое! Для общего развития попробую что-либо создать.

Mr.Evil23 ноября 2017

Отличный урок! Нужная рубрика. Хочется таких уроков поболее, но возникает вопрос: так ли все это просто делается, если версия ФШ не просто не CC 2017 , а вообще CS6 ???

Manush23 ноября 2017

Ещё не посмотрела, но заранее благодарна :) Это нужная для меня тема.

antosha23 ноября 2017

сделайте качество видео лучше.
Почему вы не используете иконки fontAwesome , и почему вы не прописываете в верху где ввода пароля и ввода имени или почты лайблы( названия).
И в заключении к сказанному почему бы не сделать одно всплывающее окно и там уже сделать вход/регистрация?

Bhiopk23 ноября 2017

Спасибо.

cherry_j23 ноября 2017

Спасибо за урок! Вопрос, а как Вы делаете, чтобы видеть расстояние от объекта до линий?

Авторизация


Регистрация

Наверх