Проект Sushiritto ч2 [Разработка сайта с нуля]

Автор Sergei Plotnenko
Проект Sushiritto ч2 [Разработка сайта с нуля]

даже немножко нужно поменять цвет.

Так давайте мы — это делаем мы добавим сверху и снизу 50 пикселей у вот этого блока мы добавим сверху и снизу скажу по 120 пикселей этому блоку тоже можно добавить к 120 пикселей и футарон можно добавить сверху поменьше снизу побольше. Пусть — это будет 20 и 51 сверху 20 пикселей справа 0 50 пикселей и снизу можно ещё больше добавить всегда сделать 40 сюда сделать 160 сюда сделать 40. Вот так вот.

Он больше похож на оригинал и когда мы уменьшаем сайт такой вот полностью красивый адаптивный и затем уже когда у нас правильно работает архитектура и при уменьшении разрешения сайта у нас ничего не ломается мы берём отдельно каждый блок внутри нашей соседки вот этот вот и заменяем картинку на div Class название модуля.

Элиста этот модуль части сегодня все дизайны рисуется в Photoshop поэтому вам придется иметь дело с форматом SD и так вот у меня Photoshop так он вас будет выглядеть после зачем я вскрываю пакет для того чтобы приблизить пакет на 100%. Мне нужно нажать сочетание клавиш Alt 100 или. Альт Контрол на PC для того чтобы отдалить макет. Мне нужно нажать сочетание клавиш команд плюс-минус на. Маке icontrol плюс-минус на BC также я могу воспользоваться вот этими вот в левом нижнем углу самое главное понятие. Фотошопе — это свой. Из чего состоит из слоев. Вот отдельный слой. Вот — это отдельный слой вот — это вот такой вот — это вот такой вот — это вот — это вот свой по сути любой дизайн в. Фотошопе — это набор своё расположены в каком-то определённом порядке и наложенные друг на друга и того чтобы увидеть свои нам нужно включить панель слоев находится здесь вот свои на английском вот тут вот все из которых состоит вот этот вот они могут называться определенным образом также их можно группировать папки. Ну и очень много сказать можно аккуратность дизайнера потому как в. Фотошопе для того чтобы работать с каким-нибудь определённым своём нам нужно его выделить — это можно сделать с двумя способами способ — это найти этот слой панели слоев вот я его нашёл. У меня есть. Бог вот такой вот глазик я могу включить и выключить чтобы убедиться, что — это конкретно мой второй способ есть такой специальный инструмент называется авто выбор. Сначала вам нужно убедиться, что воспрещено вот эта вот девочка и, тогда в верхней у вас появится авто выбор вы нажимаете галочку выбираете. Что вы хотите авто выбирать. В данном случае, тогда когда я буду кликать на определенный свой он у меня автоматически видите будет подсвечиваться вот здесь вот следующий налог в котором мы с. Вами познакомимся — это вырезание картинок. Давайте вот. Выбери вот этот дисковую начала нам нужно его выбрать убедиться, что этот слой выделен затем я не меньше потому, что этот элемент достаточно большой я выделяю закладку выделением затем мне нужно выделить свой нажать чтобы скопировать также я могу. Скопин ножар закладку редактирование копировать затем с помощью ткани клавиш контрл. Я создаю новый документ или я его создать через файл создать и затем нажимаю ставить или через редактирование поставить новый документ у нас фоновое изображение мы можем убрать и того чтобы у нас наш свой находилась на прозрачном элементе и затем нужно нашу картинку сохранить для этого мы нажимаем сохранить как у нас появляется вот такой вот окошко. Мы выбираем формат основном мы будем сохранять формат png чтобы у нас был прозрачный фон зачем я нажимаю название выбираю название изображением причём название изображением не должно быть стоиком английском языке и без пробелов можно использовать Siri нижнее подчеркивание цифры, но ни в коем случае не пишите название на русском языке OK меня картинка также я могу нажать экспортировать и быстрый экспорт в PNG по сути. У меня появляется всё тоже самое, но только здесь я уже не убирай формат массажи вы там за меня нажимаем в kpmg и сохранить и третий способ. Это сохранить для web версия Photoshop сохранение было. Именно таким образом я могу выбрать формат png нажимаем сохранить собираюсь здесь названием сохранить также у нас бывают случаи когда на нашем добавлено какие-нибудь стиле вот я выбираю вот этот элемент девчонку на меня светился здесь есть наложении цвета и сейчас если я скопирую этот элемент я нажимаю выделением убеждаюсь, что у меня этот свой выделив панели слоев. Выдели МФЦ контролем и видите у меня картинка стала чёрного цвета, а на самом деле в макете оно белая и того чтобы этого избежать на всех элементах где у нас наложена. Какие свойства нам нужно провести следующие действия нажимаем правой клавишей мыши и нажимаем преобразовать. Смарт объект и, тогда у нас на картинке появляется вот такая вот иконка нажимаем еще раз. Убедитесь, что выступали. Вот именно на свой потому, что если номинальная цена корзинку, тогда у нас появился и нажимаем растрировать слой. И когда у нас картинка преобразовалась. Вот такой вот элемент без всяких там дополнительных эффектов затем она у нас здесь нажимаем инструмент выделение контура меня картинка. Дальше мне осталось её только заходить. Давайте сохраним ещё какой-нибудь вот — это вот иконку. Я нажимаю вот — это вот девочку убеждаюсь, что у меня выбор авто выбор нажимаю на иконку. Вот она у меня здесь вот хотелось видеть тебя у меня тоже дополнительные стили я нажимаю. Как называется смарт-объект я нажимаю и теперь я могу копировать. Эту картинку я нажимаю на инструмент выделения на клавиатуре эта клавиша m59 подсвечивается. Используй быстрые клавиши выделяя иконку пунктуация и затем я её сохраняю.

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

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