Макет сайта в Photoshop Урок 12 Отзывы2

Автор Zhanna Belchenko
Макет сайта в Photoshop  Урок 12 Отзывы2

теперь подготовим стрелки которые у нас будут служить для прокрутки отзывов.

Откройте папку. Вектор который у вас есть создание макета сайта. Вектор мы уже — это есть файл Photoshop Next откроем его программе Photoshop при открытии появится такое сообщение о действиях выберите сохранить слои и так посмотрите — это фигура соответственно.

Стрелка А она у нас будет так и лево мы просто её отразим.

Ну посмотрите. Каким образом мы с вами действием во-первых. Давайте переназначенных свет свет выберем, а вот у нас он есть цвет голубой который мы использовали в оформлении нажмем ну и соответственно. Давайте поменяем размер изображения размеры например сделаем 100 пикселов потом при шириной 150 потом при верстке вы конечно сможете управлять размерами этот файл выберем файл сохранить как. Давайте сохраним в папку изображения для сайта у нас отзывы формате PNG png. Давайте сохраним — это у нас стрелка будет вперёд перевод сохранить редактирование трансформирование отразить по горизонтали вот таким образом сохраним этот файл опять же папочку изображение для сайта отзывы формате png. Что обеспечивает прозрачность у нас — это будет. Стрелка назад назад готово защитить изменению непосредственно файл Photoshop мы не будем — это файл я напомню там где у нас заготовка — это векторная стрелки. И так займёмся делом отзывы. Посмотрите Например я скопирую названием раздела товары составу дубликат слоя ну и соответственно с помощью инструмента перемещение вот эти товары. Я ищу я вниз только теперь я переименую назову — это отзывы — это новый раздел нашего сайта и так ещё раз название отзывы давайте я помещу его вот сюда вниз вниз вот этот прямоугольник у меня относится к разделу цену. Давайте его туда в эту группу цены ещё. Да — это будет разумно и так вот у меня есть. Отзывы — это заголовок теперь я добавлю мои во-первых я добавлю фотографии помещением в документ вторую фотографию также добавлю они у меня уже заданных размеров 150 на 150. Сейчас я положу. Давайте сразу я добавлю стрелочки. Стрелка вперёд и. Стрелка назад уже видно, что стрелочки конечно слишком крупные, но как мы сказали. Мы здесь макет программы Photoshop можем легко управлять их размеров размером трансформируя их. Ну соответственно могу даже задать ширину. Всё наверное недостаточно. Давайте попробуем 20 например. Пожалуй — это будет хороший вариант да помещаем эту стрелочку соответственно. Стрелка вперёд также её сделаем такого же размера шириной 20 пикселов поставим связанные размер фото автоматически высота тоже от регулировалась соответственно граница направляющим, но теперь сами фотографии и отзывы и так вот. Заходи на фотографию помещаю ответственность если у меня будет текст отзыв 2 сколько у нас 112 12345 например ну и здесь тоже будет. Поэтому 456 таким образом помещаем соответственно здесь у нас будет текст отзыва рядом с первой фотографии рядом со второй. Давайте добавим вот сум-1 я выбираю текст выбирают цвет нас в котором мы с вами работали добавляют текстовый слой размер. Мы конечно с регулируемым пока оставим. Вот например 14 текст. Ну например благодаря кондитерской текст кекс ок наш праздник стол по-настоящему ярким и вкусным. Ну вот например такой незамысловатой текст который мы добавляем просто для примера например выравнивание по левому краю соответственно вот сюда поместим настроен например сделаем начертание чем управлять немножечко вот междустрочного интервала. Ну например сделаем вот так — это область ну и соответственно начертание. Виталик и добавим ещё один текстовый рядышком 100 мм2 так. Заказывал в подарок коллегам сладкие наборы например показалось сказала, что — это очень удачная идея например так очень довольна например так и также настраиваем строчный интервал вот таким образом у нас выглядеть. Таким образом мы теперь давайте совместим. Централь Вот теперь у нас одинаково таким образом будут выглядеть наши отзывы можно немножечко опустить пониже также как и сам заголовок отзывы от. Нас оставалось больше пространства. Давайте всё, что касается отзывов мы отзывов мы добавим соответствующую группу. Группа отзывы текст унистим надо для расход топлива и соответственно здесь мы предполагаем, что при верстке мы добавим возможность прокрутки этих островов они у нас будут здесь появляться.

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

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