Vandaag vond ik een uitstekende Photoshop-les in het Russisch over hoe je je eigen avatar maakt in Photoshop met vonken. In de les wordt op een zeer toegankelijke en begrijpelijke manier uitgelegd hoe je in slechts 10 stappen een zeer indrukwekkende avatar kunt maken.

Photoshop-lessen - hoe je zelf een avatar met vonken maakt in Photoshop

Eén punt wil ik meteen duidelijk maken. Als u niet weet hoe u Photoshop moet gebruiken, is het beter om sjablonen voor Photoshop te downloaden op de website http://framestok.ru/templatess/ en geen last te hebben.

Voor deze les moet je de meest spectaculaire foto kiezen die je in je archief hebt. Als dit niet gebeurt, is het beter om een ​​camera te nemen en je eigen afbeelding te maken!
Open de foto in Photoshop en verander deze in zwart-wit.

Stap 2

Nadat de foto gereed is, schakelt u het paneel in Omtrekken(paden) en klik op de knop Maak een nieuwe schets(nieuw pad maken) is in de afbeelding gemarkeerd met de letter (A).
Druk op de Engelse letter "P" op uw toetsenbord om het gereedschap Pen te selecteren. Stop nu en denk na over hoe je de vuurlijnen het beste kunt positioneren. Heb jij het bedacht? Ga dan verder! Houd de richting voorlopig in je hoofd.

Stap 3

• Klik op het document om het eerste punt van de contour te plaatsen.
• Voeg een tweede punt toe en geef de omtrek een vloeiende buiging.
• Blijf werken aan je briljante idee.

Houd er rekening mee dat u de vorm van de omtrek op elk gewenst moment kunt wijzigen.
U kunt Ctrl ingedrukt houden en naar het hulpmiddel overschakelen Witte pijl(direct selectiegereedschap) om de omtrek snel aan te passen.

Stap 4

Eindelijk is de schets klaar! Stop trouwens niet lang in de gebieden die later achter je armen en benen verborgen zullen zijn, want ze zullen nog steeds niet zichtbaar zijn.

Stap 5

A. Neem nu een zacht rond gereedschap Borstel, grootte naar eigen goeddunken (in de tutorial gebruikten we een penseel = 5 px) oranje kleur.

B. Maak een nieuwe laag en noem deze “Vuur”!

B. Ga terug naar het Padenpalet en selecteer de knop onderaan genaamd Hartinfarct(streekpad, gemarkeerd met de letter C).

Stap 6

Er verschijnt onmiddellijk een rode lijn langs de contour! Om de omtrek uit de weg te houden, drukt u op Ctrl + H om deze te verbergen.
Op de afbeelding is het je misschien opgevallen dat er extra oranje lijnen zijn verschenen. Dit effect geeft echt de illusie van vuurbeweging! Maar we hebben er geen contouren voor gemaakt!
Hoe dit te doen? Het is heel eenvoudig: neem een ​​stempel.

Stap 7

Wis met een gum de extra delen van de lijn die niet zichtbaar mogen zijn achter de benen en armen.

Stap 8

Klik met de rechtermuisknop op de Vuurlaag en selecteer Overvloeiopties, waar u verschillende laagstijlen kunt toevoegen.
Probeer dezelfde stijlen en instellingen te gebruiken die u hieronder ziet, maar weet dat de instellingen kunnen worden aangepast aan uw smaak en kleur.
Dus laten we toevoegen:
Innerlijke schaduw, buitenste gloed en innerlijke gloed

Stap 9

Dupliceer de laag "Vuur" en verander de overvloeimodus van de laag naar Overlappen(Overlay)
Schakel op de gedupliceerde laag de ogen van de stijlen Inner Shadow en Inner Glow uit om ze te deactiveren.

Stap 10

Dubbelklik nu op de resterende Outer Glow-stijl om de instellingen te wijzigen.

FINISH!
Je moet wat meer, en misschien wel veel tijd, aan je werk besteden om zoiets als dit te krijgen...

Nog een kleine opmerking... dupliceer de Fire-laag opnieuw en pas deze erop toe filter - vervorming - golf(filter>vervormen>golf)... Speel met het dekkingsniveau en de overvloeimodi, vooral Overlay.
Als gevolg hiervan zou u een prachtig vonkeneffect moeten krijgen, zoals bij gassnijden. Ze zien er erg indrukwekkend uit op een zwart-witte achtergrond!
Succes!

Net zoals ze in het echte leven zeggen ‘je ontmoet mensen aan hun kleding’, zo ontmoeten ze je op internet ook ‘aan je avatar’. Natuurlijk letten ze ook op de bijnaam, maar dit is in mindere mate. Het beeld valt duidelijker op en wordt sneller onthouden. Als gevolg hiervan besteden steeds meer jonge mensen aandacht aan dit specifieke element van hun profielontwerp. En het zijn niet alleen jongeren die zich afvragen hoe je een avatar maakt in Photoshop. Soms lees je meningen als: waarom zelf een avatar maken als het internet vol staat met sites waar je deze gratis kunt downloaden. Het antwoord op deze vraag ligt aan de oppervlakte. Een unieke avatar is een teken van individualiteit. Avatars die voor publieke toegang zijn geplaatst, migreren van de ene site naar de andere. Wil je dat iemand anders een avatar zoals die van jou heeft? Wij denken van niet.

Het maken van een avatar in Photoshop is helemaal geen moeilijk proces. Het is beter om wat tijd te besteden en de gelukkige eigenaar van een individuele tekening te worden dan om niet op te vallen tussen de meeste gebruikers.

De allereerste stap is het bepalen van de grootte van je avatar. Als je het artikel leest, wordt het iets gemakkelijker, maar pixels zijn daar niet zo belangrijk. Bijna alle forums en sociale netwerken stellen eisen aan de grootte en het gewicht van een avatar. De meest voorkomende afmetingen zijn 100x100 px. Maar niet altijd. Het is in ieder geval niet nodig om grotere dan acceptabele maten te maken.

Denk vervolgens na over wat er op de avatar zal worden afgebeeld. Als je je foto wilt plaatsen, kies dan voor de hoogste kwaliteit en de mooiste. Neem de tijd. Een mooie avatar in Photoshop moet jouw individualiteit volledig karakteriseren. Van de meest succesvolle foto maken wij een avatar. Het moet duidelijk zijn dat een grote foto met schepen of paarden er te klein en niet te onderscheiden uitziet. Kies voor je profielfoto afbeeldingen met grote en duidelijke objecten.

Start Photoshop en maak een nieuw document. De afmetingen moeten overeenkomen met de afmetingen die vereist zijn op de site waar de avatar zal worden geplaatst. Sleep vervolgens de geselecteerde foto of afbeelding naar het werkvenster. Het zal enige tijd duren voordat je de bron op een manier plaatst die bij je past. Nadat u het gewenste resultaat heeft bereikt, slaat u de prachtige avatar uit Photoshop op in een willekeurige map op uw computer.

Het belangrijkste is dat u uw avatar in Photoshop niet groter maakt dan vereist op de site. Anders kan al het werk in de soep lopen. En dat zal een schande zijn. Er zijn maar weinig mensen die hun tijd willen verspillen. Nu begrijp je hoe je een avatar maakt in Photoshop. Zoals u kunt zien, is er niets bijzonders aan dit proces.

Beste vrienden, vandaag wil ik jullie vertellen hoe je een avatar kunt maken in Photoshop. Na het bestuderen van deze les leer je hoe je dergelijke avatars zelf kunt maken.

We zullen zo'n mooie avatar maken. Ik heb de avatargrootte 100x100 pixels gemaakt.

Eerst maken we een eenvoudige avatar van een foto en daarna voegen we een eenvoudige animatie toe.

Voor de les heb ik deze afbeelding geselecteerd (de bron van de afbeelding, het lettertype voor het werken in Photoshop en het bronavatarbestand zelf in psd-formaat, je kunt het downloaden naar je computer, aan het einde van het nieuws is er een link om te downloaden het archief met de bestanden).

Laten we verder gaan met de les zelf.

Een avatar maken van een foto

1. Open onze afbeelding in Photoshop Bestand → Openen(Bestand → Openen of CTRL+O).

2. Neem het gereedschap Gewas(bijsnijden, C) en selecteer deze instellingen:

In de velden Witdh(Breedte) en Hoogte(Hoogte) geef de waarde op: 100 px.

Klik daarna Binnenkomen en we krijgen een avatar van 100 bij 100 pixels.

4. Laten we nu een omtrek van 1 pixel aan onze avatar toevoegen. Laten we naar het palet gaan Vensters → Lagen(Vensters → Lagen of F7). Selecteer de achtergrondlaag " Achtergrond"en dubbelklik erop met de muis (breng de achtergrondwoorden over naar een eenvoudige laag). Geef de laag een naam en klik OK.

Dubbelklik nogmaals op de laag en ga naar de laagstijlinstellingen. Selecteer een artikel Hartinfarct(Stroke), stel deze instellingen in en klik OK.

Laten we nu tekstanimatie aan onze banner toevoegen in de vorm van een doorlopende letter.

Maak een geanimeerde avatar in Photoshop

5. Een hulpmiddel gebruiken Gereedschap Horizontale tekst(Horizontale tekst, T), schrijf de tekst “Sponge Bob”. De instellingen voor de tekst zijn als volgt:

6. Laten we een schets voor de tekst maken. In het palet Lagen(Lagen, F7) selecteer de laag met de tekst, dubbelklik erop met de linkermuisknop en in de laagstijlen voor Hartinfarct(Stroke) stel de volgende instellingen in:

7. Kopieer vervolgens de tekstlaag. In het palet Lagen(Lagen, F7) selecteer de laag met de tekst en klik CTRL+J(er wordt een kopie van de laag verkregen). Daarna nemen we de tool Gereedschap Horizontale tekst(Horizontale tekst, T), klik op onze tekst en verwijder deze (selecteer de tekst met de muis en klik Verwijderen) alle letters behalve "S".

Breng daarna voor de laag met de letter "S" een kleurvulling aan in het palet Lagen(Lagen, F7) dubbelklik op de laag en selecteer in stijlen Kleuroverlay(Vul met kleur), verwijder ook de streek uit de laag.

8. Kopieer daarna de laag met de letter "S" - klik CTRL+J. Verplaats daarna de gekopieerde laag iets naar rechts (je kunt de laag verplaatsen met de knop “ Omhoog«, « Omlaag«, « Rechts«, « Links"). Vervolgens nemen we de tool Gereedschap Horizontale tekst(Horizontale tekst, T), klik op de tekst en vervang de letter “S” door “P”.

Uiteindelijk zou het er zo uit moeten zien:

9. We hebben alles klaar voor de animatie, laten we beginnen met het maken ervan. Laten we gaan Windows → Animatie(Windows → Animatie).

10. Laten we ons eerste frame opstellen. Laten we naar het palet gaan Lagen, F7 en schakel de zichtbaarheid uit van lagen die we niet nodig hebben (om de weergave van een laag in of uit te schakelen, moet u het "oog" naast de naam ervan in het lagenpalet verwijderen).

11. Laten we nu ons frame kopiëren. In het palet Animatie, druk op de knop Dupliceert het geselecteerde frame(Kopieer geselecteerd frame).

13. Nu kunt u op de knop “ Toneelstuk» en bekijk de animatie. U kunt ook de tijd instellen waarop een frame wordt weergegeven, aangezien al onze frames vrijwel hetzelfde zijn, kan de tijd voor elk frame op hetzelfde worden ingesteld (selecteer met de toets Verschuiving, al onze frames, klik met de rechtermuisknop onder een willekeurig frame), ik koos voor 0,2 seconden.

14. Het enige dat overblijft is om het zo te configureren dat onze animatie voortdurend wordt herhaald; klik met de linkermuisknop op de inscripties Eenmaal(Eenmaal linksonder) en selecteer het item in de vervolgkeuzelijst Voor altijd(Constant).

.

15. Sla onze animatie op, ga naar het menu Bestand → Opslaan voor web & Apparaten(Bestand → Opslaan voor internet... of ALT+SHIFT+CTRL+S). Selecteer in het venster aan de rechterkant het bestandsformaat “ GIF» en druk op OK.

Dat is alles, de les is voorbij, open het resulterende bestand op uw computer in een browser of afbeeldingsviewer en bewonder de animatie:

Nu kunnen we onszelf prijzen, we hebben geleerd hoe we zelf geanimeerde avatars kunnen maken in Photoshop!

Je kunt dit ook doen geanimeerde avatar gratis download in PSD-formaat(link om het archief met bestanden te downloaden staat aan het einde van het nieuws).

Heb je vragen over de les? Misschien lukt er iets niet? Schrijf in de reacties, ik beantwoord ze graag.

Laten we samen deze interessante en mysterieuze wereld van Adobe Photoshop verkennen.

Hoe maak je een avatar voor gebruik in contact, etc.?

Wauw, het was zomer dit jaar! Alles plakt, inclusief de hersenen... Het is warm, ik heb nergens zin in. Maar er komen vragen en deze vragen moeten beantwoord worden. Dit is precies wat we vandaag gaan doen.

Het onderwerp van het volgende artikel omvat het antwoord op de vraag: Hoe u uw eigen avatar voor een contactpersoon kunt maken in online Photoshop .

Elke gebruiker wil zijn eigen onderscheidende kenmerken (zijn eigen ava) hebben in verschillende sociale netwerken, zoals " In contact". Meestal ontvangen mensen voor dit netwerk verzoeken om een ​​avatar te maken. En het is helemaal niet moeilijk om het te doen, vooral niet met online Photoshop.

Trouwens, avatars kunnen geanimeerd of statisch zijn. We hebben trouwens beide op onze website, en als je lui bent, kun je sets avatars van onze website downloaden en deze voor jezelf gebruiken. Vandaag zullen we leren hoe we een statische ava kunnen maken. Je kunt zelf een geanimeerde avatar maken met behulp van verschillende gratis programma's voor het maken van animaties, waarvan er inmiddels heel veel zijn. Onze taak is om te beschrijven NHet proces van het maken van een avatar in online Photoshop .

Ik zal meteen zeggen dat elke persoon zijn eigen voorkeuren en ideeën heeft over hoe zijn unieke en beste avatar eruit zou moeten zien. Wij maken op geen enkele wijze aanspraak op deze ideeën. Het doel van dit artikel is om duidelijk te laten zien hoe je eenvoudig je eigen persoonlijke avatar kunt maken. Het resultaat is dat je na het lezen van dit artikel binnen een paar minuten de naar jouw mening beste avatar voor jezelf kunt maken.

En dus - laten we aan de slag gaan . Open online-Photoshop. In de regel is de standaard avatargrootte 100x100 pixels.

Voor de duidelijkheid maken we een afbeelding van 200x200 pixels. In ieder geval kan de kont altijd worden verkleind tot de gewenste maat. Hoe je een foto in online Photoshop kunt verkleinen, lees je in andere artikelen op onze website.

Nadat u online Photoshop hebt geopend, selecteert u 'Nieuwe afbeeldingen maken' in het centrale menu. Laten we er meteen een naam voor bedenken, bijvoorbeeld my_avatar (het is beter om de naam in Latijnse letters te schrijven), stel de grootte van de toekomstige avatar in op 200x200px en klik op OK. De basis voor de toekomstige ava is klaar.

Omdat de meerderheid van de bezoekers die een avatar willen maken en vragen willen stellen over dit onderwerp meisjes zijn (niet beledigend voor mannen), hebben we deze foto als basis voor onze avatar genomen: Dit is een zwevende bij. Sla de afbeelding op uw computer op en upload deze vervolgens naar online Photoshop door de opdracht uit het bovenste menu uit te voeren (Bestand->Openen). We eindigden met twee open documenten. De eerste is onze sjabloon van 200x200 pixels, de tweede is een afbeelding van een bij. Laten we het bijenbeeld actief maken

en (klik er gewoon op) en druk vervolgens op Ctrl+A om de volledige afbeelding van de bijenafbeelding te selecteren, en druk vervolgens op Ctrl+C om de selectie naar het klembord te kopiëren. Klik op de avatarsjabloon (witte achtergrond) om deze actief te maken. Druk nu op Ctrl+V om de bij in je avatar te plaatsen. Aan de linkerkant van het lagenpaneel is een extra laag verschenen. Je kunt hier zien wat we hebben.

Klik op de miniatuur om te vergroten. Een klein toevluchtsoord

. Natuurlijk kun je een bij langs de contouren uitknippen en alleen zijn lichaam in onze avatar invoegen, maar in dit artikel laten we het principe en de volgorde van acties zien, en naar analogie kun je, als je leert, het ook doen manier die u verkiest.
Verplaats de laag met de bij om deze omhoog te verplaatsen, zoals weergegeven in de onderstaande afbeelding.
Nu moet je op de laag “Achtergrond” rechts in het paneel “Lagen” klikken, waardoor we deze actief zullen maken. Selecteer de vulkleur voorgrond R-147 linksonder in het paneel.

G-181 B-42 (zoals weergegeven in de afbeelding), en selecteer vervolgens het "Verfemmergereedschap G", en klik op het witte gedeelte van de laag. Dus hebben we deze laag gevuld met groen. We hebben een gazon en er vliegt een bij overheen.

Om de tekst, kleur en grootte te bewerken, moet u opnieuw het gereedschap "Typgereedschap T" selecteren, op de tekstlaag zelf in de afbeelding klikken en wijzigingen aanbrengen. Wat we hebben, wordt weergegeven in de figuur.

Het enige dat overblijft is het toevoegen van effecten aan de tekst van onze ava. Om dit te doen, klikt u met de rechtermuisknop op de laag met de letter "A", aan de rechterkant in het lagenpaneel en in de vervolgkeuzelijst - selecteer "Laagstijlen". Klik vervolgens op de bovenste inscriptie "Slagschaduw", stel de waarden in zoals weergegeven in de afbeelding en klik OK.

Naast het ene effect dat we hebben toegepast, staan ​​er nog een aantal andere effecten op dit tabblad. Dat kan probeer met hen samen te werken om het gewenste resultaat te bereiken.

Dit is wat we hebben gekregen. Het enige dat overblijft is om de avatar op uw computer op te slaan, zodat u deze vervolgens kunt gebruiken.

PS. Dit artikel bespreekt de eenvoudigste manier om een ​​avatar te maken met behulp van online Photoshop. U kunt proberen een ava te maken op basis van een rechthoek met afgeronde hoeken - ("gereedschap Tekengereedschap").

Het kopiëren van sitemateriaal is alleen toegestaan ​​met schriftelijke toestemming van de auteur A

Om het penseel te maken, hebben we een nieuwe laag nodig. Maak een nieuwe laag door op de toetsencombinatie Ctrl+Shift+N te drukken en schakel vervolgens de zichtbaarheid van de afbeeldingslaag uit. De nieuwe lege laag zou nu actief moeten zijn. Maak met behulp van het gereedschap Rechthoekig selectiekader een geselecteerd gebied van ongeveer 8 bij 80 pixels groot (de afmetingen zijn niet belangrijk, de verhoudingen zijn belangrijk) en vul de selectie met zwart door op de D-toets te drukken en vervolgens op Alt+Delete

Neem opnieuw het gereedschap “Patroonstempel”. Nu moeten we de stempelpenseelinstellingen verduidelijken, waarvoor we op de knop klikken:

Het gebruikelijke palet met penseelinstellingen wordt geopend.
Voer eerst de penseelpuntparameters in:

Dan de penseeldiffuse-instellingen:

En nu de animatie!

Bereid eerst de animatielagen voor.

Vul de laag waar we de rechthoekige selectie hebben gemaakt met wit door op Ctrl+Delete te drukken; vergeet niet deze te deselecteren door op Ctrl+D te drukken. Dit zal de achtergrond zijn van onze animatie.

Maak vervolgens een nieuwe laag door op het pictogram Een nieuwe laag maken onder aan het lagenpaneel te klikken, of u kunt op de toetsencombinatie Ctrl+Shift+N drukken. Dit wordt ons tweede animatieframe. We brengen er de eerste streken op aan met een patroonstempel, het zou er ongeveer zo uit moeten zien:

Maak een nieuwe laag. We tekenen meer fragmenten met een stempel:

Ik herhaalde de handeling van het maken van een laag en het erop tekenen met een stempel, verschillende keren, acht keer, totdat ik een afbeelding als deze kreeg:

Laten we nu de stempelpenseelinstellingen wijzigen.
Nu moet u de parameter Verstrooiing terugbrengen tot ongeveer 120%.

Opnieuw maak ik verschillende nieuwe lagen en schilder deze met een penseel.

Nu is het tijd om de penseelinstellingen opnieuw te wijzigen, deze keer verlaag ik in het gedeelte ‘Penseelafdrukvorm’ de waarde voor ‘Intervallen’ tot ongeveer 170 procent. En opnieuw herhaal ik de stappen van het maken van lagen en tekenen totdat de afbeelding in het document bijna is samengesteld:

Laten we nu beginnen met het animeren van de avatar. Schakel de zichtbaarheid van alle lagen uit, behalve de witte achtergrond. Open het animatiepaneel Venster --> Animatie of Venster --> Tijdlijn in Photoshop CS6. Er verschijnt een witte achtergrond op het eerste en momenteel enige frame van de animatie. Laat de standaard frameweergavetijd op 0,5 seconde staan. Maak een tweede animatieframe door op de knop "Geselecteerde frames dupliceren" onder aan het animatiepaneel te klikken. Voor het nieuwe frame stelt u de weergavetijd in op 0,1 seconde. Schakel in het deelvenster Lagen de zichtbaarheid van de eerste laag in met de lijnen van de patroonstempel, deze bevindt zich direct boven de witte laag. Let op het tweede frame in het animatiepaneel. Hierin wordt nu de nieuw ingeschakelde laag in het lagenpalet weergegeven.

Het blijft nodig om het uiterlijk van de foto te voltooien. Om dit te doen, maakt u een nieuw frame op de animatieschaal en schakelt u de zichtbaarheid van alle lagen uit, behalve de onderste laag met de afbeelding. Alle.

Avatar animatie video-tutorial: