3 tapaa asettaa kaksi valokuvaa vierekkäin

Sisällysluettelo:

3 tapaa asettaa kaksi valokuvaa vierekkäin
3 tapaa asettaa kaksi valokuvaa vierekkäin

Video: 3 tapaa asettaa kaksi valokuvaa vierekkäin

Video: 3 tapaa asettaa kaksi valokuvaa vierekkäin
Video: Taittamisen perusteet Adobe InDesignissa 2024, Marraskuu
Anonim

Kahden valokuvan sijoittaminen vierekkäin on ihanteellinen tapa jakaa "ennen" ja "jälkeen" -kuvia, vertailla valokuvia ja kollaaseja blogissasi tai verkkosivustollasi. Voit käyttää online -kuvankäsittelyohjelmaa, kuten PhotoJoiner tai Picisto, tai käyttää HTML -koodausta valokuvien sijoittamiseen vierekkäin WordPressin tai Bloggerin kaltaisille sivustoille.

Vaihe

Tapa 1/3: PhotoJoinerin käyttäminen

Aseta kaksi kuvaa vierekkäin Vaihe 1
Aseta kaksi kuvaa vierekkäin Vaihe 1

Vaihe 1. Siirry PhotoJoiner -sivustoon osoitteessa

Aseta kaksi kuvaa vierekkäin Vaihe 2
Aseta kaksi kuvaa vierekkäin Vaihe 2

Vaihe 2. Napsauta”Valitse kuvat” ja valitse sitten ensimmäinen valokuva, jota haluat käyttää

Valokuva näkyy PhotoJoinerin näytöllä.

Aseta kaksi kuvaa vierekkäin Vaihe 3
Aseta kaksi kuvaa vierekkäin Vaihe 3

Vaihe 3. Napsauta "Select Photos" uudelleen ja valitse sitten toinen valokuva, jota haluat käyttää

Tämä kuva näkyy ensimmäisen kuvan oikealla puolella.

Aseta kaksi kuvaa vierekkäin Vaihe 4
Aseta kaksi kuvaa vierekkäin Vaihe 4

Vaihe 4. Jos haluat, valitse”Marginaali kuvien välillä” -valintaruutu

Tämä ominaisuus lisää marginaalin kahden kuvan erottamiseksi toisistaan.

Aseta kaksi kuvaa vierekkäin Vaihe 5
Aseta kaksi kuvaa vierekkäin Vaihe 5

Vaihe 5. Napsauta”Liity valokuviin”

Kaksi kuvaa yhdistyvät täydelliseksi kuvaksi.

Aseta kaksi kuvaa vierekkäin Vaihe 6
Aseta kaksi kuvaa vierekkäin Vaihe 6

Vaihe 6. Napsauta kuvaa hiiren kakkospainikkeella ja valitse”Tallenna kuva nimellä”

Aseta kaksi kuvaa vierekkäin Vaihe 7
Aseta kaksi kuvaa vierekkäin Vaihe 7

Vaihe 7. Nimeä valokuvasi ja napsauta sitten”Tallenna”

Nämä vierekkäiset valokuvat tallennetaan nyt.

Tapa 2/3: Piciston käyttö

Aseta kaksi kuvaa vierekkäin Vaihe 8
Aseta kaksi kuvaa vierekkäin Vaihe 8

Vaihe 1. Siirry Picisto -sivustoon osoitteessa

Aseta kaksi kuvaa vierekkäin Vaihe 9
Aseta kaksi kuvaa vierekkäin Vaihe 9

Vaihe 2. Napsauta "Rekisteröidy" oikeassa yläkulmassa ja luo sitten ilmainen tili noudattamalla näytön ohjeita

Sinun on rekisteröidyttävä Picisto -palveluun ennen valokuvien yhdistämistä tämän palvelun avulla.

Aseta kaksi kuvaa vierekkäin Vaihe 10
Aseta kaksi kuvaa vierekkäin Vaihe 10

Vaihe 3. Napsauta "Vierekkäin" syötettyäsi Piciston

Aseta kaksi kuvaa vierekkäin Vaihe 11
Aseta kaksi kuvaa vierekkäin Vaihe 11

Vaihe 4. Napsauta "Lataa/Valitse valokuva" ja valitse sitten ensimmäinen valokuva, jota haluat käyttää, napsauttamalla "Selaa"

Valokuvat ladataan ja näytetään Picisto -verkkosivustolla.

Vaihtoehtoisesti voit ladata valokuvia Facebookista, Instagramista, URL -osoitteista tai verkkokameroista

Aseta kaksi kuvaa vierekkäin Vaihe 12
Aseta kaksi kuvaa vierekkäin Vaihe 12

Vaihe 5. Napsauta "Lataa/Valitse valokuva" uudelleen ja valitse sitten toinen valokuva napsauttamalla "Selaa"

Tämä kuva näkyy ensimmäisen kuvan oikealla puolella.

Aseta kaksi kuvaa vierekkäin Vaihe 13
Aseta kaksi kuvaa vierekkäin Vaihe 13

Vaihe 6. Vieritä kuvan alaosaan ja napsauta "Valmis ja tallenna valokuva"

Picisto näyttää viestin, jossa kerrotaan, että valokuvasi on tallennettu onnistuneesti.

Aseta kaksi kuvaa vierekkäin Vaihe 14
Aseta kaksi kuvaa vierekkäin Vaihe 14

Vaihe 7. Vieritä kuvan alaosaan ja napsauta "Lataa"

Aseta kaksi kuvaa vierekkäin Vaihe 15
Aseta kaksi kuvaa vierekkäin Vaihe 15

Vaihe 8. Valitse vaihtoehto tallentaa valokuva työpöydälle

Valokuvat on nyt yhdistetty ja tallennettu yhdeksi kokonaiseksi kuvaksi.

Tapa 3/3: HTML: n käyttö

Aseta kaksi kuvaa vierekkäin Vaihe 16
Aseta kaksi kuvaa vierekkäin Vaihe 16

Vaihe 1. Muokkaa julkaisua tai blogisivua, jossa haluat kaksi kuvaa vierekkäin

Aseta kaksi kuvaa vierekkäin Vaihe 17
Aseta kaksi kuvaa vierekkäin Vaihe 17

Vaihe 2. Lisää kaksi valokuvaa erikseen blogijulkaisuun

Napsauta ja vedä kuvat blogiviestin eri osiin sijoittaaksesi ne vierekkäin.

Aseta kaksi kuvaa vierekkäin Vaihe 18
Aseta kaksi kuvaa vierekkäin Vaihe 18

Vaihe 3. Napsauta julkaisusi HTML -välilehteä

Tämä on paikka kopioida koodi, jonka avulla kaksi kuvaa voidaan näyttää vierekkäin.

Aseta kaksi kuvaa vierekkäin Vaihe 19
Aseta kaksi kuvaa vierekkäin Vaihe 19

Vaihe 4. Aseta kohdistin kohtaan, jossa valokuvat näytetään vierekkäin, ja kopioi seuraava koodi:

kuva 1-1 kuva 1-2
Aseta kaksi kuvaa vierekkäin Vaihe 20
Aseta kaksi kuvaa vierekkäin Vaihe 20

Vaihe 5. Napsauta blogitekstin "Teksti" -välilehteä uudelleen

Nyt näet kaksi harmaata neliötä vierekkäin, joissa on merkintä "kuva 1-1" ja "valokuva1-2".

Aseta kaksi kuvaa vierekkäin Vaihe 21
Aseta kaksi kuvaa vierekkäin Vaihe 21

Vaihe 6. Napsauta ja vedä ensimmäinen valokuva harmaan”valokuva 1-1” -ruudun päälle

Aseta kaksi kuvaa vierekkäin Vaihe 22
Aseta kaksi kuvaa vierekkäin Vaihe 22

Vaihe 7. Napsauta ja vedä toinen valokuva harmaan”valokuva 1-2” -ruudun päälle

Jos sinulla on ongelmia valokuvien napsauttamisessa ja vetämisessä harmaaseen laatikkoon, napsauta HTML-välilehteä uudelleen ja korvaa”kuva 1-1” ja “kuva 1-2” seuraavalla koodilla:. Leveysarvoa voidaan muuttaa tarpeidesi mukaan

Aseta kaksi kuvaa vierekkäin Vaihe 23
Aseta kaksi kuvaa vierekkäin Vaihe 23

Vaihe 8. Poista”valokuva 1-1” ja”kuva 1-2” teksti kunkin valokuvan alapuolelta

Valokuvat sijoitetaan nyt blogiviestissä vierekkäin.

Suositeltava: