Дополнения

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

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

наш канал

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

28 ноября 2017

Надвигается Новый год! Что может быть лучше ожидания чуда и праздника! А чтобы создать волшебное настроение, мы предлагаем вам принять участие в нашем конкурсе «Новогодний корпоратив».

Кликните по ссылке, чтобы узнать подробности конкурса

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

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

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

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

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

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

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

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

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

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

Понравилось? Поделитесь с друзьями!
Прикрепить работу или скриншот Максимально-допустимый вес для загрузки изображения (jpg): 5 MB
Размещение ссылок внутри комментария допустимо только на этот список сайтов.
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 ноября 201713

Спасибо! =)

Vereleja24 ноября 2017

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

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

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

stervameri24 ноября 2017

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

kain1824 ноября 2017

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

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

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

Mr.Evil23 ноября 201720

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

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

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

Благо Дарю! Очень вкусный урок! Хочется продолжения банкета! Пожалуйста!

Очень интересно! По больше такой информации, пожалуйста!

Рудь Сергей23 ноября 2017

Спасибо Даниил за интересную тему. Всё изложили на высоком уровне.

Авторизация


Регистрация

Наверх