Урок №8 Внешний вид сайта Создание баннера в Photoshop

Автор Zhanna Belchenko
Урок №8 Внешний вид сайта  Создание баннера в Photoshop

Далее для того чтобы нам установить и поменять вот этот баннер то есть дня.

Выбирать из предложенных изображение заголовка да. Потому, что тут четыре картинки они могут. Просто быть не связано с нашей.

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

Вот эта тема которая сейчас скажу сейчас работаем мы переходим не видим вот я содержимое дали можем вернуться назад. Вот — это бабочка нужно будет перекинуть в нашу папку. Где у нас хранятся наши наши картинки для нашего сайта все наши файлы просто перетаскиваю левой кнопкой мыши и в папке мы отпускаем вот у нас пошла загрузка файлов еду на загрузку файлов все файлы загружены открываем на шапочку. Вот она вот у нас наша тема. Вот её скриншот. Как она выглядела до этого оригинале далее переходим в папочку имаджес и здесь папочка headers здесь мы видим наши картинки то есть. Это непосредственно оригинал 920 на 360 и картинка меньше и меньше по разрешению по размеру 400 на 157 вот эта картинка у нас показывается то есть мы вот — это у меня дуру видим непосредственно вот здесь так и нам нужно будет поменять вот эти все картинки либо поменять какую-то одно если мы хотим установить только один баннер, но можем допустим. Взять вот эту изменить её. Фотошопе на своём я сейчас я покажу вам как — это сделать. Итак нажимаем правой окно вот по этой картинке которыми высокое разрешение то есть без добавления вот этого слова thumbnail вот у нас оригинал добавляется. Вот — это слово картинки — это у нас идёт миниатюра в данном случае мы берём вот эту первую нажимаем правой кнопкой открыть с помощью и убираем Photoshop открывается Photoshop нормально OK. Здесь также. Нам нужно будет открыть папочку где у нас хранятся все наши картинки которые мы хотим использовать в нашем сайте вы допустим вот эту на наш баннер. Просто берем левой кнопкой перетаскиванием Photoshop здесь у нас открывается в разных версиях Photoshop по-разному если у вас картинка откроется полном размере и не будет иметь такой рамки допустим она может у вас открыться вот в таком размере сразу для этого нужно просто нажать клавиши контрл т у нас появится данное рамочка для наших изменений и зажимаем клавишу Shift мы просто уголок и сохраняем и пропорциями вытягиваем наш файл допустим. Пусть будет так нажимаем кнопочку Enter всё наша картинка встала так как мне её подарили здесь мы. Также можно её взять если стрелочку выбрать можем так вот по двигать мышкой можем стрелочками на клавиатуре двигать доля нажимаем кнопочку файл сохранить как выбираем JPEG формат потому, что они у нас в. Бишкеке и нам нужно заменить вот эту картинку просто кликни два раза. Он предлагает нам заменить нажимаем OK и здесь выставляем качество если можно максимальное лучшее качество здесь поставить базовый оптимизированный и нажимаем кнопочку OK. Всё Photoshop. Можно нам закрыть не будем делать ещё изображение менять если мы ещё будем менять изображение также мы просто перетаскиваем нужно ещё сверху у нас справа появится еще одно изображение ещё один слой с он у нас будет поверх вот этого в принципе без разницы. Главное покой изображение у нас здесь находится в данный момент мы хотим сохранить также мы нажимаем кнопочку файл сохранить также выбираем. Какой формат и уже кликаем допустим по этой картинке также можем её заменить уже на новую и так все по порядку если мы хотим заменить все чтобы у нас был больше выбор в зависимости там допустим каждую неделю можно менять наш баннер. Это после того как мы сохранили оригинальный рисунок нам нужно ещё заменить миниатюру миниатюра мы можем также заменить также большим разрешением картинки 1920 на 360 ничего страшного в этом нет просто лишние движения здесь для вас будет сложно ли менять разрешение картинки на данном этапе. Да не можем заменить также вот эту миниатюру такой же картинка чтоб мы её смогли увидеть панель управления системами. Нажимаю кнопочку заменить OK. Здесь также вставляем по умолчанию. О'кей Итак переходим в папочку и видим также у нас вот в двух вариантах только здесь у нас разрешение уже 20 A369i 921 360, а здесь у нас остаётся также 920 на 360. А вот миниатюра у нас 10400 на 157. Как у всех этих просто мы здесь сохранили оригинал чтобы нам было проще далее мы переходим в наш FTP менеджер выбираем папку с. Темой открываем её. Заходим в папочку Imagine. Заходим в бабочку headers далее открываем папку с нашими изменёнными баннерами выделяем эти два баннера и клика правой кнопкой мыши мы просто переносим в наших тебе менеджер в папках адрес и здесь отпускаем ставим галочку всегда использовать — это действие то есть перезаписать нажимаем OK чтобы для каждого файла у нас не спрашивал переписывать или нет далее переходим на наш сайт управление темами перезагружаем данную страничку далее. Заходим в изображение заголовка здесь мы видим уже наш изменённый баннер выбираем его в субботу нас установился наш баннер то есть мы заменили одну картинку чтобы у нас показалось она вот здесь большого разрешения продам ничего страшного. И также у нас вторая картинка вот тоже оригинал нажимаем сохранить и опубликовать доля закрыть переходим в управлении делами нажимаем на консоль.

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

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