Создание дизайна сайта портфолио в Photoshop — Урок 1

Пройди БЕСПЛАТНО профориентацию в IT —

В этом уроке мы пройдем с вами процесс создания простого дизайна в Photoshop для сайта портфолио. Мы начнем с создания шапки сайта, в следующем уроке закончим остальную часть, а затем я покажу вам, как быстро адаптировать его для мобильных устройств. Мы научимся создавать каркас для нашего проекта, создадим структуру сайта, и нарисуем нашу шапку.

Ссылка на материал для данного урока

Источник вдохновения для урока:

Школа онлайн-образования:
Telegram:
Slack:
Сайт:
Instagram:
Группа вконтакте:
Facebook:
Twitter:

Больше уроков от lofblog: #loftblog
Все уроки по хештегу: #loftblogPhotoshop
Полезные уроки для веб-программиста: #вебпрограммист
#Photoshop

Поставь лайк — смотивируй автора писать еще 🙂

Создание дизайна сайта портфолио в Photoshop — Урок 1: 30 комментариев

  1. Много копий сломано, но на практике "mobile first" одерживает победу. Я бы начал с него. 🙂

  2. Спасибо большое! Буду ждать следующих уроков!

  3. А Будет ли видео-урок верстка HTML/CSS Этого портфолио ?, было бы интересно!, кто за +

  4. Можно побольше таких же крутых видео? С красивыми макетами?

  5. как настроить фотошоп,чтоб при выделении или рисовании фигур,рядом с курсором отображались размеры?
    как на видео

  6. Ребята, наступило уже время Retina дисплеев. Не маловато разрешение то в 1200px для макета???

    1. Лол, а нахера больше, если дизайны сайтов max-width как раз порядка 1200px?

  7. В отличие от спешащих, бегающих мышью по экрану "авторов" все сделано очень верно, размеренно и без мусора в разговоре. Спасибо, смотреть удобно и интересно.

  8. Очень уныло, даже смотреть скучно

    1. ну так смотрите там где ничего не объясняют а только бегают мышкой по экрану…очень весело…

  9. Как автор сделал по бокам и сверху такие деления от которых он сетку тянет ??

  10. Поправьте ссылку на материал  пожалуйста

  11. Материалов нет на дропбоксе. Файл, который вы ищете, перемещен или удален.

  12. Ссылка на материал для данного урока не работает.

  13. За 13 минут нарисовать шапку…. Соц.кнопки, две строчки текста и лого… Та ну о чем Вы

  14. Хорошо, конечно, что вы ссылку дали для первоисток, но все же нетактично делать видеоурок по вещам, автором , котрого ты не являешься. И в самом деле, растягивать на 13 минут одну шапку можно было уже даже и с кодами html и css. явно дислайк

  15. А как это портфолио верстать? Об этом можете такой же подробный урок сделать

  16. Материалы есть в ссылке "источник вдохновения для урока", на странице найти кнопку Download attachment.

  17. Если поставить скорость на 1.25 то будет вообще хорошо)

    1. ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻:

      я всегда в 2.0 смотрю

  18. Очень хорошее исполнение Alastar Corr!!! Спасибо большое!!!

  19. А мне очень понравилось! И голос такой, хочется ещё послушать.

  20. Сделать сайт можно на конструкторе сайтов Tobiz. Мне друг порекомендовал, а потом сказал, что еще и заработал на мне с помощью партнерки. Теперь и я зарабатываю, продвигая свою реферальную ссылку. А еще там отличная база знаний для тех, кто хочет зарабатывать на создании сайтов.

Комментарии запрещены.