Kako staviti banner na VKontakte. Novi dizajn Vkontaktea - horizontalna naslovnica grupe

U ljeto 2016. programeri društvene mreže Vkontakte konačno su iznenadili svoje korisnike potpuno ažuriranim dizajnom. Iskreno govoreći, redoviti posjetitelji ove stranice novi su dizajn doživjeli vrlo dvosmisleno, u većoj mjeri se odnosio na vlasnike zajednica sa spojenom slikom kao dizajnom (avatar + banner). Udaljenost između prikačene vijesti i avatara doslovno se udvostručila, banner se zamjetno povećao i spustio niže, a minijatura zajednice sada nije kvadratna, već okrugla površina - svi ti neugodni trenuci uzrokovali su mnogo problema ljudima koji su naručivali i ranije instalirali dizajne za svoje grupe. Jedini izlaz u ovoj situaciji bio je preinačiti stari dizajn kako bi zadovoljio nove zahtjeve uz zadržavanje koncepta.

Iako se čini da je dizajn zajednica Vkontakte prilično problematičan (osobito u usporedbi s drugim društvenim mrežama, gdje su pravokutna naslovnica i kvadratni avatar uglavnom dovoljni), ali to zapravo nije sasvim točno. Zatim će biti opisani zahtjevi za grafičke slike i općenito načini oblikovanja grupe kao takve.

Prvi način da svoju zajednicu učinite prodajnom i privlačnom je standardna shema "avatar + banner + jelovnik".

Avatar

Avatar je ostao na 200 x 500 piksela (ali i dalje bolji od 400 x 1000 s marginom kvalitete), iako je u početku, tijekom beta testiranja novog dizajna, takva opcija veličine smatrana kao 200 x 300. Sličica je sada okrugla , ali ako je ovaj krug upisan u kvadrat , tada će njegove dimenzije biti 200 x 200 piksela, kao što je bilo prije.

Banner (zakačena objava)

Optimalna veličina bannera je 1024 x 680 piksela (s marginom kvalitete). Na internetu sam naišao na mnoge varijacije idealne veličine bannera, ali ipak, pri 1024 x 680, dijelovi bannera nisu odrezani kada se gledaju s računala, s obične mobilne verzije ili iz Android aplikacije. Također je vrijedno napomenuti da je banner sada niži zbog dupliciranja naziva zajednice u području iznad slike i prijenosa datuma objave iz područja ispod slike na mjesto pod duplikatnim imenom. Još jedna važna točka je nedostatak klikabilnosti na banner s mobilnog uređaja. Oni. s telefona ljudi će morati kliknuti na link ispod slike, a ne na samu sliku.

izbornik

Što se tiče dizajna izbornika i wiki oznake, općenito se ništa nije promijenilo. I dalje koristim širinu izbornika od 606 piksela i bilo koju vrijednost duljine. Za prilagodljivost na mobilnim uređajima, bolje je rasporediti navigaciju unutar tablice - na ovaj način, kada se gleda na telefonu, jednostavno se proporcionalno smanjuje kako bi stala na zaslon. Ali ako ste stvorili navigaciju u kojoj su stavke jednostavno jedna ispod druge, onda to ne morate činiti - metoda tablice potrebna je samo za one vrste izbornika u kojima je broj gumba po retku više od jednog. Općenito, za praktičnost korisnika, bolje je ne napraviti izbornik samo u obliku poveznica na materijale, već izraditi wiki stranice sa složenom strukturom.

Ako vam je potrebna jedna slika za dizajn, prvo ispunite neku grupu za eksperimente s avatarom i bannerom u obliku prikvačene vijesti. Kopirajte sve podatke iz uzorka zajednice u svoju grupu: status, ime (ovo je važno, jer se ti podaci dupliciraju u vijestima) i zatražite od klijenta tekst koji će biti iznad bannera.
Nakon toga već možete uzeti uzorak pomoću snimke zaslona, ​​koja se mora postaviti u Photoshop.

Postoji i takva metoda dizajna kao što je "poklopac + banner + izbornik". Općenito, možete ostaviti samo omot i staviti sve najvažnije informacije na njega. Ali u svakom slučaju, avatar mora biti postavljen: neće biti vidljiv u samoj grupi, međutim, minijatura zajednice bit će preuzeta iz njega. Optimalna veličina omota je 1590 x 400 piksela, a sliku možete prenijeti pomoću naredbe "Upravljanje zajednicom" - "Naslovnica zajednice: Upload".

Veličine slika za VKontakte dizajn

• Avatar: 200 x 500 piksela (kvaliteta 400 x 1000 piksela);
• Sličica avatara 200x200px
• Veličina bannera ili prikvačenog posta u grupi: 1024 x 680 piksela, ali ne manje od 510 px u širinu;
• Izbornik: širina 606px;
• Pokrijte 1590 x 400 piksela.

Mnogi od nas koriste društvene mreže, jer nas one malo zbližavaju s obitelji, prijateljima i poznanicima. Na ovim stranicama postoje grupe i zajednice u kojima možemo komunicirati s ljudima sličnim nama, pa će ovaj članak govoriti o tome kako napraviti banner u VK grupi, zašto je ovaj banner uopće potreban i kada se pojavio. Ove informacije pomoći će onima koji se žele realizirati u stvaranju zajednica i grupa. Mnogi ljudi najčešće obraćaju pažnju na banner, jer je ovo lice stranice.

Što trebate znati za izradu VK bannera

Prvo morate razumjeti što su grupe – to su posebne zajednice u koje se ljudi mogu pridružiti isključivo svojom voljom. Zajednice se dijele na dvije vrste: zatvorene i otvorene. Jasno je da u zatvorene možete ući samo pozivom ili izravnom vezom na zajednicu, nakon čega će Vašu prijavu za ulazak neko vrijeme razmatrati uprava projekta.

Prvi put su se veliki banneri u grupama pojavili 2016. godine, nakon sljedećeg velikog ažuriranja VK-a, ali korisnicima se čak svidjelo, za razliku od prethodnih, povezano s potpunom promjenom boja web stranice, dizajna i još mnogo toga. Nakon ažuriranja, odmah su počele poruke moderatorima o tome kako napraviti veliki banner u VK grupi. Taj je zahtjev zainteresirao mnoge, jer je banner dodatno mjesto za oglašavanje, no tada je bilo malo informacija kako ga napraviti.

Ako ne znate kako izraditi vlastite slike putem popularnih aplikacija za obradu slika, kao što je Adobe Photoshop, onda preporučamo da pročitate sljedeći odlomak članka, gdje ćemo vam detaljno reći kako napraviti banner. Ako ste iskusan korisnik, onda je vrijedno reći da su zahtjevi za sliku sljedeći: 1590 x 400 px, a format slike je JPG.

Kako napraviti banner u VK grupi odozgo

Prvo morate napraviti prazno platno, preporučljivo je koristiti aplikaciju u koju se manje-više razumijete, ali je poželjno naučiti koristiti Photoshop. Ima mnogo funkcija koje mogu stvoriti remek-djelo, ali nije važno. Glavna stvar je napraviti platno striktno 1590 x 400 piksela, odnosno 1590 širine i 400 visine - ove će proporcije izgledati dobro na bilo kojem monitoru. Ako ne znate kako to učiniti, u nastavku je uputa.

Kako napraviti banner u grupi "VK" u Adobe Photoshopu:

1. Otvorite uređivač fotografija i kliknite gumb "Datoteka", a zatim "Kreiraj".
2. Unesite 1590 u polje Širina i 400 u polje Visina, a zatim kliknite U redu.
3. Sada možete postaviti bilo koju sliku na ovo platno i uklopiti je s tipkovnim prečacem Alt + T.
4. U polju "Datoteka" pronađite gumb "Spremi kao" i odaberite vrstu formata JPG.

Slično, možete napraviti sliku u bilo kojem uređivaču fotografija, ali položaj funkcijskih tipki može varirati. Sada je vrijedno prenijeti ovu sliku u svoju grupu.

Kako napraviti banner u VK grupi:

1. Idi u svoju grupu. Ispod avatara bit će natpis "Akcije". Nakon što kliknete na njega, otvorit će se prozor u kojem trebate odabrati "Upravljanje".
2. Među svim mogućim opcijama, morate pronaći "Cover zajednice" - to je ono što nam treba. Tamo ćete pronaći polje "Upload" u koje trebate učitati našu gotovu JPG sliku.
3. Gotovo, sada će banner biti postavljen na glavnu stranicu zajednice.

Konačno

Nadamo se da razumijete kako napraviti banner u VK grupi, jer je to znanje potrebno onima koji će stvoriti vlastitu grupu. Ne zaboravite da možete postaviti oglase u banner i biti plaćeni za to.

U ovom članku želio bih sistematizirati sve svoje znanje o dizajnu VKontakte grupa na temelju svog iskustva u interakciji s klijentima i njihovim preferencijama. Štoviše, u proteklih šest mjeseci VKontakt je napravio mnogo promjena kojih mnogi nisu ni svjesni. Želio sam se detaljnije zadržati na nekim inovacijama, jer među njima ima zaista vrijednih i korisnih stvari. Čini se da smo se svi mi već oporavili od nekog šoka nakon redizajna VKontaktea, a iza vidljivih promjena otkrilo se viševarijantno funkcioniranje i popunjenost grupe. Dakle, sada dizajn grupa uključuje složenu proceduru koja nije ograničena samo na grafičku komponentu u obliku prekrasnih slika. Sada vlasnici moraju uzeti u obzir mnoge nijanse izgradnje grupne strukture, ovisno o poslovnoj temi i pogodnostima korisnika.

To se uglavnom tiče odabira grafičkog dizajna između dvije međusobno isključive opcije, izrade internog jelovnika, odabira ulazne točke u interni jelovnik, razumijevanja razlike između kataloga i vitrine proizvoda, pripreme promotivnih materijala za promociju grupe. i korištenje korisnih aplikacija. Ali prije svega. Prvo ćemo pogledati glavne elemente grupnog dizajna, zatim ćemo prijeći na njihovu interakciju u obliku raznih kombinacija, a zatim ćemo govoriti o nekim korisnim značajkama i suptilnostima.

1. Horizontalni poklopac (zaglavlje)
Počnimo s vodoravnim omotom ili zaglavljem. Programeri VKontaktea uvjeravaju nas da naslovnica, zbog svoje veličine, daje veću fleksibilnost u pružanju i vizualizaciji informacija. Obično, osim lijepe slike, zaglavlje sadrži logo, popratne informacije, kontakte, pozivnicu za pridruživanje grupi i adresu web stranice. Sumnjam da će jednog dana omoti postati jedina moguća opcija dizajna za grupu, pa bih preporučio da se odmah prebacite na njih kako bi se kasnije izbjegle redizajna više sile.

Kako preuzeti omot
Da biste preuzeli naslovnicu, trebate otići na Upravljanje zajednicom >> Osnovne informacije o bloku >> Naslovnica zajednice >> Preuzmi. Preporučena veličina omota je 1590×400 piksela. Zaglavlje ne može imati nijedan radni gumb koji se može kliknuti - zapravo, ovo je slika i to je to. Danas je naslovnica vidljiva na mobilnim uređajima, a čini se da je već vidljiva u aplikacijama i klijentima.

Wiki kartica Najnovije vijesti
U gornjem bloku ispod zaglavlja sada se mogu pronaći tri kartice: prikvačena objava, informacije o zajednici i wiki izbornik (samo u grupama, takva kartica ne postoji na javnim stranicama). Naglasak je i dalje na prikvačenom postu, međutim, čak i ako je prisutan, korisnik će sada uvijek imati pristup informacijama o zajednici prebacivanjem između kartica. Da bi se pojavila kartica wiki izbornika (izvorno nazvana Najnovije vijesti), trebate otići na Upravljanje zajednicom » Odjeljci » Sadržaj » Ograničeno (ili javno) » Spremi.

2. Vertikalni avatar
Sada obratimo pažnju na stari dobri avatar za grupu veličine 200x500 piksela. Iako je to i način oblikovanja grupe. Obično se na avataru nalaze sljedeće informacije: logo, popratni tekst ili slogan, kontakti, poziv za pridruživanje grupi. U mobilnim uređajima cijeli avatar nije vidljiv, vidljiv je samo dio – minijatura. Za dizajn grupe možete koristiti horizontalno zaglavlje (naslovnicu) ili okomiti banner. Ako postoji zaglavlje, okomiti avatar nije vidljiv. Avatar ne može imati nijedan radni gumb na koji se može kliknuti - zapravo, ovo je slika i to je to.

3. Minijatura
Trenutačno se okomiti avatar koristi za izradu minijature minimalne veličine od 200x200 piksela. Sličica se koristi u objavama i objavama kao mali krug u blizini naslova i kao veći krug u nekim odabirima i spominjanjima u zajednici. U vezi s prijelazom na zaobljeni oblik, zahtjevi za minijaturom postali su stroži. Kako bi se tekst na sličici mogao pročitati u potpunosti, vizualno ne smije izlaziti izvan granica kruga.

Kako prenijeti minijaturu
Sličica je postala potpuno samostalan element, a kada koristite naslovnicu (zaglavlje) u dizajnu grupe, sada morate napraviti zasebnu sličicu, imajte na umu. Ako grupa nema zaglavlje (naslovnicu), tada za prijenos minijature potrebno je kliknuti "Učitaj fotografiju" u bloku avatara (gore desno). Ako u dizajnu postoji zaglavlje (naslovnica), tada da biste prenijeli minijaturu, morate kliknuti na krug odmah ispod zaglavlja i tamo odabrati stavku "Prenesi fotografiju".

4. Banner
Banner (engleski banner - zastava, transparent) - grafička slika informativnog, reklamnog ili poticajnog karaktera. Banner je priložen kao slika uz post i može imati samo jednu internu poveznicu. Mnogi su još uvijek uvjereni da se iz bannera na glavnoj stranici može napraviti nekoliko poveznica. Nije, samo jedan link i to je to. Izdvojio bih sljedeće vrste bannera.

4.1 Informacije o banneru
Uobičajena vrsta bannera koji sadrži opće informacije o tvrtki, grupi, usluzi ili događaju s detaljnim popisom pogodnosti i drugim popratnim materijalima. Često se koristi kao prikvačeni unos u grupi. Veličina takvog bannera je 510x307 piksela. S ovom veličinom, banner na dnu podudara se s avatarom. Ako nema veze s avatarom, može se koristiti bilo koja veličina. Ja, na primjer, koristim veličinu od 600x350 piksela. Kvadratni format od 510x510 piksela također je prikladan i sada postaje sve popularniji - s ovom veličinom banner zauzima najveće područje u feedu vijesti.

4.2 Banner za ulazak u interni izbornik
Ako banneru iz prethodnog odlomka dodamo upečatljiv natpis “Otvori izbornik”, dobit ćemo banner čija je glavna zadaća služiti kao ulazna točka u interni izbornik. Ponekad naprave zamku u obliku nekoliko gumba na banneru, ali to je iluzija, kada se pritisne, korisnik i dalje dolazi na internu stranicu, a tamo svaki gumb već ima svoju poveznicu. Veličina takvog bannera je 510x307 piksela. S ovom veličinom, banner na dnu poklapa se s autorom. Ako ulaz u izbornik nije vezan uz avatar, tada možete napraviti bilo koju veličinu bannera, čak i uski gumb s natpisom "Otvori izbornik". Glavna stvar je da širina bannera bude najmanje 510 piksela.

4.3 Kartica za repost, promocije
Nedavno su kartice za ponovne objave ili promocije dobile posebnu važnost. Njegova je svrha pozvati na konkretnu akciju. U osnovi je to "Pridruži se grupi, repost ili lajk i osvoji nagradu." Takvi banneri se koriste kao dio reklamnih kampanja ili promocija kako u svojim grupama tako i za promociju u drugim grupama. Obično koristim 600x350 piksela.

4.4 Banner s gif animacijom
Nakon što su programeri VK početkom godine napravili veću veličinu za gif slike, gifovi su se odmah izjednačili s informativnim bannerima. Na primjer, na GIF banneru možete dati slike nekoliko proizvoda ili tekstova koji se mijenjaju - pokret odmah privlači pozornost. A kad je funkcija dodana u lipnju automatska reprodukcija gif animacija u feedu vijesti, tada su GIF-ovi postali predmetom pomne pažnje oglašivača i marketinških stručnjaka.

5. Dizajn avatara + prikvačeni banner
Donedavno je ovaj modularni dizajn, koji se sastojao od avatara i prikvačenog bannera, bio najpopularniji način oblikovanja grupa. Više pojedinosti o tome kako napraviti takav dizajn opisano je u lekciji. S pojavom zaglavlja (poklopca), možda će se popularnost ovog dizajna malo smanjiti.

Osim toga, postoji mogućnost da će VKontakte ponovno promijeniti neke parametre blokova i tada će cijeli dizajn odletjeti, kao što se to dogodilo dvaput u posljednjih šest mjeseci. Dakle, dragi vlasnici grupa, kada birate dizajn za svoju grupu, uzmite u obzir ovu činjenicu. Da, i još nešto, na mobilnim uređajima se ne vidi sva ljepota jedne slike, budući da se ne prikazuje avatar, već samo sličica, a prikvačeni unos se nalazi malo niže.

6. Interni navigacijski izbornik
Izbornik u obliku aktivnih veza nalazi se na internoj stranici VKontaktea i napisan je pomoću wiki naredbi za označavanje. Kako napraviti samu unutarnju stranicu opisano je u lekciji. Korisnik se kreće kroz grupu pomoću izbornika. U nastavku ćemo razmotriti vrste internog izbornika, ali za sada se usredotočimo na nekoliko važnih točaka.

Ulazne točke u internom izborniku
Želim napomenuti jednu suptilnu točku, koja se često zanemaruje. Ponekad klijenti od mene naruče interni jelovnik, ali u isto vrijeme nemaju pojma kako će korisnik ući upravo u taj interni jelovnik. Postoje dva načina da uđete u to: ili putem fiksnog bannera (pogledajte odlomak 4.2) ili putem tekstualne veze na gornjoj kartici ispod statusne trake (vidi sliku ispod). Ponekad se tekstualna veza također postavlja u blok "Veze" u desnom stupcu sučelja.

Veze unutarnjeg izbornika
Obično prilikom naručivanja kupci naznače sljedeće stavke menija: O nama, Naši proizvodi (katalog), Načini dostave, Plaćanje, Garancije, Recenzije, Kontakti, Promocije, Popusti, Raspored, Kako naručiti, Portfolio, Pitanja i odgovori, Informacije, Naručite. Veze iz stavki izbornika mogu ići na odgovarajuće odjeljke vanjske stranice. Tada će se veza automatski otvoriti u novom prozoru. Većina točaka vodi na interne stranice VKontaktea. U tom slučaju, stranica se otvara u istom prozoru i morate napraviti poveznicu ili gumb "Povratak na glavni izbornik".

Veze na albume s fotografijama i videozapisima otvaraju se u novom prozoru. U istom prozoru otvaraju se veze na teme s raspravama (npr. Recenzije), na dijaloški okvir za pisanje poruka, na aplikacije (vidi točku 10.), na odabir po hashtagovima (vidi točku 12.) iu tom slučaju možete dobiti povratak na izbornik samo putem glavne stranice web-mjesta ili putem gumba "Natrag" u pregledniku. Ovo je možda najnezgodniji trenutak s takvim poveznicama.

Uređivanje izbornika
Često me klijenti pitaju je li moguće urediti interni izbornik. Odgovor je, ako ste samouvjereni korisnik i upoznati s wiki označavanjem i načinima uređivanja, onda možete uređivati. Ali ako niste upoznati sa svim ovim, onda apsolutno ne. U tom slučaju jednostavno srušite sve postavke.

Citirat ću riječi samih programera VKontaktea. “Jedan jednostavan savjet uštedjet će vam mnogo truda i živaca: radite samo u jednom načinu rada. Ili je to vizualni ili wiki način označavanja. Upravo prebacivanje između ova dva načina rada u procesu rada na označavanju donosi većinu problema: slike se mogu smanjiti, razni parametri mogu nestati. Ovo je jedna od onih točaka koje će se definitivno popraviti u budućnosti, ali za sada ovu činjenicu morate imati na umu.

Prilagodljivost za mobilne uređaje
I još nešto o prilagodljivosti. Kako bi interni izbornik izgledao isto na mobilnim uređajima, potrebno je kucati na tablicama. Tada će slika biti ožičena. Inače, kada se veličina zaslona smanji, slike se pomiču jedna ispod druge, kršeći izvorno zamišljeni redoslijed.

Ovdje, opet, riječi programera na račun prilagodljivosti. “Izbornik wikija se prikazuje na mobilnim preglednicima, ali se ne prilagođava veličini zaslona, ​​što može uzrokovati da slike izgledaju drugačije nego na stolnoj površini. Na webu možete pronaći vodiče za prilagođavanje wiki oznake za mobilne uređaje, ali čak ni oni ne jamče 100% performanse na svim uređajima.

7. Vrste internog navigacijskog izbornika
Ispod su najčešće vrste internog izbornika. Postoje jednostavnija i isplativija rješenja s visokim stupnjem pouzdanosti. A postoje složeniji i dugotrajniji dizajni u smislu grafike i izgleda. Ali izgledaju impresivnije.

7.2 Veliki grafički izbornik
U ovom slučaju, okomiti red veza nalazi se na velikoj pozadinskoj slici i ima čvrsto fiksiranu strukturu. Evo lekcije.

7.3 Izbornik u obliku ikona, pločica
Ovaj dizajn uključuje nekoliko redaka i stupaca u obliku grafičkih ikona i natpisa na njima, ili grafičkih višebojnih ili jednobojnih pločica.

7.4 Dinamički izbornik s navigacijskim efektom
Vrlo impresivan dizajn koji simulira navigaciju web-mjesta s efektom klikanja na gumbe ili druge oznake posjećenih poveznica. Takvim je izbornikom prilično teško upravljati i zahtijeva vještine u komunikaciji s wiki oznakama, budući da ćete također morati uređivati ​​podatke na stranicama u wiki oznaci. Evo lekcije na tu temu.

Milijuni ljudi svakodnevno posjećuju društvenu mrežu VKontakte. Kako bi usredotočili svoju pozornost, vlasnici posjećenih grupa koriste bannere VKontakte. Proces postavljanja bannera na VK stranicu ima svoje trenutke. Kako napraviti banner u grupi VK raspravlja se u članku u nastavku. Pogledat ćemo primjer spektakularnog bannera, a također ćemo analizirati kako ga sami učiniti lijepim.

Lijepo dizajnirani bendovi uvijek su lakše za pamćenje i vjerodostojniji. Trebali biste poraditi na dizajnu svoje grupe, pa razgovarajmo o najnovijem VK-u.

U zajednicama VKontaktea fotografije u prikvačenim objavama, naslovnicama ili avatarima koriste se kao slike bannera. Sve ovisi o tome kako dizajnirate svoju zajednicu.

Pogledajmo primjer učinkovite upotrebe bannera. Za ovo se obratimo javnoj "moloko_coffee".

Ovdje je korištena dinamička naslovnica koja se nalazi u zaglavlju. Dečki su postavili mjerač vremena koji je odbrojavao vrijeme do kraja izvlačenja, čime su potaknuli kupce da imaju vremena za sudjelovanje. Također, nisu zaboravili ni vizualnu komponentu.

Tako je ovaj banner izvršio dva zadatka: reklamiranje i stilski dizajn grupe.

Izrađujemo bannere za grupe VKontakte u urednicima

Prva stvar koju trebate za izradu banner fotografija je sposobnost rada u raznim grafičkim uređivačima. Nažalost, danas će biti vrlo teško napraviti kvalitetnu i elegantnu sliku bez posebnih vještina.

Ako nemate dovoljno vještina, onda vam možemo savjetovati da koristite pomoć stručnjaka ili gotovih predložaka, o čemu ćemo detaljnije govoriti kasnije.

Najčešće korišteni programi:

• Adobe Photoshop;
• Adobe Illustrator;
• GIMP.

Ovo su tri najpopularnija programa. Ako imate vještine za rad u barem jednom od njih, onda vam neće biti teško napraviti stvarno lijep i koristan banner.

Koje veličine odabrati za banner VKontakte?

Druga stvar koju trebate je poznavanje dimenzija, budući da sve slike na VKontakteu i udaljenosti između njih imaju svoje parametre, koje je važno uzeti u obzir u svom radu. Njihova uporaba će dovesti do boljih rezultata.

Na temelju toga kako ćete točno dizajnirati svoju javnost, koristite odgovarajuće veličine:

• Naslovnica - 1590 x 400 piksela;
• Avatar - 200 x 500 piksela;
• Zakačeni post (kvadrat) - 510 x 510 piksela;
• Zakačena objava (razina s avatarom) - 510 x 308 piksela.

Kako napraviti header banner

Da biste započeli, morat ćete preuzeti i instalirati jedan od gore navedenih programa na svoje računalo. U našim uputama koristit ćemo program Adobe Photoshop.

1. Pokrenimo program.
2. Otvorimo sliku.

1. Zatim, pomoću alata CropTool, izradite okvir dimenzija 1590 x 400 piksela.

1. Zatim odaberite prikazani dio i pritisnite Enter. Slika će biti izrezana.

1. Mi štedimo.

Tako smo dobili banner potrebne veličine.

Sada ga samo moramo prenijeti u grupu:

1. Idite na Upravljanje zajednicom.

1. Odaberite "Postavke" s desne strane.
2. Pronađite redak "Naslov" i kliknite gumb "Preuzmi".

1. Odaberite datoteku na računalu, a zatim prikazani dio.

1. Spremite promjene.

Sličan je i proces rada u drugim urednicima.

Ako se odlučite napraviti banner od nule (sve dizajn, stil, tekst itd.), tada će vam trebati i dizajnerske vještine.

Kako napraviti zakačeni banner u VK grupi

Izrada fiksnog bannera provodi se po istom principu kao i naslovnica, s izuzetkom jednog trenutka - izrađujemo okvir dimenzija 510 x 510 (308) piksela.

Za dodavanje u javnost trebate:

1. Napravite post.
2. Prilikom izrade prenesite gotovu sliku (banner).

1. Objavite objavu.
2. Kliknite na gumb s tri točke i popravite ga.

Tako smo ga stavili na najistaknutije mjesto. Sve što trebate učiniti je dodati oglas ili poveznicu na izbornik.

Kako napraviti susjedni banner Vkontakte

Sada prelazimo na najteže i najzanimljivije.

Što su susjedne slike? Ovo su dvije ili više zasebnih fotografija koje su izravan nastavak jedna na drugu. Ova metoda formira ne samo javnosti, već i profile na VKontakteu.

Možete birati između dva bannera:

• Susjedni banner VK s omotom;

• Uz avatar.

Prilikom izrade prve potrebno je da se obje slike podudaraju s lijeve strane.

Prilikom izrade druge opcije potrebno je uzeti u obzir tri točke odjednom:

• Ima li grupa status - pomiče fiksni dio za 10 - 20 piksela prema dolje;
• Ima li unos tekst - također pomiče fotografiju prema dolje (ovisno o veličini teksta);
• Želite li da slike završavaju pri dnu na istoj razini.

Recimo da ste odlučili napraviti fiksni banner koji će završavati pri dnu na istoj razini kao i avatar, ali niste uzeli u obzir činjenicu da postoji status koji zauzima 20 piksela. I kao rezultat toga, vaša lijeva fotografija se pomaknula prema dolje i ne stane na desnu.

Činilo bi se sitnicom, ali rezultat nije dobar. Stoga, budite oprezni.

Sada prijeđimo na sam proces stvaranja:

1. Prvo morate uzeti dva prazna polja: prvi je 200 x 500 piksela, drugi je 510 x 308 piksela (možda imate druge parametre).
2. Zatim prvi učitavamo na mjesto avatara, drugi na mjesto snimanja.

1. Zatim napravimo snimku zaslona.
2. Učitavanje snimke zaslona u Photoshop.
3. Zatim kliknite drugu tipku miša na alatu "CropTool" i odaberite "SliceTool".

1. Odabiremo dva područja s preciznošću piksela.

1. Uklonite ikonu zaključavanja sa sloja i učinite je nevidljivom.

1. Dodajte sliku i uklopite je u naše okvire.

1. Spremi datoteku za web. I u postavkama odaberite JPEG format. Bit će spremljena u html formatu, a fotografija će biti u mapi slika.

1. Nakon učitavanja slika na njihova mjesta.

Na kraju, ovo je ono što smo dobili:

Izgleda prilično impresivno. Ne zaboravite ovdje samo dodati oglase, linkove na izbornik itd.

Gotovi VK predlošci bannera

Sada pogledajmo kako napraviti banner u grupi VKontakte bez znanja profesionalnih urednika, što može potrajati mjesecima da se svlada. Iskoristite gotova rješenja.

Sada razgovarajmo o gotovim predlošcima.

Prvo, postoje stranice na kojima možete preuzeti sve banere potrebne veličine. To su stranice kao što su:

• Vk-oblozhki.ru
• You-ps.ru
• Psd-box.at.ua

Drugo, možete koristiti usluge na kojima možete napraviti svoju elegantnu sliku na mreži. Ovdje možete dodati tekst, logotipe itd. To su usluge kao što su:

• Fotor.com
• canva.com.

Korištenje takvog softvera uvelike pojednostavljuje proces stvaranja grupe.

Ishod

Za izradu bannera za VK javnost potrebne su vam određene vještine u radu s grafičkim urednicima, strpljenje i razumijevanje materije.

Ne zaboravite na komponentu dizajna. Ona je jako važna. Budući da bilo koja slika u grupi ne bi trebala odbijati korisnike, već privlačiti.

Nadamo se da vam je ovaj članak bio koristan.

Prva prednost izrade bannera je ta što je dostupan online i ne zahtijeva instalaciju dodatnog softvera. Kao što možete vidjeti na snimci zaslona, ​​sama usluga je mala i nije preopterećena poveznicama izbornika, kontrolnim tipkama i raznim postavkama. Na glavnoj stranici ih ima samo 4. Trebat će nam rubrika Moji projekti i Inspiracija. Nakon autorizacije putem Facebooka ili redovite registracije (e-mail + lozinka) možemo pristupiti izradi bannera, postera ili pozivnice.

Kako napraviti banner

Servis ima sve potrebne alate za napraviti transparent brzo i učinkovito te preuzeti u formatu koji nam je potreban. Dostupno je nekoliko formata slika gotovih bannera: JPG, PNG i PDF.

Da biste napravili banner, samo počnite. Idite na web stranicu dizajnera.

1. Možemo odabrati gotov dizajn iz predložene biblioteke gotovih opcija. Zapravo, ako smo zadovoljni slikom i dizajnom, možemo samo zamijeniti tekst svojim;
2. Ili, možete početi stvarati ispočetka postavljanjem željene veličine ili odabirom između predloženih formata (za Facebook, Instagram, Poster, itd.) i učitavanjem svoje slike na uslugu.

Nakon što odaberete željenu veličinu iz predloška ili postavite vlastite veličine, idite na stranicu za izradu bannera. Izbornik s lijeve strane će se promijeniti i poprimiti oblik kao na snimci zaslona. Sada možemo dodati fotografije, pozadine ili pozadinske uzorke iz galerije ili prenijeti vlastite. U preostalim odjeljcima možemo pronaći linije, okvire, oblike i još mnogo toga.

Svaki dodani element može se prefarbati u različite boje, promijeniti veličinu, položaj i prozirnost. Tekst se dodaje zasebno i s njim također možete izvršiti sve gore navedene izmjene. Ruski fontovi su na usluzi.

Gotov projekt bit će pohranjen na vašem računu i možete se vratiti uređivanju kada zatrebate. Gotov banner ili poster možete preuzeti u bilo kojem trenutku u slikovnom ili PDF formatu. Ako vam nešto ne uspije, pogledajte video ispod (zvuk je tih, nažalost, dogodilo se), gdje ćemo pokušati napraviti banner, neki nepretenciozan i preuzeti ga.

Za rad s dizajnerom, bolje je koristiti preglednik Chrome, budući da sam primijetio da pri spremanju Mozilea ekstenzija .png ne odgovara - to se rješava jednostavnim preimenovanjem datoteke i dodavanjem željene (u kojoj je preuzeta) točka i naziv (png ili jpg). Izgleda da je to to.