Bannerin suunnittelu Photoshopissa

Viimeisin päivitys: 04/10/2024
Kirjoittaja: Javier Chirinos
Bannerin suunnittelu Photoshopissa

Haluatko oppia suunnittelemaan a banneri Photoshopissa? Tämä lyhyt opas bannerin suunnitteluun auttaa sinua luomaan sellaisen itse, jos sinulla on vähän tai ei ollenkaan kokemusta suunnittelusta. Kutsumme sinut jäämään kanssamme.

Bannerisuunnittelu Photoshopissa

Noudata näitä helppoja ohjeita yksitellen, niin saat tulostettavaksi valmiin bannerin, joka on suunniteltu hetkessä.

Tapa 1: Bannerisuunnittelu Basic Photoshopissa

  • vaiheeseen 1: Luo uusi asiakirja Photoshopissa, valitse Arkisto ja Uusi.
Banneri Photoshopissa
Arkisto ja Uusi
  • vaiheeseen 2: Tämä avaa ikkunan Uusi tiedosto jossa voit valita kaikki bannerisi ominaisuudet.
  • vaiheeseen 3: Valitse koko (valitsimme 8 jalkaa x 2 jalkaa) ja resoluutio (tässä tapauksessa 120 pikseliä/tuumaa riittää, koska tämä banneri näkyy noin 10 jalan etäisyydeltä).

HUOM: Mitä kauempana katsoja on, sitä pienempi resoluutio. Tällä tavalla et päädy massiiviseen tiedostoon. Jos et ole varma, mikä tarkkuus valita, tarkista tulostimesi. Varmista, että väritila on CMYK. Tätä tilaa käytetään tulostukseen, ja taustasisältö on asetettu valkoiseksi valkoista taustaa varten.

Täältä voit oppia: Kuinka sensuroida Photoshopissa – menetelmät kasvojen pikseloimiseksi

CMYK
CMYK
  • vaiheeseen 4: Kun napsautat painiketta hyväksyä, tällainen taso avautuu.
OK-painike
OK-painike
  • vaiheeseen 5: Lisää kuvan valinta arkisto y colocar
tiedosto ja paikka
tiedosto ja paikka
  • vaiheeseen 6: Sijaintiikkuna avautuu. Valitse haluamasi kuva ja napsauta paikka.
napsauta Paikka
napsauta Paikka

HUOM: Valitsemasi kuva näkyy bannerissasi näin.

napsauta Paikka
napsauta Paikka
  • vaiheeseen 7: Voit siirtää kuvaa napsauttamalla ja vetämällä. Voit muuttaa sen kokoa viemällä hiiren osoitinta sen kulman päälle, kunnes kohdistin näkyy kaksipuoleisena nuolena.

EHDOTUS: pidä näppäintä painettuna muutos ja muuta kokoa suhteellisesti vetämällä.

Siirrä ja vedä
Siirrä ja vedä
  • vaiheeseen 8: Toistamalla prosessin voit lisätä niin monta kuvaa kuin haluat. Lisäämme tähän logon.

Siirrä ja vedä

  • vaiheeseen 9: Jos haluat muuttaa valokuvan kokoa sen sijoittamisen jälkeen, valitse Muokata y luego Vapaa muutos.
Vapaa muutos
Vapaa muutos
  • vaiheeseen 10: ja rajoitusruutu tulee jälleen näkyviin.
rajaava laatikko
rajaava laatikko
  • vaiheeseen 11: Lisää tekstiä Valitse tekstityökalu sivuvalikosta.
tekstityökalu
tekstityökalu
  • vaiheeseen 12: Aloita kirjoittaminen napsauttamalla mitä tahansa bannerin kohtaa.

tekstityökalu

HUOM: Kun olet valmis, vahvista toiminto samalla tavalla kuin asettaessasi kuvia.

tekstityökalu
tekstityökalu
  • vaiheeseen 13: Jos haluat siirtää tekstiä, valitse taso, jolla se on (oikealla puolellasi) ja siirtotyökalu vasemman reunan valikosta, napsauta ja vedä.
Klikkaa ja raahaa
Klikkaa ja raahaa
  • vaiheeseen 14: Toista prosessi lisätäksesi tekstiä tarvittaessa.

Klikkaa ja raahaa

HUOM: Voit muuttaa tekstin kokoa samalla tavalla kuin muutat kuvien kokoa (Muokkaa > Ilmainen muunnos) ja siirrä sitä työkalulla Liikkuva.

Siirrä työkalu

  • vaiheeseen 15: Muuta taustaväriä
  • vaiheeseen 16: Valitse työkalu Maalipurkki vasemmanpuoleisessa valikossa ja taustatasolla. Valitse väri swatchista tai värisekoittimesta.
  Komentojen aktivoiminen Illustratorissa - opetusohjelma
Maalipurkki
Maalipurkki
  • vaiheeseen 17: Muuta taustaväriä napsauttamalla banneria.
Maalipurkki
Maalipurkki
  • vaiheeseen 18: Tallenna tiedosto ja valitse arkisto, ja myöhemmin Tallenna nimellä…
Tallenna nimellä...
Tallenna nimellä…

HUOM: Ikkuna avautuu Guardar-komo. Tallenna ensin tiedosto Photoshop-muodossa, jotta voit tehdä siihen muutoksia tulevaisuudessa.

Tallenna nimellä...

  • vaiheeseen 19: Siirry sitten tasoon – tasoita kuva ja toista prosessi (Tiedosto > Tallenna nimellä…) ja tallenna se muodossa PDF Photoshopista. Tämä on tiedosto, joka lähetetään tulostimellesi. Napsauta
Tiedosto > Tallenna nimellä...
Tiedosto > Tallenna nimellä…
  • vaiheeseen 20: Uusi ikkuna avautuu Tallenna Adobe PDF. Varmista, että valitset oletusasetukseksi High Quality Print.
Tallenna Adobe PDF
Tallenna Adobe PDF

Tapa 2: Luo nauhabanneri Photoshopissa

Suunnitteluelementtien luominen Photoshopissa on loistava tapa lisätä ainutlaatuisia painikkeita ja otsikoita web-suunnitteluprojekteihisi. Tässä opetusohjelmassa luomme yksinkertaisen ja helpon nauhabannerin Photoshopissa.

Tämä opetusohjelman osa on täydellinen aloittelijoille, mutta oletamme, että tunnet Photoshopin perusteet, mukaan lukien asiakirjan avaamisen, tasojen luomisen ja tasojen monistamisen. Jatketaan vaiheilla:

Luo bannerin keskikaistale Photoshopissa

  • vaiheeseen 1: Luo uudelle tasolle suorakulmio työkalulla Suorakulmainen runko (ei suorakulmiotyökalua).
  • vaiheeseen 2: Käytä työkalua Maalipurkki täyttääksesi suorakulmion valitsemallasi värillä.
Maalipurkki
Maalipurkki

Luo bannerin päät Photoshopissa

  • vaiheeseen 1: Tee pienempi suorakulmio, joka on samankorkuinen kuin keskikaistale. Voit luoda uuden kerroksen ja käyttää työkalua Suorakulmainen runko uudelleen tai kopioi keskimmäinen nauhakerros ja muuta sen kokoa. Siirrä tätä pienempää suorakulmiota alas ja sivulle.
Suorakulmainen runko
Suorakulmainen runko
  • vaiheeseen 2: Käytä työkalua Monikulmainen lasso piirtääksesi kolmion uuden pienemmän neliön päälle. Paina askelpalautinta tai poista poistaaksesi kolmion muotoisen alueen.

NEUVOSTON: cmd + D / ctrl + D poistuu Lasso työkalu

Lasso työkalu
Lasso työkalu
  • vaiheeseen 3: Kopioi taso ja käännä vaakasuunnassa (Muokkaa > Muunna > Käännä vaakasuoraan). Siirrä käännetty kerros nauhan toiselle puolelle ja aseta kaksi viimeistä kerrosta keskimmäisen nauhakerroksen alle.
Käännä vaakatasossa
Käännä vaakatasossa
  • vaiheeseen 4: Seuraavaksi luomme varjot, vaikka voit tehdä tämän milloin tahansa, kun olet tehnyt keski- ja sivunauhapalat. Luo keskikappaleeseen varjo. Kopioi tasotyylit nauhan molempiin päihin.

Luo bannerin sisäpuoli Photoshopissa

  • vaiheeseen 1: Käytä työkalua uudessa tasossa Monikulmainen lasso piirtämään kolmion. Täytä kolmio tummemmalla värillä maalisäiliön avulla.
  • vaiheeseen 2: Kopioi taso ja siirrä se nauhan toiselle puolelle säätämällä tasoja tarpeen mukaan.

BONUS: Tee nauhabannerista kaareva

Voit jättää sen tähän, lisätä tekstiä nauhaan ja olet valmis. Tai voit tehdä nauhastasi hieman kaarevan. Käyrän luominen nauhaan on loistava tapa luoda parempia otsikoita verkkoprojektillesi.

  • vaiheeseen 1: Valitse keskikappale ja siirry kohtaan Muokkaa > Muunna > Väänny.
  • vaiheeseen 2: Asettaa kaistan arvon haluttuun määrään; varmaan noin 5-10 on hyvä.
  • vaiheeseen 3: Pyöritä päätykappaleita kulman mukaan, lisää tekstiä, jos haluat, ja olet valmis!
  Kuinka poistaa automaattinen eheytys käytöstä Windows 10: ssä

Tapa 3: Tee Photoshopissa pitkä banneri

Banneri on pitkä mainospala, kuten taulu tai lippu, joka sisältää iskulauseen, logon tai muuta asiaankuuluvaa tietoa. Bannerit ovat usein läsnä ympärillämme sekä tosielämässä että Internetissä.

  • esimerkiksi, julisteita löytyy kaupoista, mainostauluista, kouluista ja sosiaalisessa mediassa. Eri yritykset käyttävät bannereita markkinointitarkoituksiin mainostaakseen brändiään ja tuotteitaan tai palveluitaan.

Luodaksesi bannerin, voit käyttää erilaisia ​​online-bannerivalmistajia tai käyttää Adobe Photoshop, työpöytäohjelmisto. Jos et osaa käyttää Photoshopia, älä huoli!

Tänään kerromme, kuinka voit tehdä bannerin Photoshopissa ja verkossa nopeasti ja helposti. Aloitetaan!

Kuinka tehdä banneri Photoshopissa

Saat lisätietoja bannerin luomisesta Photoshopissa seuraavasti:

  • vaiheeseen 1- Käynnistä Photoshop-sovellus. Käynnistä ensin Adobe Photoshop -sovellus työpöydältäsi.
  • vaiheeseen 2: Valitse kangas. Siirry nyt kohtaan Tiedosto ja napsauta ensimmäistä vaihtoehtoa eli " uusi. ”
  • vaiheeseen 3: Syötä haluamasi leveys, korkeus ja muut vaatimukset ponnahdusikkunaan käynnistääksesi kanvas bannerillesi. Tässä opetusohjelmassa käytämme kokoa 1920 x 1080.

Muokkaa > Muunna > Väänny

  • vaiheeseen 4: Suunnittelu. Nyt, erilaisten käytettävissä olevien piirtotyökalujen avulla, aloitamme bannerin suunnittelun Photoshopissa.

HUOM: Peruspiirustustyökalut ovat näytön vasemmalla puolella, mukaan lukien:

  • liikkumis- ja valintatyökalut
  • korjaus- ja maalaustyökalut
  • piirustus- ja kirjoitusvälineet jne.

Näytön oikealla puolella oleva muotoilupaneeli on säädettävissä ja muokattavissa.

  • vaiheeseen 5: Napsautamme värityökalua lisätäksesi halutun värin ja tekstityökalua lisätäksesi tekstiä kankaalle.
värityökalu
värityökalu
  • vaiheeseen 6: muokkaa ja mukauta. Käytä ikkunan yläosassa olevia välilehtiä (Tiedosto, kuva, 3D jne.) lisätäksesi erilaisia ​​ominaisuuksia ja mukautuksia banneriisi.
  • vaiheeseen 7: Muokkaa kutakin elementtiä napsauttamalla vastaavaa tasoa, joka mainitaan muotoiluvälilehdellä näytön oikealla puolella.

värityökalu

Helpoin tapa tehdä banneri Photoshopissa

Bannerin tekeminen on todella yksinkertainen tehtävä, mutta bannerin tekeminen Photoshopissa ei ole helppoa. Syynä on, että Adobe Photoshop -ohjelmiston käyttäminen voi olla erittäin monimutkaista, koska se on edistynyt työkalu. Olemme valinneet, jotta voit oppia tekemään bannereita helposti Photoshopissa Edraw max.

Edraw max
Edraw max

Edraw Max on monikäyttöinen kaavioohjelmisto, jonka avulla voit luoda erityyppistä visuaalista sisältöä.

  • esimerkiksi, organisaatiokaaviot, vuokaaviot, ajatuskartat, pohjapiirrokset, verkkokaaviot, työnkulkukaaviot, suunnittelukaaviot, liiketoimintakaaviot jne.
  Kuinka sensuroida Photoshopissa – menetelmät kasvojen pikseloimiseksi

Se on erittäin puhdas ja yksinkertainen ohjelmisto, ja sillä on monia etuja; Näitä ovat:

  1. Monialustainen: Edraw Max tarjoaa online-työkalun, Edraw Max Onlinen, ja työpöytäsovelluksen, jota voidaan käyttää erilaisissa käyttöjärjestelmät kuten Linux, Microsoft Windows y Mac OS.
  2. Helppokäyttöinen: Edraw Max Online tarjoaa helppokäyttöisiä työkaluja ja helppokäyttöisiä ohjelmistoja, jotka tekevät siitä hauskan ohjelmiston.
  3. Halvempi kuin Photoshop- Edraw Max Online tarjoaa edulliset tilaussuunnitelmat verrattuna Adobe Photoshopiin Edraw Max Onlinen yhden vuoden tilaus maksaa vain 119.4 dollaria, kun taas Adobe Photoshopin vuositilaus maksaa noin 239.88 dollaria yhdestä sovelluksesta.
  4. Laaja valikoima malleja- Edraw Max tarjoaa käyttäjille tuhansia ilmaisia ​​valmiiksi suunniteltuja malleja, joita voidaan nopeasti mukauttaa ja muokata tarpeidesi mukaan.
  5. Kuka tahansa voi käyttää: Edraw Max on monipuolinen kaaviotyökalu, jota voivat käyttää sekä alan ammattilaiset että aloittelijat. Yksinkertainen ja puhdas käyttöliittymä on täydellinen aloittelijoille, kun taas edistyneet työkalut ja ominaisuudet sopivat kokeneen käyttäjän tarpeisiin.

Bannerisuunnittelun tallentaminen Photoshopissa ja Edraw Maxissa

Tallenna banneri Photoshopissa: Jos haluat tallentaa bannerisi Photoshopiin, siirry välilehdelle arkisto ja napsauta "Tallentaa". Nimeä tiedosto, valitse haluamasi sijainti ja napsauta "Tallentaa" tallentaaksesi Photoshop-tiedoston työpöydälle.

Tallenna tiedostosi Edraw Maxiin: Tallenna tiedosto Edraw Max Onlineen siirtymällä välilehdelle arkisto ja napsauta «Säästää«. Valitse haluamasi tiedoston sijainti, nimeä asiakirja ja napsauta vaihtoehtoa "Tallentaa". Edraw tarjoaa myös ainutlaatuisenTallenna ja vie» jonka avulla voit tallentaa tiedostosi kansioon varastointi paikallinen tai sisällä Google Drive ja Dropbox. Voit myös helposti viedä tiedostosi erilaisiin yleisesti käytettyihin muotoihin, kuten .pdf, .doc, .xlsx jne..

Voit lukea myös: Kuinka luoda savuefektitekstiä Photoshopissa

Johtopäätös

Tämä on vain yksi monista vaihtoehdoista, kun luot suunnitteluelementtejä Photoshopissa verkko- tai fyysiseen projektiisi. Koska litteä käyttöliittymäsuunnittelu on edelleen suosittu ja tyylikäs trendi web-suunnittelijoiden keskuudessa, käyttö Photoshop mielenkiintoisten elementtien luominen auttaa antamaan suunnittelullesi raikkaan ilmeen.

 Mitä muita suunnitteluelementtejä haluaisit oppia luomaan Photoshopissa? Kutsumme sinut selaamaan verkkosivustoamme löytääksesi lisää opetusohjelmia. Toivomme, että olemme auttaneet sinua näillä tiedoilla, jotka koskevat bannerin luomista Photoshopissa