In dit artikel vertellen we het je hoe je een brede horizontale avatar maakt in een VKontakte-groep. Laten we met een duidelijk voorbeeld aantonen, hoe je een brede VK-avatar maakt, en geven ook nuttige praktische aanbevelingen.

Allereerst zou ik meteen willen zeggen over het belang van zo'n grafisch element van de VK-groep als een brede horizontale avatar. Vergeleken met een gewone verticale VKontakte-avatar heeft de horizontale een groter gebied en wordt deze weergegeven op mobiele apparaten, waardoor deze efficiënter kan worden gebruikt.
Voordat ik direct een brede avatar installeer, wil ik uw aandacht vestigen op het pictogram van uw groep, dat links tegenover elk bericht wordt weergegeven. Het is rechtstreeks overgenomen uit de miniatuur van de standaard verticale avatar. Indien mogelijk moet het in dezelfde stijl zijn als de toekomstige hoed. Als de header in een andere stijl is gepland, upload dan eerst een gewone avatar en ga dan verder met een brede horizontale avatar.

Laten we dus direct verder gaan met het installeren van een brede VKontakte-avatar.

Instructies voor het maken van een horizontale avatar in een VK-groep.

1) We bereiden een brede avatar met een grootte van 1590×400 pixels voor in een grafische editor.
Een brede horizontale avatar is het gezicht van uw groep en vormt de eerste indruk en houding van bezoekers. Het is noodzakelijk om de creatie van een avatar met speciale zorg te benaderen; dit zal het verdere succes van uw community bepalen.
Denk bijvoorbeeld eens aan de avatar die we hebben voorbereid voor demonstratie:

De belangrijkste elementen die doorgaans in een header worden gebruikt zijn:

• Logo– Stelt de primaire grafische associatie met de groep in.
• Rubriek– Vertelt kort en duidelijk waar de groep over gaat en voor wie.
• Grafische elementen met beschrijvingen volledigere informatie te verstrekken over wat de groep te bieden heeft, welke voordelen en kenmerken de groep heeft.

De hoofdelementen moeten dichter bij het midden en de onderkant worden geplaatst, waarbij ze zich minimaal 100 pixels van de bovenrand en minimaal 220 pixels van de zijranden terugtrekken. Op deze manier zorg je voor een normale weergave van een brede avatar op mobiele apparaten.

2) Laten we verder gaan met gemeenschapsbeheer.

3) Klik op Uploaden naast het veld voor de communitydekking.

4) Laad een vooraf gemaakte horizontale avatar.

5) Wij controleren of de avatar correct wordt weergegeven in de groep vanaf de computer en het mobiele apparaat.

Zoals je kunt zien, het maken van een brede horizontale avatar is helemaal niet moeilijk. Het is belangrijk om slechts een paar kenmerken te kennen.
Ook wil ik uw aandacht vestigen op het feit dat de avatar niet het enige grafische element is dat de stijl van de groep bepaalt. Het totaalbeeld wordt mede gevormd door de vormgeving van posts, albums, producten en andere onderdelen van je groep. Ook hiermee moet rekening worden gehouden.

Als je hulp nodig hebt bij het schrijven van berichten voor de groep, het maken van productkaarten en het schrijven van soortgelijke inhoud, kun je contact met ons opnemen via .

Wij kunnen er ook mee helpen groeps ontwerp. Voor hulp bij het creëren van een brede horizontale avatar-header, een standaard verticaal groepslogo, wiki-menu, merkafbeeldingen en andere ontwerpelementen kunt u contact met ons opnemen.
Om diensten te bestellen en voor eventuele vragen kunt u schrijven.

Vandaag zullen we de huidige avatargrootte voor de VKontakte-groep ontdekken. Na het lezen van het artikel krijg je niet alleen het antwoord op deze vraag, maar kun je ook een PSD-template downloaden voor een prachtige avatar en banner, gemaakt in dezelfde stijl.

Rekening houdend met alle laatste wijzigingen, is de maximaal weergegeven avatargrootte voor een VKontakte-groep 200x500 px. Het is vermeldenswaard dat u voor maximale kwaliteit een afbeelding moet uploaden die 2-3 keer groter is. Dan zal het verlies aan beeldkwaliteit minder merkbaar zijn na het uploaden naar VK.

De hoofdregel is om de verhouding tussen breedte en hoogte te behouden: respectievelijk 2 tot 5.

Je kent nu de maat, het enige dat overblijft is uitzoeken wanneer je de volledige beschikbare hoogte moet gebruiken, en wanneer je je avatar kleiner kunt maken. En dit is afhankelijk van verschillende factoren:

• Onderwerp of niche;
• Aangeboden product/dienst;
• Ontwerp

Heeft u een niche met weinig concurrentie die voor iedereen begrijpelijk is, dan volstaat het om een ​​logo, bedrijfsnaam en soms een korte uitleg van uw activiteiten te plaatsen.

Titels gehoord | Ufa" of "Sportnieuws | Ufa" heeft geen uitleg nodig - alles is duidelijk. Maar de afbeelding van het logo met de naam van de webwinkel behoeft uitleg over het product dat daar verkocht wordt: ‘online kinderkledingwinkel’.

Afhankelijk van de specifieke kenmerken van het aangeboden product of de geleverde dienst kan er extra ruimte voor voordelen nodig zijn. Door voorwaarden op een rij te zetten die gunstig zijn voor de opdrachtgever, kunt u zich onderscheiden van uw concurrenten. Maar vanwege hen zal de grootte van de avatar moeten worden vergroot.

Ik denk niet dat dit slecht is. Als iets de conversies helpt verhogen, moet u deze mogelijkheid benutten.

Door met het ontwerp te spelen, kun je een volledig mooie en werkende versie van de avatar van maximale grootte krijgen, terwijl je er een minimum aan details aan toevoegt.

Deze aanpak is acceptabel voor entertainmentgemeenschappen of groepen privéfotografen. En zeer competitieve commerciële gemeenschappen moeten het maximale uit de beschikbare profielgrootte halen.

Avatar en bannersjabloon

Wij hebben een sjabloon gemaakt die u via onderstaande link kunt downloaden. Hiermee is het mogelijk om zelf een professionele avatar te maken, maar deze zal niet uniek zijn. Hoewel dit niet betekent dat het niet zal werken, kan het de moeite waard zijn om individualiteit te overwegen en onze bonusaanbieding te lezen.

Bonus

We bieden een korting van 200 roebel aan iedereen die het artikel tot aan deze paragraaf heeft gelezen en met ons beslist. Wanneer u bestelt, vermeld dan deze code in de hoofdtekst van uw e-mail: HWC-DEZiGN-200. De code is alleen geldig voor één van uw bestellingen.

– de basis voor effectieve promotie. Een mooie avatar en cover kunnen de conversie van gebruikers die lid worden van de community vergroten, evenals de omzet als de community commercieel is.

Als je een kant-en-klare afbeelding wilt kiezen, moet je dit weten: ontdek de grootte van de avatar voor de VKontakte-groep.

Van alle beschikbare punten is het noodzakelijk om het volgende te benadrukken:

1. Het beeld moet van hoge kwaliteit zijn. Alle elementen moeten duidelijk zijn, zonder onscherpte.
2. De afbeelding mag geen watermerken bevatten: logo's van andere bedrijven of gemeenschappen, beursdiensten, enz.
3. De afbeelding die u kiest, moet betekenisvol zijn en de juiste maat hebben. Het is niet nodig om een ​​afbeelding van een BMW-auto te selecteren in een community gewijd aan Mercedes en vice versa. Een avatar is het gezicht van je community. Het stelt gebruikers van het sociale netwerk in staat de focus van de gemeenschap, de boodschap en thema's ervan te begrijpen.

Zo maak je zelf een avatar voor een VK-groep in de juiste maat? Er zijn veel grafische editors hiervoor. Het handigst en populairst is Adobe Photoshop. Met dit programma kunt u afbeeldingen van elk formaat in hoge kwaliteit maken. Dit alles wordt bereikt dankzij een grote selectie aan hulpeditortools.

Om aan de slag te gaan, moet u een nieuw project maken in Photoshop.

Om een ​​grote afbeelding te maken, moet u de volgende afmetingen instellen in het venster dat wordt geopend:

Breedte: 250px

Hoogte: 450px

Klik daarna op de knop "Maken".

Voor ons verschijnt een werkgebied waar het proces van het maken van een verticale avatar plaatsvindt.

Voor de hoes moeten de volgende afmetingen worden opgegeven:

Breedte: 1590px

Hoogte: 400px

Als resultaat krijgen we een foto in een horizontale positie.

Download als achtergrond voor de ava een geschikte afbeelding van hoge kwaliteit in grootte en plaats deze op de sjabloon. Ga hiervoor naar het menu "Bestand" - "Openen".

Om tekst toe te voegen, moet u het hulpmiddel met het letter “T” -pictogram in het linkerpaneel selecteren.

Selecteer daarna het juiste lettertype en de grootte ervan.

U kunt tekst in elk deel van de afbeelding plaatsen.

Als u niet elke keer nieuwe projecten wilt maken, slaat u deze sjablonen op in PSD-formaat. Ga hiervoor naar het menu “Bestand” – “Opslaan als”

Daarna kunt u deze sjablonen altijd openen en nieuwe afbeeldingen maken.

De gids toont de juiste formaten voor een community-avatar. Ze passen perfect bij het gebruikelijke, klassieke formaat, evenals bij het nieuwe VKontakte-ontwerp met omslag.

De klassieke optie betekent een ontwerp van dit type:

Het nieuwe omslagontwerp ziet er als volgt uit:

Een avatar maken op mobiele apparaten

Als je vanaf iOS- of Android-apparaten een ava voor de VK-gemeenschap wilt maken, moet je aandacht besteden aan gespecialiseerde online diensten.

Neem als voorbeeld de dienst Vkprofi. Om met de site te werken, moet u inloggen via uw VKontakte-account. Hierna heb je de mogelijkheid om een ​​cover, avatar, menu en afbeeldingen voor VK-berichten te maken.

Ga naar het gedeelte 'Avatar'.

Je hebt de mogelijkheid om afbeeldingen, tekst en sprites toe te voegen in het blauw gemarkeerde gebied.

Hierdoor ontstaat het klassieke ontwerp van het volgende formaat.

Om een ​​omslag te maken, gaat u naar het betreffende gedeelte.

In de rechterkolom zijn grafische elementen en tekst toegevoegd.

Om de definitieve versie op te slaan, moet u voor een licentie betalen. Eén dag licentie kost 50 roebel.

Sjablonen gebruiken

Als je opties voor kant-en-klare avatars wilt vinden, let dan op kant-en-klare sjablonen. U kunt lay-outs in PSD-formaat downloaden op de volgende sites:

Jij-ps.ru– Grote selectie sjablonen voor elk onderwerp. Naast de bronnen bevat de site nuttige tutorials over het gebruik van Photoshop. Het downloaden van bestanden van you-ps is gratis.

PS-Magic.ru. Nog een nuttige site met ontwerpbronnen in PSD-formaat. Net als op You-ps.ru kun je hier niet alleen avatars vinden, maar ook lessen over het bewerken en maken ervan in Photoshop.

Sjablonen bestellen bij freelancers

Als u op de bovenstaande sites geen geschikte ontwerpoptie heeft gevonden, neem dan contact op met professionele ontwerpers voor hulp. Het vinden van een webdesigner is heel eenvoudig. Om dit te doen, zijn er veel freelance-uitwisselingen met duizenden artiesten.

Kwerk. Alle diensten op de site worden verkocht voor 500 roebel. Honderden artiesten staan ​​klaar om in de kortst mogelijke tijd een bandontwerp voor u te maken.

. De meest populaire freelance-uitwisseling in het GOS. Registreer u als klant op de site en publiceer een taak om een ​​avatar voor uw openbare pagina te maken. Hierna beginnen artiesten te reageren op de taak die je hebt gemaakt. Kies de kandidaat die u leuk vindt en ga met hem aan de slag.

Weblancer. Een soortgelijke uitwisseling voor het vinden van freelancers. Plaats een bestelling en verwacht reacties van potentiële aannemers om een ​​sjabloon te maken.

U ziet een grote lijst met honderden groepen voor dit verzoek. Ze behoren allemaal tot bureaus en freelancers die gemeenschappen ontwerpen. In de meeste groepen kunt u niet alleen de ontwikkeling van een sjabloon bestellen, maar ook kant-en-klare opties vinden die u gratis kunt downloaden.

Instructies

Open Adobe Photoshop en maak een nieuw document. Stel onmiddellijk de gewenste breedte in op 200px en de hoogte op 500px. Zet de resolutie hoger, maar de bitdiepte van de kleurmodus is niet zo belangrijk, je kunt deze op de standaard 8 bits laten staan.

Begin met de achtergrond. U kunt het eenvoudig met kleur vullen met behulp van het vulgereedschap in het linkerpaneel of door een verloop toe te passen. In dit geval werd een afbeelding als hoofdachtergrond gebruikt. Om te voorkomen dat de afbeelding tijdens het passen wordt vervormd, houdt u Ctrl ingedrukt en sleept u een hoek, waardoor de afbeelding wordt vergroot of verkleind tot de gewenste grootte.

Voeg een foto in die het beste uw essentie weergeeft of wie u wilt laten zien aan bezoekers van uw pagina. Toch is het op basis van je avatar dat mensen je eerst zullen beoordelen. Als je geen foto wilt plaatsen, kun je je bijnaam op de achtergrond schrijven. In dit geval is het de moeite waard om met de tekst te spelen: gebruik extra lettertypen, wijzig de transparantie en het vulniveau en de eigenschappen van de laag zelf. In dit geval werden schaduw- en binnengloedeffecten gebruikt en werd verduistering geselecteerd in de laagoverlay.

Voeg artistieke effecten toe met penselen. U kunt standaard gebruiken of sets vinden op gespecialiseerde sites. Voordat u het penseel gebruikt, maakt u een nieuwe laag door op Shift+Ctrl+N te drukken.

Maak nog een laag om een ​​kader toe te voegen. Selecteer vervolgens het gereedschap "Rechthoekige selectie" en gebruik dit om niet de hele afbeelding te selecteren, maar een paar millimeter afstand te nemen van de randen. Druk op Shift+Ctrl+I, de selectie wordt omgekeerd. Vul het met wit en stel de overvloeimodus in op Zacht licht.

Als u een afbeelding van hoge kwaliteit wilt krijgen, werk dan in een professionele grafische editor. Als u niet weet hoe u het moet gebruiken, open dan een foto of afbeelding in Paint en snijd deze ongeveer bij zodat de afbeelding in de vereiste kaders past. Het ongemak van de ingebouwde editor is dat u de vereiste afmetingen niet nauwkeurig kunt instellen.

Het verlengen van een foto is een eenvoudige procedure, maar vereist toch enige vaardigheid. Als je dit in Adobe Photoshop doet, is het vooral de moeite waard om te weten dat er de opdracht "Vrije transformatie" bestaat.

Je zult nodig hebben

• - Gerussificeerde versie van Adobe Photoshop CS5

Instructies

Start de Adobe Photoshop CS5-editor en voeg de nodige toe foto: Klik op het menu-item “Bestand” > “Openen” (of klik op de sneltoetsen Ctrl+O), selecteer het gewenste bestand en klik op “Openen”. Laten we dit document mondeling aanduiden als D1.

Klik op het menu-item Afbeelding > Afbeeldingsgrootte. In het geopende venster verschijnen de velden "Breedte" en "Hoogte", onthoud deze waarden - dit zijn de afmetingen van de afbeelding die u aan Photoshop hebt toegevoegd.

Om het venster voor het aanmaken van een nieuw document te openen, klikt u op het menu-item “Bestand” > “Nieuw” (of gebruikt u de sneltoetsen Ctrl+N). Laat de hoogte hetzelfde als op de foto, waarvan je de afmetingen hebt bepaald in de tweede stap van deze instructie, en maak de breedte ongeveer anderhalf keer groter. Klik op OK. Laten we dit document mondeling aanduiden als D2.

Selecteer het gereedschap Verplaatsen (sneltoets V), sleep de afbeelding van D1 naar D2 en lijn deze links uit.

Roep het gratis transformatiecommando op. Er zijn twee manieren om dit te doen. De eerste is door op het menu-item Bewerken > Vrije transformatie te klikken. Ten tweede: klik op de sneltoetsen Ctrl+T. Er verschijnen transparante vierkante markeringen aan de zijkanten en hoeken van de laag. Beweeg uw cursor over de markering aan de rechterkant van de afbeelding. De cursor verandert in een dubbele pijl. Houd de linkerknop ingedrukt en sleep de muis naar rechts tot aan de uiterste rand, waardoor de afbeelding wordt uitgerekt. Druk op Enter om het resultaat op te slaan.

Om het resultaat op te slaan, klikt u op het menu-item "Bestand" > "Opslaan als" (of gebruikt u de sneltoetsen Ctrl+Shift+S), selecteert u het pad voor het toekomstige bestand, voert u de naam in en specificeert u Jpeg in het "Bestandstype" veld en klik op “Opslaan”.

Om de vorige actie ongedaan te maken, gebruikt u de sneltoetsen Ctrl+Z. Om meer dan één actie ongedaan te maken, gebruikt u het venster Geschiedenis (menu-item Venster > Geschiedenis).

Video over het onderwerp

Tegenwoordig is het moeilijk om een ​​student te vinden die niet is geregistreerd in het grootste sociale netwerk van Rusland, VKontakte. Om nog maar te zwijgen van het vermakelijke onderdeel van deze hulpbron, het blijkt vaak nuttig te zijn om contact te maken met vrienden en kennissen op de universiteit, met hen te communiceren en gezamenlijke problemen op te lossen. Hieronder bespreken we hoe je op VKontakte kunt aangeven aan welke instelling voor hoger onderwijs je studeert.

Je zult nodig hebben

• Internettoegang

Instructies

Log in op uw VKontakte-account. Om dit te doen, voert u vkontakte.ru in de adresbalk van uw browser in, voert u uw e-mailadres (of login) en wachtwoord in op de geopende pagina en klikt u op 'Inloggen'.

Om naar de pagina te gaan waar u uw hoger onderwijs kunt bewerken, klikt u op de inscriptie 'Bewerken' tegenover de kop 'Onderwijs' aan de rechterkant van de pagina, of klikt u op de knop 'Bewerken' naast de inscriptie 'Mijn pagina'. in de linkerbovenhoek en selecteer het gedeelte 'Onderwijs'. Klik vervolgens op het tabblad ‘Hoger Onderwijs’, rechts van het actieve tabblad ‘Secundair Onderwijs’.

Nu kunt u direct doorgaan met het kiezen van uw universiteit. Selecteer hiervoor één voor één: het land waar je studeert, de stad waar je universiteit is gevestigd, de hoger onderwijsinstelling zelf, de studievorm, je status en afstudeerdatum. Klik daarna op "Opslaan"

Indien nodig kunt u meer dan één instelling voor hoger onderwijs op uw pagina vermelden. Om dit te doen, klikt u na het opslaan van de eerste universiteit op de inscriptie "Onderwijs toevoegen" en voert u opnieuw alle stappen uit die in de vorige paragraaf zijn beschreven.

Zodra u klaar bent met het selecteren van de universiteiten waar u heeft gestudeerd of studeert, keert u terug naar uw pagina en zorgt u ervoor dat de door u toegevoegde informatie verschijnt onder het kopje 'Onderwijs'.

Let op

Om een ​​instelling voor hoger onderwijs op VKontakte toe te voegen, moet u de afkorting kennen.

Nuttig advies

Onthoud de inloggegevens voor uw VKontakte-pagina.

U kunt veel bezoekers naar uw sociale netwerkpagina trekken of uzelf op het forum bekend maken met behulp van een indrukwekkende avatar of luide Nick. Vakkundig geselecteerd, zullen deze attributen uw houding ten opzichte van de wereld om u heen kunnen uitdrukken, zonder uw deelname zullen ze een virtueel interview vertellen Nick Het gaat om wie jij bent als persoon. Met behulp van programma's voor het genereren van bijnamen is het mogelijk om een ​​nieuwe bijnaam gedenkwaardig en origineel te maken.

Hallo allemaal, dit is Roman Litvinov, ontwerper van het Ardens.pro-team. Vandaag kwam ik naar je toe met een handleiding over hoe je een enkel blok van een avatar en een VKontakte-menu (als één geheel) kunt maken. Eerst voorbeelden van hoe het eruit zal zien.

Voorbeelden:

Avatarmarkering voor VK-groep

Om te beginnen hebben we een raster nodig. Om het te maken, maken we een screenshot van de groepspagina en gooien deze in het project, in mijn geval in Photoshop.

Gebruik vervolgens de toetsencombinatie CTRL+R om de linialen op te roepen en hulplijnen langs de randen van de avatar en de sluiting te plaatsen. Om de gids uit te breiden, moet u LMB op de liniaal houden en deze naar onze lay-out trekken.

De grootte van de avatar die we in de browser zien zonder te schalen is 200x500 pixels. En in deze vorm 395x237 pixels vastgelegd.

snijden

We hebben de markeringen gemaakt, laten we nu beginnen met snijden. Waarom nu? Ja, want dit is bijna het einde van mijn gids.
Voor het snijden hebben we het gereedschap “Cutting” nodig (in de Engelse versie “Slice tool”)

Met behulp van deze tool maken we sneden langs onze hulplijnen, met name in de avatar, en bevestigen we langs de randen.

Het zou zo moeten uitpakken.
Vervolgens verwijderen we onze screenshot uit de lagen en gaan we verder met het project. Wij gaan het ontwerp niet ontwikkelen, maar ik laat je zien wat er gaat gebeuren. Laten we een foto van een meisje aan ons project toevoegen. Het belangrijkste voor ons is om op het gebied van het knippen en repareren van de avatar te komen.

Nadat we aan ons ontwerp hebben gewerkt, slaan we de uitgesneden onderdelen op met CTRL+SHIFT+ALT+S of Bestand->Opslaan voor web...

Houd in dit venster Shift ingedrukt, selecteer onze avatar en klik op Opslaan
Maar dat is niet alles. In het venster dat verschijnt selecteer je fragmenten, selecteer je “Alleen geselecteerde fragmenten” en klik je op Opslaan. Daarna snijdt Photoshop het gebied met de avatar en de bijlage af van de gehele lay-out.

In de map waarin we het knipsel hebben opgeslagen, zullen we zoiets als dit zien.

Eén blok avatar en menu voor een VKontakte-groep

Upload gerust onze avatar en pin deze aan de testgroep om het resultaat te zien

Zo krijg je dankzij deze acties een enkel blok avatar en menu in VKontakte-groepen.

Voltooiing

Ik hoop dat mijn minigids nuttig was en dat u uw groepen mooier en gedenkwaardiger kunt maken.

Nuttige artikelen over soortgelijke onderwerpen:

Grappig filmpje (op sommige plekken kun je niet zien of het ‘gephotoshopt’ is of niet)

Let op concurrentie:
Ik geef iemand die deze les herhaalt een set stickers waaruit hij kan kiezen, en hij kan een avatar maken en deze in één stuk bijvoegen 😉

Like, laat reacties achter, gooi muffins of tomaten in onze groep