3 способа разместить две фотографии рядом

Оглавление:

3 способа разместить две фотографии рядом
3 способа разместить две фотографии рядом

Видео: 3 способа разместить две фотографии рядом

Видео: 3 способа разместить две фотографии рядом
Видео: Adobe Indesign CC 2018 #3. Работа с изображением || Уроки Виталия Менчуковского 2024, Май
Anonim

Размещение двух фотографий рядом - идеальный способ поделиться фотографиями «до» и «после», сравнить фотографии и сделать коллажи в своем блоге или на веб-сайте. Вы можете использовать онлайн-приложение для редактирования фотографий, такое как PhotoJoiner или Picisto, или вы можете использовать кодирование HTML для размещения фотографий рядом на сайте, таком как WordPress или Blogger.

Шаг

Метод 1 из 3: Использование PhotoJoiner

Поместите две фотографии бок о бок Шаг 1
Поместите две фотографии бок о бок Шаг 1

Шаг 1. Перейдите на сайт PhotoJoiner

Поместите две фотографии бок о бок Шаг 2
Поместите две фотографии бок о бок Шаг 2

Шаг 2. Нажмите «Выбрать фотографии», затем выберите первую фотографию, которую хотите использовать

Фотография будет отображаться на экране в PhotoJoiner.

Поместите два изображения бок о бок Шаг 3
Поместите два изображения бок о бок Шаг 3

Шаг 3. Еще раз нажмите «Выбрать фотографии», затем выберите вторую фотографию, которую хотите использовать

Эта фотография появится справа от первой фотографии.

Поместите два изображения бок о бок Шаг 4
Поместите два изображения бок о бок Шаг 4

Шаг 4. При желании установите флажок «Поле между изображениями»

Эта функция добавит поля, чтобы отделить две фотографии друг от друга.

Поместите два изображения бок о бок Шаг 5
Поместите два изображения бок о бок Шаг 5

Шаг 5. Щелкните «Объединить фотографии»

Две фотографии сливаются в единое изображение.

Поместите две фотографии бок о бок Шаг 6
Поместите две фотографии бок о бок Шаг 6

Шаг 6. Щелкните фото правой кнопкой мыши и выберите «Сохранить изображение как»

Поместите две фотографии бок о бок Шаг 7
Поместите две фотографии бок о бок Шаг 7

Шаг 7. Назовите свою фотографию и нажмите «Сохранить»

Эти расположенные рядом фотографии теперь будут сохранены.

Метод 2 из 3. Использование Picisto

Поместите две фотографии бок о бок Шаг 8
Поместите две фотографии бок о бок Шаг 8

Шаг 1. Перейдите на сайт Picisto по адресу

Поместите две фотографии бок о бок Шаг 9
Поместите две фотографии бок о бок Шаг 9

Шаг 2. Нажмите «Регистрация» в правом верхнем углу, затем следуйте инструкциям на экране, чтобы создать бесплатную учетную запись

Вы должны зарегистрироваться в Picisto перед объединением фотографий с помощью этой службы.

Поместите два изображения бок о бок Шаг 10
Поместите два изображения бок о бок Шаг 10

Шаг 3. После входа в Picisto нажмите «Рядом»

Поместите две фотографии бок о бок Шаг 11
Поместите две фотографии бок о бок Шаг 11

Шаг 4. Нажмите «Загрузить / Выбрать фото», затем нажмите «Обзор», чтобы выбрать первую фотографию, которую вы хотите использовать

Фотографии будут загружены и показаны на веб-сайте Picisto.

Кроме того, вы можете загрузить фотографии из Facebook, Instagram, URL-адресов или веб-камер

Поместите два изображения бок о бок Шаг 12
Поместите два изображения бок о бок Шаг 12

Шаг 5. Еще раз нажмите «Загрузить / Выбрать фото», затем нажмите «Обзор», чтобы выбрать вторую фотографию

Эта фотография появится справа от первой фотографии.

Поместите два изображения бок о бок Шаг 13
Поместите два изображения бок о бок Шаг 13

Шаг 6. Прокрутите фотографию вниз и нажмите «Готово и сохранить фотографию»

Picisto отобразит сообщение об успешном сохранении фотографии.

Поместите две фотографии рядом, шаг 14
Поместите две фотографии рядом, шаг 14

Шаг 7. Прокрутите фотографию вниз и нажмите «Загрузить»

Поместите две фотографии бок о бок Шаг 15
Поместите две фотографии бок о бок Шаг 15

Шаг 8. Выберите вариант сохранения фото на рабочий стол

Теперь ваши фотографии объединены и сохранены как одно законченное изображение.

Метод 3 из 3: Использование HTML

Поместите два изображения рядом, шаг 16
Поместите два изображения рядом, шаг 16

Шаг 1. Отредактируйте страницу публикации или блога, где вы хотите разместить две фотографии рядом

Поместите две фотографии бок о бок Шаг 17
Поместите две фотографии бок о бок Шаг 17

Шаг 2. Вставьте две фотографии отдельно в публикацию блога

После этого щелкните и перетащите фотографии в разные части сообщения в блоге, чтобы разместить их рядом.

Поместите два изображения рядом, шаг 18
Поместите два изображения рядом, шаг 18

Шаг 3. Щелкните вкладку «HTML» вашей публикации

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

Поместите две фотографии рядом, шаг 19
Поместите две фотографии рядом, шаг 19

Шаг 4. Поместите курсор в то место, где фотографии будут отображаться рядом, затем скопируйте следующий код:

фото 1-1 фото 1-2
Поместите два изображения бок о бок Шаг 20
Поместите два изображения бок о бок Шаг 20

Шаг 5. Еще раз щелкните вкладку «Текст» в публикации блога

Теперь вы увидите два серых квадрата, помещенных рядом, с пометками «фото 1-1» и «фото 1-2».

Поместите два изображения рядом, шаг 21
Поместите два изображения рядом, шаг 21

Шаг 6. Щелкните и перетащите первую фотографию в серое поле с надписью «фото 1-1»

Поместите два изображения бок о бок Шаг 22
Поместите два изображения бок о бок Шаг 22

Шаг 7. Щелкните и перетащите вторую фотографию на серое поле с надписью «фото 1-2»

Если у вас возникли проблемы с щелчком и перетаскиванием фотографий в серое поле, щелкните вкладку HTML еще раз и замените «фото 1-1» и «фото 1-2» следующим кодом:. Значение ширины можно изменить в зависимости от ваших потребностей

Поместите два изображения рядом, шаг 23
Поместите два изображения рядом, шаг 23

Шаг 8. Удалите текст «фото 1-1» и «фото 1-2» под каждой фотографией

Фотографии теперь будут размещаться рядом в сообщении блога.

Рекомендуемые: