6 moduri de a crea un banner web

Cuprins:

6 moduri de a crea un banner web
6 moduri de a crea un banner web
Anonim

Trebuie să fiți familiarizați cu bannere web (bannere web). În general, acest material grafic se află deasupra unui site web și afișează numele și logo-ul companiei sau sub forma unei reclame - sau a unui amestec al ambelor, pe un site web comercial. Bannerele ar trebui să fie informative, atractive și primitoare - Bannerele ar trebui să îi facă pe vizitatorii obișnuiți să se simtă ca acasă. Vă vom arăta mai multe moduri de mai jos pentru a crea un banner.

Etapa

Metoda 1 din 6: Photoshop

Faceți un banner Pasul 1
Faceți un banner Pasul 1

Pasul 1. Creați un document nou

Specificați dimensiunea bannerului, sunt disponibile mai multe dimensiuni standard ale bannerului. În sensul acestui articol, ne vom concentra pe dimensiunea standard „full banner” (468x60 pixeli).

Notă: aceasta este dimensiunea standard a bannerului, dar nu este obligatorie. Dacă doriți o dimensiune diferită, utilizați acea dimensiune ca ghid

Faceți un banner Pasul 2
Faceți un banner Pasul 2

Pasul 2. Setați culoarea de fundal a bannerului

Umpleți stratul de fundal (cunoscut și ca strat) cu o culoare care acceptă proiectarea site-ului dvs. web.

  • Faceți clic pe Culoare prim-plan pentru a deschide Color Picker, apoi alegeți o culoare de umplere.
  • Cu instrumentul Găleată de vopsea, umpleți stratul de fundal al bannerului cu culoarea aleasă de dvs.
Faceți un banner Pasul 3
Faceți un banner Pasul 3

Pasul 3. Creați un strat nou

Vom umple acest strat cu o culoare mai bogată pentru a ajuta la înfrumusețarea textului și a siglei. Dimensiunea acestui strat ar trebui să fie proporțională cu dimensiunea bannerului și centrată.

  • Pe un strat nou, faceți o selecție puțin mai mică decât bannerul original, apoi umpleți-o cu culoarea dorită.
  • Centrați zona umplută. Selectați întregul strat apăsând CTRL + A (PC) sau Comandă + A (Macintosh).
  • Din meniul Layer, alegeți Align Layers to Selection> Vertical Centers. Repetați acest pas, dar selectați Centre orizontale. Această acțiune va centra stratul de contrast atât pe orizontală, cât și pe verticală.
Faceți un banner Pasul 4
Faceți un banner Pasul 4

Pasul 4. Adăugați o siglă

Deschideți fișierul logo, copiați-l și apoi lipiți-l în documentul banner, astfel încât să apară ca un strat nou. Redimensionați-l pentru a se potrivi după cum este necesar. Apăsați CTRL + T pe un computer sau Command + T pe un Macintosh și utilizați mânerele pentru a redimensiona documentul. Folosiți tasta Shift de pe mâner pentru a o redimensiona proporțional.

Faceți un banner Pasul 5
Faceți un banner Pasul 5

Pasul 5. Adăugați numele companiei sau al site-ului web

Selectați instrumentul de text, selectați fontul (aka font) pe care îl doriți, apoi tastați textul în el. Dacă este necesar, ajustați dimensiunea fontului, așa cum este descris în pasul anterior.

Faceți un banner Pasul 6
Faceți un banner Pasul 6

Pasul 6. Adăugați elemente suplimentare

Uneori, un logo și un nume vor fi suficiente. Dar adăugarea unor linii și ornamente va adăuga interes pentru banner. Creați un strat nou pentru a face acest lucru, astfel încât ajustările dvs. să nu interfereze cu celelalte straturi.

Faceți un banner Pasul 7
Faceți un banner Pasul 7

Pasul 7. Curăță

Reglați bine plasarea logo-ului și a titlului și a oricăror elemente suplimentare, apoi salvați bannerul.

Metoda 2 din 6: Microsoft Paint

Faceți un banner Pasul 8
Faceți un banner Pasul 8

Pasul 1. Creați un document nou

Faceți un banner Pasul 9
Faceți un banner Pasul 9

Pasul 2. Desenați o selecție de dimensiune banner

Puteți crea orice dimensiune doriți sau faceți clic aici pentru a vizualiza dimensiunile standard ale bannerelor.

Faceți un banner Pasul 10
Faceți un banner Pasul 10

Pasul 3. Pentru a crea un fundal colorat, utilizați instrumentul cupă de vopsea pentru a umple bannerul cu orice culoare doriți

Folosiți culori care se potrivesc cu site-ul web.

Faceți un banner Pasul 11
Faceți un banner Pasul 11

Pasul 4. Adăugați fotografii, imagini și text

Faceți clic pe fila Lipire, apoi din meniu selectați Lipire din.

Găsiți o imagine care vă place, apoi faceți clic pe butonul Deschidere

Faceți un banner Pasul 12
Faceți un banner Pasul 12

Pasul 5. Redimensionați imaginea, dacă este necesar

Faceți clic pe fila Redimensionare, apoi selectați Pixeli. Reglați înălțimea sa verticală pentru a se potrivi cu înălțimea bannerului.

  • Mutați imaginea în loc.
  • Adăugați câte imagini doriți (și potriviți!)
Faceți un banner Pasul 13
Faceți un banner Pasul 13

Pasul 6. Adăugați un nume

Utilizați instrumentul Text (butonul A) pentru a adăuga numele dvs. sau orice alt text doriți.

Faceți un banner Pasul 14
Faceți un banner Pasul 14

Pasul 7. Decupează (aka decupează) bannerul

Utilizați instrumentul Selectați și desenați o casetă în jurul bannerului. Asigurați-vă că se potrivește cu dimensiunea rezultatului final dorit. Apoi faceți clic pe Decupare.

Faceți un banner Pasul 15
Faceți un banner Pasul 15

Pasul 8. Odată terminat, salvați

Metoda 3 din 6: Utilizarea Microsoft PowerPoint

Faceți un banner Pasul 16
Faceți un banner Pasul 16

Pasul 1. Creați un document PowerPoint nou, gol

Reglați vizualizarea la 100%

Faceți un banner Pasul 17
Faceți un banner Pasul 17

Pasul 2. Desenați fundalul bannerului

Utilizați una dintre dimensiunile standard ale bannerelor sau orice dimensiune aveți nevoie.

  • Faceți clic pe fila Formă, apoi selectați un dreptunghi de bază.
  • Desenați dimensiunea dorită, apoi umpleți-o după conținutul inimii. Puteți utiliza o culoare solidă sau din meniul de culoare de umplere, selectați Efecte de umplere sau faceți clic pe butonul Stiluri rapide și alegeți o culoare de umplere prestabilită.
Faceți un banner Pasul 18
Faceți un banner Pasul 18

Pasul 3. Adăugați o imagine sau o siglă

Puteți adăuga o fotografie, un logo sau altă imagine la banner. Vom folosi unele clip art ca decor. Faceți clic pe butonul Imagine și selectați tipul de imagine pe care doriți să o inserați. Adăugați o imagine, redimensionați-o, apoi plasați-o pe banner.

Faceți un banner Pasul 19
Faceți un banner Pasul 19

Pasul 4. Adăugați text sau alte elemente

Introduceți numele companiei, sloganul sau alte informații complementare pentru banner.

Faceți un banner Pasul 20
Faceți un banner Pasul 20

Pasul 5. Selectați bannerul

Din meniul Editare, alegeți Selectare totală sau tastați CTRL + A (PC) sau Comandă + A (Mac). Important: asigurați-vă că banner-ul dvs. este exact cum doriți și că nimic nu mai este pe diapozitiv (alias diapozitiv)!

Faceți clic dreapta pe orice element non-text din banner, apoi selectați Salvare ca imagine …

Faceți un banner Pasul 21
Faceți un banner Pasul 21

Pasul 6. Salvați bannerul

Deschideți-l și verificați dacă bannerul este exact ceea ce doriți, apoi folosiți-l după cum este necesar!

Metoda 4 din 6: Utilizarea Online Banner Maker

Faceți un banner Pasul 22
Faceți un banner Pasul 22

Pasul 1. Vizitați unul dintre următoarele site-uri:

BannersABC.com, Addesigner.com, mybannermaker.com etc. (Căutați pe Google orice altceva). Există o mulțime de producători de bannere online. Luați câteva minute pentru a compara diferitele caracteristici, apoi alegeți-o pe cea potrivită pentru dvs.

Faceți un banner Pasul 23
Faceți un banner Pasul 23

Pasul 2. Adăugați text și imagini

Urmați instrucțiunile și instrucțiunile de pe ecran pentru a crea un banner. Aceste site-uri web oferă, de obicei, propriile opere de artă pe care le puteți adăuga la banner, dar puteți importa și imagini din propria creație.

Faceți un banner Pasul 24
Faceți un banner Pasul 24

Pasul 3. Generați bannerul

După ce ați terminat, va exista în general o caracteristică de export care vă va permite să specificați directorul în care va fi salvat bannerul, împreună cu formatul (JPEG este de obicei de bună calitate). Urmați instrucțiunile, salvați, descărcați și utilizați bannerul după cum este necesar.

Metoda 5 din 6: Crearea unui avatar potrivit pentru banner

Faceți un banner Pasul 25
Faceți un banner Pasul 25

Pasul 1. Acest pas este opțional

Puteți crea un avatar care să se potrivească cu bannerul, dacă îl utilizați pe forumuri.

Faceți un banner Pasul 26
Faceți un banner Pasul 26

Pasul 2. Utilizați opțiunea Decupare

Această caracteristică este disponibilă în majoritatea aplicațiilor grafice. Tăiați bannerul la o dimensiune mică.

Alternativ, puteți proiecta o versiune mică care încorporează elemente pe un banner mare. Ar putea fi un logo, o imagine sau doar un nume de companie. Cheia este să o păstrați ușor de citit

Faceți un banner Pasul 27
Faceți un banner Pasul 27

Pasul 3. Dimensiunea avatarului ar trebui să fie mică

Dimensiunea implicită este de 48x48 pixeli.

Faceți un banner Pasul 28
Faceți un banner Pasul 28

Pasul 4. Salvați avatarul

Metoda 6 din 6: Adăugarea de bannere pentru semnături de forum, site-uri web, etc

Faceți un banner Pasul 29
Faceți un banner Pasul 29

Pasul 1. Creați un cont

Folosiți un site de partajare a fotografiilor precum Photobucket, Flickr, Tumblr sau altele asemenea.

După crearea unui cont, puteți încărca bannere, avatare și alte imagini pe site

Faceți un banner Pasul 30
Faceți un banner Pasul 30

Pasul 2. Obțineți codul

Utilizați instrumentul de partajare pentru a obține cod HTML pentru a adăuga banner-ul dvs. la semnături de forum, site-uri web sau orice altceva.

sfaturi

  • Instalați mai multe fonturi pe computer.
  • Exersează mult!
  • Vedeți exemple de bannere pe forumuri sau în alte locuri.

Avertizare

  • Realizarea de bannere necesită timp și răbdare!
  • Pentru a salva bannerul în cele mai bune condiții posibile, salvați-l într-un format bitmap pe 24 de biți, apoi faceți o copie a acestuia în JPEG și GIF, deoarece JPEG-urile și GIF-urile pot adăuga o imagine estompată aleatoriu.
  • Dacă utilizați PowerPoint pentru a crea un banner, rezultatul final poate fi în format EMF, pe care Photobucket nu îl acceptă. Pentru ao converti, asigurați-vă că salvați imaginea (pasul 9) în format JPEG sau GIF. Ambele formate pot fi acceptate de Photobucket.

Recomandat: