Designer de bannere gratuit pentru rețelele sociale. Banner VKontakte - cum să-l faci și să îl plasezi singur

01.09.2019 Toate întrebările

Subiectul acestui articol este design nou VKontakte. Schimbat din nou, acum puteți seta o acoperire orizontală într-un grup. Proiectarea comunității tale VK cu un astfel de antet este mult mai interesantă. Sincer, nu sunt necesare cunoștințe Photoshop aici. Poți să o faci fără abilități speciale? frumoasa poza chiar și în PowerPoint, Fotor, Canva, Pixlr Editor.

Mergând la grup, veți observa că în acele grupuri butoanele „ Postare fixată”, „Informații” și „Apăsați meniul”. Și înainte de a fi ascunși. Desigur, toate înscrierile grupurilor au început imediat.

Se încarcă o nouă copertă

Acum să ne dăm seama cum să activăm capacitatea de a instala un antet orizontal. Să facem clic pe butonul „Gestionează”.

Apoi faceți clic pe ultimul și descărcați coperta noua Grupuri VKontakte. Aici puteți înțelege că fișierul descărcat poate fi de orice dimensiune! Dar nu mai puțin de dimensiunea 1590x400 px. Creăm un prototip de copertă în orice editor. Apoi, putem selecta și salva zona care îndeplinește cerințele VK. Iată un sfat despre unde să găsești o imagine de copertă și cu ce editor să folosești

Ce este interesant despre noul design VKontakte?

Principalul lucru: există mai mult spațiu pentru informații. Acum aici puteți scrie numele grupului, scopul creării acestuia, un îndemn la acțiune și așa mai departe. Un astfel de design va fi logic complet și mai funcțional. Dar o poți lăsa design vechi, este o chestiune de gustul fiecaruia.

Când proiectați o copertă orizontală, veți observa asta meniul intern Acum iese cumva din contextul general. Cred că ar fi mai bine să fixați imaginea pentru a merge la meniu. Și folosiți-l pentru a găzdui pagini wiki în grup.

În același timp, aș dori ca dezvoltatorii să adauge o altă opțiune pentru instalarea exactă sa ai o tranzitie placuta pe pagina Wiki.

Aș dori să menționez că din 2016 dezvoltatorii retea sociala VKontakte încearcă în mod activ să creeze această rețea pentru a promova afacerile. Fă-l mai convenabil pentru afaceri sau așa ceva. Din punctul meu de vedere, acest lucru este foarte bun și este la mare căutare în rândul multor antreprenori de pe internet.

Dar cel mai important, în opinia mea, trebuie să ia în considerare cu atenție sistemul „Interdicții”, astfel încât antreprenorii să poată lucra în liniște fără a interfera cu acei utilizatori care au venit să se distreze pe rețeaua de socializare.

Cum să faci o acoperire de grup VKontakte online

Folosiți-vă creativitatea și alegeți ceea ce vă place cel mai mult capac orizontal sau designul deja familiar VKontakte. Crearea online și instalarea unei noi coperți sunt prezentate clar pas cu pas în videoclipul de sub articol.

P.S. Sper că aceste informații vă sunt utile.

P.S.S. Folosește-ți creativitatea și noroc în toate eforturile tale!

ÎN în ultima vreme specialiști în chat-uri închise, începători targetologi, specialiști SMM, precum și antreprenori care încearcă ei înșiși V postări promoționale, foarte des pun întrebarea „de ce dimensiune este nevoie? pentru o postare promoțională?. De aceea, folosind exemple, am decis să descriu în detaliu ce format ar trebui să fie banner pentru postare promotionala, astfel incat sa fie afisat frumos si cat mai voluminos pe PC-uri, telefoane mobile si tablete. Ei bine, hai sa mergem :)

Pentru exemplu clar Voi compara două bannere cu dimensiunile 1280*720 și 800*525. Da, apropo, dimensiunea și calitatea bannerului pot fi diferite - cel mai important lucru aici sunt proporțiile. Așadar, iată cum arată un astfel de banner în fluxul de știri de pe diferite dispozitive:

PC - DESIGN VKONTAKTE VECHI



După cum puteți vedea, un banner cu o dimensiune de 800*525 în partea dreaptă are o indentare mult mai mare decât atunci când utilizați o dimensiune de 1280*720. Deși este mai larg și acoperă o zonă mai mare pentru vizionare prin fluxul de știri. Să vedem cum vor arăta aceste bannere în noul design VKontakte.

PC - DESIGN NOU VKONTAKTE


Ei bine, în noul design VKontakte, ambele dimensiuni diferă doar în înălțime, în timp ce lățimea rămâne aceeași. Și, spre deosebire de versiunea veche VK, nu-l vedem în dreapta indentare mare. Dar bannerul 800*525 surprinde o zonă vizibilă mult mai mare în fluxul de știri decât dimensiunea 1280*720 - imaginea este din ce în ce mai mare!

Acum să vedem cum vor arăta aceste bannere versiunea mobilă Aplicațiile VKontakte pe iOS.

MOBIL - FEED DE ȘTIRI


La fel ca în noul design VKontakte, un banner cu dimensiunea de 800*525 pare mult mai mare (mai înalt) decât un banner cu dimensiunea de 1280*720. Și acesta este un foarte mare plus pentru versiunea mobilă, deoarece zona de vizualizare a știrilor de acolo este mică și publicitatea cu această dimensiune a bannerului va prelua cea mai mare parte!

Ei bine, acum să vedem cum va arăta o imagine pătrată în fluxul de știri! Pentru claritate, voi face un tabel.

PC - design vechi VKontaktePC - nou design VKontakteMobil - aplicație VKontakte







Ei bine, acum suntem clar convinși că o vedere de ansamblu mai mare primesc poze cu o dimensiune de 800*525 și mai mare, apropiindu-se de o formă pătrată. Dar! Nu uitați că postările promoționale conțin și text, așa că atunci când alegeți dimensiunea imaginii, nu uitați asta pentru a vedea textul pe diverse dispozitive, poza nu ar trebui să ocupe tot spațiul vizibil din fluxul de știri! Acest lucru este important!

Deoarece acum o parte a publicului „stă” pe VKontakte prin noul design și majoritatea prin cel vechi, este mai bine să utilizați dimensiunea 800*525. Da, am încercat și m-am chinuit cu alte dimensiuni, încercând să reducem indentația din marginea dreaptă, dar a crescut doar și cea mai mică adâncime (ținând cont de vizualizarea mai mare prin mobil) s-a dovedit a fi 800*525.

Ei bine, asta e tot pentru azi. Vă mulțumim pentru atenție și promoții de calitate! 😉

Vă mulțumim pentru atenție!

În fiecare zi, rețeaua socială VKontakte este vizitată de milioane de oameni. Pentru a-și concentra atenția, proprietarii grupurilor vizitate folosesc bannere VKontakte. Procesul de plasare a unui banner pe o pagină VK are momentele sale. Cum să faci un banner într-un grup VK este discutat în articolul de mai jos. Ne vom uita la un exemplu de banner eficient și, de asemenea, vom descoperi cum să-l faceți frumos.

Grupuri cu design frumos Ele sunt întotdeauna mai ușor de reținut și inspiră mai multă încredere. Ar trebui să lucrați la designul grupului dvs., așa că haideți să vorbim despre noile produse VK.

În comunitățile VKontakte, fotografiile din postări fixate, coperți sau avatare sunt folosite ca imagini banner. Totul depinde de modul în care vă proiectați comunitatea.

Să ne uităm la un exemplu de utilizare eficientă a unui banner. Pentru a face acest lucru, să ne întoarcem la pagina publică „moloko_coffee”.

A fost folosit aici acoperire dinamică, care se află în antet. Băieții au stabilit un cronometru care a numărat invers timpul până la sfârșitul extragerii, încurajând astfel clienții să participe la timp. Nu au uitat nici de componenta vizuală.

Astfel, acest banner îndeplinea două sarcini: publicitate și design elegant grupuri.

Creăm bannere pentru grupurile VKontakte în editori


Primul lucru de care aveți nevoie pentru a crea fotografii banner este abilitatea de a lucra în diverse editori grafici. Din păcate, astăzi va fi foarte dificil să faci o imagine de înaltă calitate și elegantă fără abilități speciale.

Dacă nu aveți suficiente competențe, atunci vă putem sfătui să apelați la ajutorul unor profesioniști sau șabloane gata făcute, despre care vom vorbi mai detaliat mai târziu.

Programele care sunt cele mai des folosite:

  • Adobe Photoshop;
  • Adobe Illustrator;
  • GIMP.

Acestea sunt cele mai multe trei programe populare. Dacă aveți abilitățile de a lucra în cel puțin una dintre ele, atunci nu vă va fi greu să creați un banner cu adevărat frumos și util.

Ce dimensiuni să alegi pentru un banner VKontakte?

Al doilea lucru care este necesar este cunoașterea dimensiunilor, deoarece toate imaginile de pe VKontakte și distanțele dintre ele au propriii parametri, de care este important să luați în considerare în munca dvs. Utilizarea lor va duce la rezultate mai bune.

Pe baza exactă a modului în care vă veți proiecta pagina publică, utilizați dimensiunile adecvate:

  • Coperta – 1590 x 400 pixeli;
  • Avatar – 200 x 500 pixeli;
  • Post fixat (pătrat) – 510 x 510 pixeli;
  • Postare fixată (la nivelul avatarului) – 510 x 308 pixeli.

Cum se face un banner de antet

În primul rând, va trebui să descărcați și să instalați unul dintre programele de mai sus pe computer. În instrucțiunile noastre vom folosi programul Adobe Photoshop.

  1. Hai să lansăm programul.
  2. Să deschidem imaginea din ea.

  1. Apoi, folosind instrumentul „CropTool”, creați un cadru care măsoară 1590 x 400 pixeli.

  1. Apoi, selectați partea afișată și apăsați Enter. Imaginea va fi decupată.

  1. Salva.

Astfel, am primit un banner de dimensiunea cerută.

Acum tot ce trebuie să facem este să-l încărcăm în grup:

  1. Accesați „Managementul comunității”.

  1. În dreapta, selectați secțiunea „Setări”.
  2. Găsiți linia „Copertă” și faceți clic pe butonul „Încărcare”.

  1. Selectați fișierul de pe computer și apoi selectați partea de afișat.

  1. Salvați modificările.

Procesul în alte editori este similar.

Dacă decideți să faceți un banner de la zero (tot design, stil, text etc.), atunci veți avea nevoie și de abilități de design.

Cum să faci un banner fixat într-un grup VK

Crearea unui banner fixat se realizează după același principiu ca și coperta, cu excepția unui punct - realizăm un cadru cu dimensiuni de 510 x 510 (308) pixeli.

Pentru a adăuga publicului aveți nevoie de:

  1. Creați o postare.
  2. Când creați, încărcați poza terminata(banner).

  1. Publicați o postare.
  2. Apăsați butonul cu punctele de suspensie și fixați-l.

Astfel, l-am amplasat în cel mai vizibil loc. Tot ce trebuie să faci este să adaugi reclamă sau un link către meniu.

Cum să faci un banner adiacent pe VKontakte

Acum să trecem la partea cea mai dificilă și mai interesantă.

Ce sunt imaginile adiacente? Acestea sunt două sau mai multe fotografii separate care sunt o continuare directă una a celeilalte. Această metodă este folosită pentru a crea nu numai pagini publice, ci și profiluri pe VKontakte.

Puteți alege unul dintre cele două bannere:

  • Banner adiacent VK cu capac;

  • Adiacent avatarului.

La crearea primei, este necesar ca ambele imagini să coincidă pe marginea din stânga.

La crearea celei de-a doua opțiuni, trebuie luate în considerare trei puncte:

  • Are grupul o stare - deplasează partea fixată cu 10 - 20 de pixeli în jos;
  • Postarea are text - mută și fotografia în jos (în funcție de dimensiunea textului);
  • Doriți ca imaginile să se termine la marginea de jos la același nivel.

Să presupunem că ai decis să faci un banner fixat care să se termine în partea de jos la același nivel cu avatarul, dar nu ai ținut cont de faptul că există un statut care ia 20 de pixeli. Și, ca urmare, fotografia din stânga s-a deplasat în jos și nu se potrivește cu cea din dreapta.

Ar părea un fleac, dar rezultatul nu este bun. Prin urmare, fii atent.

Acum să trecem la procesul de creare în sine:

  1. În primul rând, trebuie să luați două spații libere: primul – 200 x 500 pixeli, al doilea – 510 x 308 pixeli (s-ar putea să aveți alți parametri).
  2. Apoi, îl încărcăm pe primul în locul avatarului, al doilea în locul înregistrării.

  1. Apoi facem o captură de ecran.
  2. Încărcați captura de ecran în Photoshop.
  3. Apoi, faceți clic pe al doilea buton al mouse-ului de pe instrumentul „CropTool” și selectați „SliceTool”.

  1. Selectăm două zone cu acuratețe a pixelilor.

  1. Eliminați pictograma de blocare din strat și faceți-o invizibilă.

  1. Adăugați o imagine și ajustați-o pentru a se potrivi cu cadrele noastre.

  1. Salvăm fișierul pentru Web. Și în setări selectăm format JPEG. Acesta va fi salvat în format html, iar fotografiile vor fi în folderul imagini.
  1. Apoi încărcăm imaginile în locurile lor.

Până la urmă, iată ce avem:

Arata destul de impresionant. Nu uitați să adăugați aici reclame, un link către meniu etc.

Șabloane de bannere VK gata făcute

Acum să ne uităm la cum să faci un banner într-un grup VKontakte fără cunoștințe editori profesionisti, care poate dura luni pentru a stăpâni. Profită de soluții gata făcute.

Acum să vorbim despre șabloanele gata făcute.

În primul rând, există site-uri de unde puteți descărca orice bannere de dimensiunile necesare. Acestea sunt site-uri precum:

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

În al doilea rând, puteți folosi servicii în care vă puteți face propria imagine elegantă online. Aici puteți adăuga text, logo-uri etc. Acestea sunt servicii precum:

  • Fotor.com;
  • Canva.com.

Utilizarea unui astfel de software simplifică foarte mult procesul de creare a unui grup.

Concluzie

Pentru a crea bannere pentru paginile publice VK, aveți nevoie de anumite abilități de lucru cu editori grafici, răbdare și înțelegere a problemei.

Nu uitați de componenta de design. Ea este foarte importantă. Deoarece orice imagine din grup nu ar trebui să respingă utilizatorii, ci, dimpotrivă, să-i atragă.

Sperăm că acest articol v-a fost de folos.

Număr utilizatori activi iar fanii rețelelor sociale se străduiesc pentru 100% din numărul total de utilizatori world wide web. În același timp, poziția de lider în RuNet este ocupată în mod constant de rețeaua de socializare VKontakte. În plus, este considerată cea mai răspândită - peste 150 de milioane de utilizatori înregistrați și asta nu ia în calcul roboții, conturile abandonate și false.

Acest fapt nu putea decât să fie folosit în campaniile publicitare. Astăzi VKontakte oferă cea mai convenabilă publicitate, atât pentru utilizatorii obișnuiți, de exemplu pentru agențiile de publicitate. În același timp, bannerele VKontakte sunt cele mai populare. Utilizatorii le folosesc eficient pentru a dezvolta afaceri și pentru a informa despre evenimentele din grupurile comunitare:

1. Bannerele VKontakte

Un banner VKontakte este o imagine statică sau animată cu o semnătură și un slogan, care în același timp este un link, făcând clic pe care puteți accesa o pagină cu informații mai detaliate despre un produs, serviciu sau eveniment. Această acțiune numit " faceți clic pe banner».

Publicitatea pe rețeaua de socializare VKontakte este reprezentată de două bannere în stânga. Cu toate acestea, profitul de pe urma acestora poate depăși cele mai sălbatice așteptări. Lucrul interesant este că poți posta nu numai bannere publicitareÎn VKontakte, conceput pentru a vinde un produs/serviciu, dar și pe cele care vor fi de interes pentru utilizatorii obișnuiți.

Acest hibrid de publicitate profesională și de utilizator poate ucide două păsări dintr-o singură lovitură. Datorită acesteia, administrația rețelei sociale de top din Rusia aproape a dublat publicul țintă al agenților de publicitate:


Tipuri de publicitate pe VKontakte

În mod convențional, publicitatea VKontakte este împărțită în două tipuri ( prin metoda de plata). Poate fi numită țintă și non-țintă. Dacă cu publicitate direcționată plătiți pentru clicuri pe banner, atunci cu publicitate nedirecționată plătiți pentru afișări. Mai mult, 1000 de afișări sunt mult mai ieftine decât 1 clic. Orice ai spune, cu 1000 de afișări, subiectul va face cel mai probabil cel puțin 1 clic. Prin urmare, a doua opțiune se dovedește a fi mai profitabilă.

  • Imagine. O imagine tematică care vă caracterizează produsul/serviciul, pagina de rețea socială etc.;
  • Nume. Acesta ar putea fi un slogan puternic, numele companiei;
  • Semnătura. Intrare scurtă sau propunere unică de vânzare ( dacă dimensiunea bannerului îi permite să se potrivească).

Reguli de publicitate VKontakte


2. De ce sunt necesare bannere VKontakte?

Pe lângă acoperirea largă a publicului și popularitatea ridicată, publicitatea banner VKontakte are una foarte avantaj important– posibilitatea de țintire precisă. Aproape 90% succes campanie de publicitate depinde de cât de corect este configurat. La urma urmei, nu sunteți interesat de toți participanții la VKontakte, ci doar de o anumită parte a acestora.

Setările VK vă vor permite să determinați în mod independent care parte a publicului va fi afișat bannerul dvs. Există țintire în funcție de vârstă, geografie, sex etc.

Prin configurarea corectă a direcționării, veți elimina afișările inutile, optimizând astfel bugetul pentru campania dvs. de publicitate.

Ca și în cazul altor platforme de publicitate, este important să înțelegem ce anume merită promovat prin VKontakte. Scopul principal al vizitei unei rețele de socializare este comunicarea și divertismentul. Din aceasta putem concluziona că cel mai bine este să facem reclamă la bunuri de larg consum, care poate oferi, de asemenea rezultat bun publicitate realizată în scopul generării de lead-uri. Aproape orice înalt specializat publicitate pe VKontakte este sortit eșecului.

Înainte de a introduce un banner, verificați dacă produsul/marca promovată are o comunitate, un grup de fani sau o pagină publică. Prezența lor va crește semnificativ șansele de succes ale campaniei dvs. de publicitate.

De asemenea, vă rugăm să rețineți categorie de pret. Nu are rost să promovezi produse pe rețelele sociale care costă mai mult de 200 USD:


3. Cum să plasați un banner VKontakte? Cheat sheet pentru începători, secrete și sfaturi

Înainte de a adăuga un banner, urmați linkul „Reclame” din subsolul paginii:



Faceți clic pe " Creați un anunț" și vedem următoarea listă:


Aici trebuie să alegeți exact ce veți face reclamă: aplicație VKontakte (IFrame și Flash), comunitate ( public, grup sau întâlnire), înregistrare video ( cu un link către site-ul web al agentului de publicitate) sau site extern.

Ultima opțiune este cea mai populară. Un link de la un astfel de banner VKontakte redirecționează de obicei utilizatorii către pagina de destinație (pagina de destinație).


Formate de publicitate banner VKontakte

Există trei tipuri de reclame pe care le puteți folosi:

  • Imagine+text. Aici puteți plasa un banner VKontakte de 90 x 65 pixeli cu un titlu (25 de caractere) și descriere (60 de caractere);
  • Imagine mare. Este posibil să adăugați un banner de 90 pe 120 pixeli fără descriere și cu un titlu de 25 de caractere;
  • Opțiune exclusivă. Banner de 90 x 160 pixeli cu un titlu de 25 de caractere. Principalul său avantaj este că, în timp ce rulează, nu sunt afișate alte anunțuri. Cu toate acestea, costul unei astfel de reclame este de 2 ori mai mare.

Prin selectare formatul necesar iar după încărcarea datelor, ar trebui să indicați subiectul și subsecțiunea ( geografie, demografie, interese, educație și muncă, precum și parametri suplimentari). ÎN parametri suplimentari poate fi clarificată sistem de operare, tip de dispozitiv, grupuri de retargeting, browser.

Cu cât este mai precis configurat publicul țintă, cu atât CTR-ul este mai bun, iar cu trafic bun, conversia.

În etapa finală a configurării, înainte de a face un banner VKontakte, indicăm metoda de plată ( pentru afișări sau conversii), platforme de publicitate ( În plus, puteți selecta site-uri partenere de rețele sociale), cost de tranziție. Atribuim un nume campaniei de publicitate.

Faceți clic pe " Creați un anunț„! Și așteptăm până trece moderația. De regulă, în câteva ore, bannerele dvs. VKontakte vor începe să fie afișate clienților potențiali. Acum sarcina ta este să monitorizezi statisticile furnizate de rețeaua socială VKontakte și să iei decizii în timp util pentru a îmbunătăți indicatorii.

4. Cum să inserați un banner într-un grup VKontakte?

Să ne uităm la cum să faci un banner într-un grup VKontakte.

Pasul 1. Accesați pagina grupului:


Pasul 2. În blocul din dreapta, selectați elementul „ Faceți publicitate comunității»:


Înainte de a realiza un banner, determinăm formatul bannerului, tranzițiile sau afișările. Salvăm și așteptăm ca bannerul să treacă de moderare:


5. Banner publicitar pe VKontakte

Bannerul publicitar pe VKontakte servește adesea ca suport de imagine și ajută la promovarea noilor mărci. Cu toate acestea, acest lucru nu înseamnă că nu poate fi de vânzare sau mai puțin eficient decât unul contextual. Bannerul publicitar contribuie la formarea unui public loial, oferind o cerere reprimită. Acesta transformă treptat utilizatorul într-un potențial client. Dacă trebuie să rebrandezi sau să intri pe piață cu un produs nou, bannerele VKontakte funcționează excelent pentru recunoaștere.

Publicitatea pe Facebook este concepută pentru publicul mai în vârstă Odnoklassniki acoperă bine regiunile. În același timp, bannere publicitare pe VKontakte - solutie universala, permițându-vă să promovați mărci și produse noi în rândul tinerilor. Lucrează acolo unde clienții tăi potențiali se relaxează și le vorbește în limba lor, este în zona lor de interes.

Atunci când creați bannere, este important să luați în considerare caracteristicile publicului și caracteristicile de utilizare identitate corporativă. Cu cât este creat un banner mai profesional, cu atât este mai vizibil și mai eficient.

6. Cum să creați un banner VKontakte pentru propriul site web, de ce este necesar și cum poate fi folosit?

Un banner pe care se poate face clic oferă un link către orice pagină de pe site. Când o creați, ar trebui să luați în considerare următoarele puncte. După ce ați încărcat bannerul în fișierele media ale site-ului dvs., adăugați codul oriunde în resursă. De exemplu, decideți să adăugați un banner VKontakte în bara laterală:

Accesați widget-uri și adăugați următorul cod:

În câmpul „adresă link”, indicați adresa paginii unde doriți să redirecționați vizitatorul după ce acesta dă clic pe banner. „Calea către imagine” este un link către banner. Copiați linkul către imagine și inserați-l în loc de „Cale către imagine”.

Testarea este una dintre cele mai importante etapeîn implementarea unei campanii publicitare de succes. Când alegeți un banner VKontakte pentru un site, trebuie să luați în considerare crearea mai multor titluri, imagini și texte. Analizați statisticile și efectuați modificări la setări, acest lucru vă va permite să vă optimizați campania publicitară:


7. Crearea de bannere pentru VKontakte

Te poți limita imagine simplă, cu toate acestea, personalizarea pentru un anumit utilizator și interactivitatea bannerului vă vor permite să obțineți rezultate ridicate.

Așadar, bannerul trebuie să conțină informații care să trezească interes, un motiv de conversie/click, să fie frumos și să aibă un design grafic profesionist.

Există mai multe moduri de a crea bannere:

  • Comanda de la un designer;
  • Creație independentă într-un editor grafic;
  • Utilizare programe speciale pentru a crea bannere;
  • Creare folosind servicii online.

Una dintre cele mai eficiente, simple și moduri rapide este crearea de bannere online. În aceste scopuri, puteți utiliza un serviciu precum bannerfans.com. Interfață în limba rusăși o selecție mare de șabloane vă va permite să creați un aspect interesant.

Avatar și banner pentru grupul VK.

Acum a devenit important atunci când creați un grup pe o rețea de socializare să îl proiectați frumos, mai ales dacă grupul a fost creat pentru afaceri, vânzarea de bunuri sau servicii. Este foarte important ca designul să fie plăcut pentru ochi și să vă diferențieze grupul de concurență. Design frumos crește procentul de noi membri și posibili clienți potențiali care se alătură grupului dvs.

Foarte des, aproape întotdeauna, o fac astfel încât să poți ajunge la meniul din bannerul din partea de sus a paginii. Și adesea cer ca imaginea din avatar să se transforme într-un banner.

Asta vom face acum. Pentru ca totul să fie frumos și să nu se deformeze, vom decide mărimile. Această poză le demonstrează perfect, ținând cont că în partea de sus avem un statut scris nu mai lung de o linie, dacă nu există stare, în unele browsere există o teșire, imaginea nu va trece fără probleme.


Există 10 pixeli între banner și avatar. Dacă doriți să plasați mai multe informații deasupra bannerului, vă sfătuiesc să folosiți rigla mySize și să măsurați totul, ceva de genul acesta.

Aici, de exemplu, distanța nu este de 50 de pixeli așa cum este indicat în imaginea anterioară, ci de 206. Vom ține cont de toate acestea atunci când desenăm linii directoare în Photoshop.

Deci, să începem: Deschideți Photoshop -> Fișier -> Nou sau Ctrl+N.
Se deschide o fereastră, scrieți numele și dimensiunea, dar de ce am luat 2420 până în 2000, pur și simplu ne-am mărit dimensiunile de 4 ori, după părerea mea, arată mai bine așa în VK?

Acum desenăm ghidurile. Dacă nu există rigle de-a lungul marginilor, activați-le: Vizualizare -> Rigle sau Ctrl+R. Ghidurile pot fi scoase din ele, ținând cont de faptul că afișează pixeli pentru a face acest lucru, faceți clic pe riglă clic dreapta mouse-ul și selectați pixeli dacă este selectat altceva.

Există o altă modalitate de a adăuga ghiduri: Vizualizare -> Ghid nou. Se deschide o fereastră, mai întâi alegi de ce ghid ai nevoie, orizontal sau vertical, apoi unde să-l pui.

Setați următoarele ghidaje orizontale: 0, 2000 (cel mai exterior), 200, 1360 pixeli; verticală: 0, 2420 (cel mai exterior), 1580, 1620 pixeli. Și avem un șablon pentru avatarul și bannerul nostru.

Din dreapta colțul de sus Am setat rotunjirea la 30 de pixeli, puteți seta orice doriți. Să alegem o altă culoare decât albul, voi avea albastru și să ne desenăm avatarul și bannerul de-a lungul ghidurilor.

Acum să selectăm o imagine, am un grup pe tema designului, să fie imaginea așa.

Să-l tragem în documentul nostru.

Acum copiem și mutam un strat în stratul de deasupra ava.

Luați instrumentul dreptunghi și desenați două dreptunghiuri în partea de sus și de jos a imaginii. Vom plasa numele grupului în partea de sus și un îndemn la acțiune în partea de jos.

Să facem același lucru cu dreptunghiurile și apoi să le lipim de imaginea cu imaginile. Și o vom revopsi în culoarea care ne place. Am albastru.

Îndemnului îi lipsesc un buton și săgeți. Iar pentru titlu vom face o subliniere.

Vom desena săgețile folosind linii albe sau le vom descărca de pe Internet și le vom lipi. Pentru buton, luați din nou un dreptunghi cu colțuri rotunjite. Facem totul pe stratul de sub inscripția noastră! Reduceți umplerea la 0.

Deschideți stilul stratului și mergeți la stroke, faceți-l alb aproximativ 4 pixeli. Din nou, este la discreția ta.

Sub nume trasăm două linii drepte. Le vopsim în culori: una - puțin mai închisă decât cea principală, a doua - puțin mai deschisă.

Plănuiesc să am niște inscripții pe poză, așa că trebuie să o fac să nu iasă atât de mult în evidență. Să aplicăm o omogenă fundal translucid. M-am jucat mult timp cu culorile și metodele de aplicare și am ajuns la următorul rezultat. Fundal bej - opacitate 80%, modul de amestecare - înmulțire.

Acum mi se pare că nu este suficient cadru în jurul marginilor, fac o copie a imaginii, o fac mai mică și fac aceleași acțiuni ca la buton, scot umplerea și fac o lovitură. Eu fac la fel cu bannerul.

Acum îl puteți instala într-un grup. Pentru a descărca, faceți clic pe descărcare poza nouași descărcați. Pentru banner. Punem un link către meniu. Îl ștergem atunci când linkul apare mai jos ca în captură de ecran și faceți clic pe încărcați fotografia. Faceți clic pe trimite și asigurați-vă că este în numele grupului. Apoi faceți clic pe ora trimiterii și sub postare vor apărea butoane: editați, ștergeți, fixați. Faceți clic - fixați.

Și iată designul nostru finit.

Sper că v-am explicat mai mult sau mai puțin clar, dacă aveți întrebări, voi fi bucuros să le răspund și să încerc să vă ajut să vă dați seama. Voi accepta cu recunoștință criticile rezonabile, deoarece doar învăț toate acestea și nu am atâta experiență pe cât mi-aș dori.

P.S. Bonus - avatar și banner + font, pe care le-am făcut în articol. Schimbăm textul, culorile și imaginea și obținem un design frumos finisat.