Создание баннера для сайт с совмещение картинок

Автор Alla Bessonova
Создание баннера для сайт с совмещение картинок

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

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

Когда у нас делать баня на которой вы хотите добавить логотип компании или кнопку чтобы она ну чтоб картинка выглядела как.

Кнопка не просто фоновая картинка и текст вот сегодня мы как раз — это и посмотрим как сделать. Анну первый шаг мы переходим на наш редактор онлайн который мы в обучении использовали ссылочка у вас. Я думаю у всех есть кто не знает где найти переходим группа там она есть на стене так открываю редактор в редакторе выбираем русский язык. Если вдруг изначально английский вот здесь вот будет вас лэнгвич вы выберете здесь русский так вот мне сейчас русский язык наши действия — это загрузить надо изображение с компьютера загрузить изображение которое мы будем использовать как фон для нашего баннера так вот. Мы закончили изображение следующий на шаг сделать — это изображение в размере который нужен для банеров обучение мы проходили, что размеры размер изображения для баннера должен быть 688 на 276 пикселей картинка с указанием вот этих вот цифра которых я сказал есть опять же группа обучение запоминать эту цифру необязательно в. Её легко можете в любой момент найти в группе. Так давайте вот — это вот картинку сделаем в нужном размере для этого первым шагом выбираем пункт изображения и подпункт размер изображения здесь ширину указываем 608 8 пикселей нажимаем да давайте увеличим чуть-чуть так дальше нам надо обрезать по высоте. То есть сейчас уже картинка так сказать готова теперь надо по высоте. Ну сначала вот так вот на глаз сделаем и теперь видим, что справа навигатор. Да и здесь высота 266 сейчас показывай мы просто берём вот бегу зажимаем его левой кнопкой. Мышки и двигаем вниз-вверх чтобы получить в навигаторе высоту 276. Ну вот видео. У меня сейчас 76 то, что мне надо так теперь можно принципе выбрать область который мы хотим использовать как фон, а также зажимаем левой кнопкой. Мышки и двигаем верхний сдам. Ну допустим вот эта область не устраивает. А я их выбираю и. Нажимаю кнопочку надо. Всё у меня готов — это в принципе вы уже все умеете следующий шаг которые мы по обучению не проходили, но он как бы достаточно такой интересный и важный этап допустим какой-то картинки в нашем случае мы хотим добавить логотип, что вы для этого дела ну для начала мы должны на своём подготовить этот логотип давайте я сейчас просто зайди в поисковик Google и найду какую-нибудь логотип для примера до этого просто в виду логотип. Да приду в раздел картинки так. Ну ещё совет вводите не просто логотип. ПСЖ английскими буквами PM так то есть — это формат изображения который будет для нашего случая когда вы будете искать логотип допустим свой. Да там логотип Oriflame плохого и так далее тоже водитель логотип Oriflame внж украинцу обогатить там ozodlik.org вот мы открыли в кучу логотипа всяких туда войти в Skype Skype возьмём логотип так вот почему я говорю,. Потому, что если бы у нас логотип не будет иметь белого фона то есть видео, что сейчас в Skype. Да и сзади такие квадратики идут как бы такой как шахматная доска если нас будет в формате png — это у нас будет белый фон и когда мы будем совмещать две картинки — это будет выглядеть не очень красиво. Давайте позже использовать так. Давайте сохраним вот этот вот на компьютер так сохранил и теперь его добавить чтобы добавить картинку на наш выбираем пункт свой и открываем вариант выбираем открыть изображён выбираем нужный нам картинку так вот видим, что у нас уже логотип как новый слой добавился, но у нас такой здоровенный — это нам уменьшить чтобы его уменьшить выбираем пункт редактировать и здесь есть подпункт Free transform свободное трансформирование нажимает так после этого вокруг нашего вот — это у вас появилась такая трава. мы опять же зажимаем левую кнопку. Мышки и можем вот так вот уменьшать уменьшать размер так что-то не то. Уменьши сейчас активировать свободное трансформирование, но и уменьшает уменьшаем до нужного на нужного размера. Так мы видим, что при уменьшении он так может деформироваться на то есть на ужин ужинать по высоте и по ширине вследствие чего быть деформация. Ну нам надо как бы балансировать чтобы она не деформировалась вот допустим в таком виде до Skype нас логотип подготовка у нас логотип мы можем его принципе расположили нужны на место. Ну давайте для начала посередине возместит так после этого класса. М за за пределы этого слова я. Нажимаю кнопочку да. Всё у нас в принципе уже логотип добавлено наш фонд прекрасно. Давай тебе ещё посмотрим как кнопку добавить. Так ну для начала опять же самого ту кнопку скачать картинку кнопки для этого. Заходим в поисковик. Да и пишет просто кнопка png кнопка которая. Нам нравится. Тут куча кнопок вот допустим вот — это вот красную хочу туда сохраняю себе на компьютер сохраняю на компьютер и добавляю как новый слой опять же самое делает слой. Открыть изображение как слой и выбираю эту картинку. Вот она у меня добавилась она мне добавилась я опять могу свободное трансформирование включить её изменить в размерах. Допустим хочу я чуть уменьшить или там вытянуть надо пустить чуть-чуть умеешь так вот у меня есть кнопка. Да я могу опять же ещё разместите нужное мне место.

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

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