Share
Wat je gaat creërenDoe met ons mee als we Spirit Day vieren om te pleiten tegen tienerpesten. In deze zelfstudie maken we een avatar die u op uw sociale media kunt plaatsen met aanpassingslagen, lagenmengmodi en hulpmiddelen van Envato Market.
Elk jaar gaan miljoenen mensen paars om hun steun te betuigen aan de LGBTQ-gemeenschap en de jongeren die het slachtoffer zijn van pesten. De geestendag wordt gesymboliseerd door de kleur paars op de regenboogvlag, die het woord "geest" vertegenwoordigt.
Spirit Day valt dit jaar op 20 oktober 2016. En om deze dag te vieren, maken we een eenvoudige Photoshop-actie waarmee je een avatar met een paars thema kunt maken voor je sociale media-profielen. Ik was geïnspireerd door banners in printontwerp voor deze look, dus voel je vrij om de brede selectie van Banner Graphics van Envato Market te bekijken voor meer inspiratie.
Voordat we aan de actie beginnen, moeten we een paar presets instellen om het u gemakkelijk te maken. Laten we beginnen met het maken van een eenvoudige bannervorm.
Maak een Nieuw document op 500 x 500 pixels in Photoshop. Verwar dit document niet met de avatar, want we hebben dit alleen nodig om een snelle banner te maken. Selecteer de Rechthoekgereedschap (U) en maak een lange rechthoek met een kleurvulling van paars # 28173a. Selecteer vervolgens de Pen gereedschap (P) en plaats een ankerpunt onderaan de rechthoek.
Selecteer nu de Puntgereedschap converteren en klik op het ankerpunt dat u zojuist hebt gemaakt om het van een glad naar een hoekankerpunt te veranderen. Gebruik dan de Direct selectie gereedschap (A) om het ankerpunt omhoog te trekken terwijl u de Verschuiving sleutel om het gecentreerd te houden.
Als je klaar bent, Klik met de rechtermuisknop en selecteer Converteren naar vorm, naamgeving van uw nieuwe vorm "Awareness Banner".
Laten we nu de kleuren en hellingen instellen die we voor deze actie nodig hebben. Toegang tot uw Stalen paneel (Venster> Stalen) en maak verschillende nieuwe kleurstalen die we voor deze actie nodig hebben. We hebben de volgende kleuren (exclusief de kleur wit) nodig voor deze verschillende avatarelementen:
Accentsconagua
# a85bcd # a962b5 # 834491 # 3e2c57# 000000#dcdcdc 
Selecteer voor de verlopen het Gradient Tool (G). Dubbelklik op het actieve verloop om het te openen Verloopbewerker. Stel je eerste verloop in met een donkerblauwe kleur # 290a59 dat gaat over in fel paars # ba3ede. Als je klaar bent, geef je het verloop een naam en klik je op nieuwe om het nieuwe verloop te maken.
Ga verder met het volgende verloop. Maak een soortgelijke, deze keer met een donkere paarse tint # 311759 te bleke paarse kleur # c675de.
De laatste preset die we gaan toevoegen is voor de Bijsnijden Tool (C). Deze preset is alleen nodig als u begint met een profielafbeelding die niet vierkant is. Selecteer de Bijsnijden Tool (C) en kies B x H x resolutie. Voor deze profielavontuur gebruik ik de afmetingen van een Facebook-postafbeelding, dus zet 504 x 504 pixels met 72 dpi. Selecteer vervolgens Nieuwe bijsnijdvoorinstelling in het vervolgkeuzemenu en klik op OK om de nieuwe preset op te slaan.
Met alle ingestelde kleuren, verlopen en presets kunnen we doorgaan naar onze eerste actie. De eerste actie die we moeten maken, zijn de acties voor het vergroten of verkleinen en bijsnijden van de afmetingen van uw foto.
Open uw foto in Photoshop. Ik gebruik deze vrouwenvoorraad van Envato Market.
Dubbelklik de achtergrondlaag in de Lagen paneelom deze te ontgrendelen en in Laag 0 te plaatsen. Zorg ervoor dat je deze stap uitvoert voor elke afbeelding waarop je van plan bent deze actie te gebruiken, anders zal deze niet goed werken.
Ga nu naar Venster> Acties om toegang te krijgen tot de acties paneel. Selecteer de map naar Maak een nieuwe set en benoem de nieuwe set bewustzijn. Selecteer vervolgens het papieren pictogram voor Maak een nieuwe actie, de actie "Formaat wijzigen".
De actie begint automatisch met opnemen, dus ga naar Afbeelding> Beeldformaat en verander de breedte in 504 pixels.
Deze actie werkt perfect als je afbeelding al een vierkant is, maar als het een staande of liggende afdruk is, moet je het ook bijsnijden zodat het past op de vierkante afmetingen.
Laten we dit scenario oefenen op een andere foto zoals deze jonge vrouwenvoorraad. Na u Spelen de formaatwijziging op je foto, ga verder met het maken van de bijsnijdactie. Hiertoe volgt u dezelfde stappen als voor het maken van een Nieuwe actie. Deze keer noem je de actie "Bijsnijden".
Zodra de actie begint met opnemen, selecteert u de Bijsnijden Tool (C) en kies de 504 px x 504 px x 72 dpi preset die u eerder hebt gecreëerd. Verplaats de Bijsnijden Tool (C) omhoog om het gezicht te kaderen en dan Gewas de foto. Wanneer u klaar bent, schakelt u het dialoogvenster voor de Photoshop-actie in, zodat u de foto zelf handmatig moet bijsnijden.
Nu we de afmetingen van onze profielfoto hebben verzorgd, kunnen we verder gaan met het kleureffect. Ik zal mijn originele voorraad gebruiken om door te gaan met deze tutorial.
Eerst maken we een snelle vervagingactie. Volg de stappen van voor voor het maken van een Nieuwe actie. Noem deze nieuwe "Blur". Raken Besturing J om een te maken Duplicaat van je foto.
Ga dan naar Filter> Blur Galerij> Iris Blur, een vervaging van instellen 10 pixels, voor het slaan OK. Om problemen met deze actie te voorkomen, moet u ervoor zorgen Schakel het dialoogvenster in zodat je de vervaging vervolgens handmatig kunt maken Hou op de opname van de actie.
Laten we nu beginnen met het aanpassen van de kleuren. Maak een Nieuwe actie genaamd "Kleuraanpassingen". We gaan deze actie uitvoeren als één lange actie, maar u kunt tussentijdse aanpassingen stoppen als dat nodig is.
Maak eerst een nieuwe Kleurvulling van zwart van de Lagen paneel. Stel de Laag mengmodus naar Zacht licht en pas de ondoorzichtigheid naar 60%.
Ga direct naar de volgende aanpassing. Maak nu een Aanpassingslaag gradiëntkaart van zwart en wit en zet het op Zacht licht.
Terwijl de actie nog steeds bezig is met opnemen, past u de intensiteit van de kleuren snel aan met a Nieuwe aanpassingslaagr van levels, en verander alleen het Uitvoerniveaus tot 50, 255.
Voeg nu een toe Aanpassingslaag gradiëntkaart met behulp van het tweede paarse verloop dat we eerder hebben gemaakt. Wanneer u klaar bent, stelt u de Laag mengmodus naar Kleur.
Last but not least, voltooi de kleuraanpassingen met een Nieuwe aanpassingslaag van curves. Selecteer de Blue Channel en til de lijn iets omhoog vanaf de onderkant om de afbeelding een blauwe tint te geven.
Nu is dit kleureffect voltooid, dus druk op de Hou op knop op de Deelvenster Acties om de opname te stoppen.
Laten we verdergaan naar de decoratie. Om onze avatar nog verder te versieren en te pronken met onze Spirit Day-trots, voegen we wat geometrische elementen en een kleine tekst toe. Maak een Nieuwe actie genaamd "Avatar Banner".
Selecteer de Polygoon gereedschap (U), ervoor zorgen dat het klaar is voor 3 zijden om een driehoek te maken (je kunt ook een voorinstelling van deze vorm maken, zoals je in het begin met de andere hebt gedaan).
Maak een witte driehoek in de linkerbovenhoek, en Vrije transformatie (Control-T) om de driehoek te draaien om beter in de ruimte te passen. Dan Klik met de rechtermuisknop gaan naar Meng opties. Voeg een ... toe Overlay met kleurovergang met de volgende instellingen:
Nu Besturing J naar Duplicaat de veelhoek. Draaien het met Vrije transformatie (Control-T) om het op zijn plaats te zetten en omhelzen in de rechterbovenhoek. Verberg de zichtbaarheid van de Laagstijlen en stel de Mengmodus terug naar normaal voordat u de ondoorzichtigheid naar 80%.
Duplicaat de polygoonvorm nog twee keer. Volg dezelfde stappen als hierboven om ze te verplaatsen en leg deze keer onderaan de compositie. Stel de eerste driehoek in met dezelfde instellingen als de eerste. Wijzig echter de Laag mengmodus van de laatste driehoek naar Tint Met een Dekking van 53%.
Selecteer nu de Aangepast vormgereedschap (U) en gebruik de bannervorm die we aan het begin hebben gemaakt. Voeg de banner in de linkerbovenhoek toe met een lichte crèmekleur #dcdcdc.Dan Klik met de rechtermuisknop gaan naar Meng opties, toevoegen van een Slagschaduw met de volgende instellingen:
De laatste vormen die we gaan gebruiken zijn slechts twee snelle cirkels. Selecteer de Ellipse Tool (U) en maak een donkerpaars # 834491 cirkel in de rechteronderhoek, aanpassen van de Dekking tot 60%. Dan Duplicaat de cirkel (Controle-J), brengen van de Dekking tot 100% en het veranderen van de Vullen kleur naar een aansteker paars (# 9e53ac).
Hou op de opname als je klaar bent.
Nu de meeste van onze elementen klaar zijn, kunnen we verder gaan met de tekst. Maak een Nieuwe actie genaamd "Tekst". Voeg eerst fel paars toe # 9e4cc7 tekst naar de bovenste banner met de volgende instellingen:
Knijp in een rij met een Gewicht van 1 pixel in het midden van deze tekst met behulp van de Lijngereedschap (U).
Voeg vervolgens tekst toe aan de onderste cirkel met de volgende instellingen:
Laat de hoofdtekst op 24 punt staan, zodat er meer nadruk op het woord "tegen" komt. Hoewel de meerderheid van de tekst wit is, verandert u het woord 'tegen' in een donkerpaarse kleur # 33224c.
Last but not least, ik ga een snel beetje licht toevoegen aan het beeld. Maak een Nieuwe laag en selecteer de Penseel (B). Zet de kleur op wit en gebruik een grote Zachte ronde borstel om een enkele witte vlek te schilderen in het middelste bovenste gedeelte van de compositie. Stel de Mengmodus naar Zacht licht en pas de ondoorzichtigheid naar 70%.
U kunt dit als slechts een deel van uw tekstactie opnemen voordat u op drukt Hou op voor de laatste keer.
Een groot voordeel van deze actie is dat je deze voor verschillende oorzaken kunt gebruiken door simpelweg de kleuren om te schakelen. Na u Spelen de actie, experimenteer gewoon met de kleuren totdat je iets geschikt vindt voor de zaak waarvoor je pleit.
Wilt u een alternatieve versie zien? Hier heb ik dezelfde avatar gemaakt met behulp van roze kleuren voor de borstkankermaandtijd.
De wereld zou minder pesten kunnen gebruiken. Dus ik hoop dat je met ons samenkomt om Spirit Day te vieren door je liefde voor de LGBTQ-gemeenschap te tonen. Wilt u meer Photoshop-acties zien? Bekijk deze tutorials hieronder:
