Макет сайта портфолио в Photoshop – 1 часть [Moscow Digital Academy]

Автор Lyubov Stishevskaya
Макет сайта портфолио в Photoshop – 1 часть [Moscow Digital Academy]

друзья.

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

Макет как — это может выглядеть всё на сделал для того чтобы не было удобнее последующим показывать тот или иной блок.

Итак открываем соответственно чтобы нам создать логично нужно создать файл создаем файл ширина 1240 пикселей по высоте он будет 6000 пикселей высота может быть любая всё будет зависеть от вашего макета, что важно важно. Вот — это значение разрешение 72 пикселей на дюйм всегда должна стоять значение 72 потому, что бывает. Я не знаю почему, но бывает такое, что Photoshop автоматически вставляет значение 300 если здесь будет больше значение сам файл вас будет грамотного размера и. Придётся делать двойную работу. То есть вам в последующем придётся переносить в нормальное все ваши плашки весь ваш дизайн какой у меня был на практике в работе такое часто бывает когда не высылает на проверку файл открываем большое мы понимаем, что разрешение дизайнер в макете поставил 300 вместо 72 на 300 — это идёт на полиграфию если будет большое значение самосвал будет просто огромный просто здоровенный. Если вы например. — это он вообще ничего не понимаю почему такой неграмотный он такой здоровый и так настройки меня примерно такие здесь открываем. Вот Мы создали. Документ и мы его назовем обязательно зовём. Мы его сохраняемый соответственно макет папки с работами лучше создать папку камера работает и в этой папке сделать подкатегории проект 1234, что есть объяснить. Так нет у меня здесь есть своя который закреплен вот этим этим замочком я замочек убрал чтобы мне было легче работать с данным словам и так, но мы документ который у нас в ширину 2240 пикселей который подходит под нашу сетку теперь сетка. Заходим в сервис всем известной которые мы говорили на уроке котором который можно ссылку на которой можно увидеть нашей группе. Студенческой также ссылка лежит в модуле про. Магнитки здесь выставляем значение 1240 колонки я сделал 12 и под колонок у нас получился в 20 пикселей. Что хорошо следующим моментом скачиваем здесь можно скачать в PNG сетку и наложить её сюда можно сделать гораздо проще скачиваем русский да и у меня периодически бывает когда например всё-таки да да невозможно поместить моих нет ни одного из них может быть открыть файл. Ничего страшного. Мы открываем вот таким способом нажимаем Yes у нас появилась сетка. Точнее не сетку нас появились направляющие вот этот модуль 20 пикселей вот этот основной 185 у нас — это понятно да. Всё наверное видно следующим шагом мы сделаем сам холст так и у нас тут сам. Хасан Хасан холст для изображения сам размеры самой размер холста сделаем по 1.400 ответьте значение шириной изменила 1400 нажимаю. О'кей у нас добавились в ухе двух сторон отлично — это нужно для того чтобы макет у нас смотрелся получше чем то есть до 1.600 он хорошо смотрится можно поставить 1600 можно поставить 1000 построили в 1400. О'кей, что следующим шагом делаем заливаем инструмент заливка и заливает белым наше пространство отменить заливку можно командой команд так сделать. То есть способов масса просто была заливка сзади я забью и так вот у нас есть направляющие и самый какой интересный момент — это вообще с чего начать как же всё-таки построить сетку. Ну давайте у нас задачи сделать портфолио дизайнера IMEI Check подход на самом деле мой. То есть каждый дизайнер работает по-своему я большей степени буду показывать мой за. Какие обычно — это делают возможно где-то он не такой быстрый, но он совершенно точно рабочий. О'кей Я примерно понимаю я могу нарисовать прототип на листке и расположите слова яблоки. Какие у меня будут как я делаю то обычно. А примерно могу я взял кстати говоря вот инструмент прямоугольник и примерно вот накидывают как, что где у меня будет для себя здесь у меня будет первый экран на котором будет какая-то картинка какой-то. Текст какой текст мы ещё напишем какую-то картинку. Мы ещё найдём. Это примерно заход так хорошо здесь обо мне узнают первые первые мои люди которые зашли на сайт первый кран — это информация обо мне какой дизайнери. О'кей следующим шагом совершенно точно уверен они опустить вниз чтобы посмотреть соответственно. Я здесь у меня будет портфолио в этом блоке. Я создаю могу создать создать свой и сон. Варя рисует такие квадраты прямоугольники которых у меня будут работать такой грубый эскиз того, что будет у меня так здесь будет работать отлично после работы. Если они понравились тому клиенту он скорее всего она хочет узнать обо мне чуть больше. Поэтому после работы не будет словаря блог обо мне сделали да утром прочтёт информация обо мне будет блок-контакты с обратной связью будет где-то здесь обычная подписываю сейчас сейчас сейчас сейчас поменять текст обычно подписывает там блок. Ок обо мне и так далее. Понятно примерно такой быстрый скетчинг быстрое прототипирование мы будем.

0 комментариев
0

Читайте также