Als u op zoek bent naar spice up uw logo, het toevoegen van een omtrek in Photoshop is een geweldige manier om dit te doen! Het grote ding over het schetsen van graphics is dat u kunt uw logo te zetten in slechts een omtrek of voeg een rand aan uw bestaande logo. Met zo veel stijlen om uit te kiezen, kunt u de perfecte outline look voor uw logo met gemak te vinden. Nu, hoewel we zullen betrekking hebben op een aantal meer technische manieren van het schetsen van een logo, hier is de makkelijkste manier om dingen te doen als je wilt een snelle en eenvoudige methode.
om een logo in Photoshop te schetsen, zorg er eerst voor dat het logo een transparante achtergrond heeft en dubbelklik vervolgens op de logolaag om de laagstijlen te openen. In de laagstijlen stel de stijl in op lijn, Stel de lijnvulling in op” Effen kleur ” en pas zo nodig de breedte aan. Nu heb je je logo geschetst!
in deze tutorial leert u alles wat u moet weten over het omlijnen van een logo in Photoshop. Van effen kleuren, outline-only logo ‘ s, gradiënt contouren, en meer, uw logo zal er meer stijlvol dan ooit met deze tips.
hoe omlijnt u een Logo in Photoshop
laten we eerst beginnen met het meest basale type logo in Photoshop.
Stap 1: Maak een selectie van uw Logo
als uw logo op dezelfde laag staat als een afbeelding of een witte achtergrond heeft, moet u het verwijderen om dit te laten werken. Er zijn veel manieren om een selectie van uw logo te maken, maar degene die ik adviseer is de toverstaf Tool.
om het toverstokje te selecteren, drukt u op W op uw toetsenbord of zoekt u het in uw werkbalk.
eenmaal actief, ga naar de bovenste instellingenbalk en stel de steekproefgrootte in op 5 bij 5 gemiddelde, de tolerantie op 25, en schakel anti-alias uit. Als u het doel achter elk van deze instellingen wilt weten, bekijk dan deze video tutorial.
met je toverstaf instellingen in volgorde, zorg ervoor dat je logo laag is geselecteerd, klik dan op je logo in het canvas om het te selecteren. De toverstaf Tool selecteert alle soortgelijke kleuren als uw voorbeeld, wat in dit geval uw logo is.
als uw logo Meerdere kleuren heeft, houdt u Shift ingedrukt en klikt u op de extra kleuren die u aan uw selectie wilt toevoegen.
nu hebt u een selectie om uw hele logo.
Stap 2: Voeg de selectie toe aan een laagmasker
met deze actieve selectie kunt u de achtergrond van uw logo verwijderen door een laagmasker toe te voegen. Klik gewoon op het pictogram laagmasker onderaan het paneel lagen terwijl uw logolaag is geselecteerd.
nu heeft uw logo een transparante achtergrond.
Stap 3: Open laagstijlen
dubbelklik vervolgens op je logo om de laagstijlen te openen. Dit paneel is de thuisbasis van al uw laag ontwerp opties, zoals het maken van een omtrek (aka beroerte).
Stap 4: Stel de stijl in op “lijn”
om een omtrek aan uw logo toe te voegen, klikt u op “Lijn” in de stijlen opties aan de linkerkant van het dialoogvenster.
Stap 5: Zet de Lijnvulling op Effen kleur
zet de vulling op “Effen kleur” binnen de lijninstellingen zodat je omtrek gevuld wordt met kleur. Je kunt je contouren ook vullen met verlopen of patronen, maar daar kom ik later op terug.
met de optie Effen kleur gekozen, kunt u klikken op het kleurvak om een kleur voor uw omtrek te selecteren.
Stap 6: Zet de Lijnpositie op “Midden”
verander nu de positie van uw lijn naar Midden. Dit zal een omtrek toe te voegen even rond de randen van uw logo in plaats van alleen op de binnen-of buitenrand. Hoewel de instelling” Buiten “beter werkt voor outline-mensen, biedt de middelste optie betere resultaten voor logo’ s.
Stap 7: Pas uw extra Lijninstellingen aan
met al uw belangrijkste instellingen in volgorde, ga door en pas uw outline grootte en mengmodus aan als dat nodig is. Voor de meeste situaties wilt u de mengmodus op normaal laten staan. Wat betreft de omtrek breedte, gewoon verhogen van de grootte waarde voor een dikkere omtrek van uw logo.
zodra u tevreden bent, klikt u op OK om de laagstijlen te verlaten.
het resultaat
nu hebt u een effen gekleurde omtrek toegevoegd aan uw logo met behulp van laagstijlen in Photoshop. Het mooie van laagstijlen is dat je nu terug kunt gaan en ze later kunt bewerken als dat nodig is. Als u naar uw logolaag kijkt, dubbelklikt u gewoon op uw laag FX om de laagstijlen opnieuw te openen en uw lijninstellingen te bewerken. Op deze manier kunt u later in uw workflow eenvoudig de kleur of grootte van uw omtrek aanpassen!
Hoe verander ik een Logo in een omtrek in Photoshop
in dit volgende voorbeeld leert u hoe u de kleur van uw logo verwijdert en alleen een gekleurde omtrek achterlaat.
Stap 1: Selecteer uw Logo met het gereedschap toverstokje
Selecteer het gereedschap toverstokje opnieuw door op W te drukken of zoek het op uw werkbalk.
met het gereedschap actief, ga naar je bovenste instellingenbalk en stel de steekproefgrootte in op 5 bij 5 Gemiddeld, de tolerantie op 25, en schakel anti-alias uit.
klik vervolgens op uw logo om de kleur te bekijken en een nieuwe selectie te maken. Als er meerdere kleuren in uw logo staan, houdt u Shift ingedrukt en klikt u op de kleuren die u aan uw selectie wilt toevoegen.
als het gereedschap Toverstaf delen van uw afbeelding selecteert die u niet wilt selecteren, houdt u Alt of Option ingedrukt en klikt u op de selectie om deze kleuren te verwijderen.
nu hebt u een actieve selectie rond uw logo die u kunt gebruiken om uw omtrek te maken.
Stap 2: Maak een nieuwe laag boven je Logo
je moet je lijn maken op een aparte laag van je logo om dit effect te laten werken. Om een nieuwe laag aan te maken, klikt u op het pictogram nieuwe laag onderaan het paneel lagen. Zorg ervoor dat het boven uw logo laag in de layer stack.
Stap 3: Ga naar Bewerken > lijn
met je selectie actief en je nieuwe laag geselecteerd, ga naar Bewerken > lijn om lijn te maken met je selectie.
Stap 4: Stel de omtrek breedte en kleur
In het dialoogvenster dat verschijnt, kunt u het uiterlijk van uw lijn aanpassen. Kies eerst een breedte voor uw slag. Hoe hoger dit aantal, hoe dikker uw omlijnde logo zal kijken.
klik vervolgens op de kleur optie en kies een kleur voor de omtrek van uw logo.
stel vervolgens de positie in op “centreren” zodat uw omtrek zich gelijkmatig uitstrekt over de buiten-en binnenrand van uw selectie.
als u tevreden bent, klikt u op OK om de lijn toe te passen op uw selectie.
Stap 5: Druk op Command / Control + D om het Logo
te deselecteren nu is er een omtrek gemaakt rond uw logo, maar de selectie is nog steeds actief. Druk op Command + D (Mac) of Control + D (PC) op uw toetsenbord om het te deselecteren.
Stap 6: Verberg uw Logolaag
om het effect te voltooien, klikt u op het oogbalpictogram naast uw logolaag om het onzichtbaar te maken. Nu is het enige wat overblijft de laag met je omtrek erop, die een logo creëert met alleen omtrek.
het resultaat
met deze eenvoudige stappen kunt u de effen kleur van uw logo verwijderen en deze vervangen door een omtrek. Dit is een eenvoudige manier om een andere look voor uw logo te creëren en spice up uw branding!
hoe omlijnt u de randen van een Logo
In de laatste twee voorbeelden heeft u geleerd hoe u een omtrek kunt maken rond de exacte randen van uw logo, maar wat als u de omtrek verder weg wilt verplaatsen? Met een kleine variatie op wat je tot nu toe hebt geleerd, kun je dat gemakkelijk doen.
opnieuw moet u beginnen met het selecteren van uw logo. Als het logo al is uitgesneden, drukt u op Command of Control en klikt u op de miniatuur van de logolaag. Dit verandert uw logo in een actieve selectie op basis van de zichtbare pixels in de laag.
als uw logo nog niet is uitgesneden, kunt u hier snel leren hoe u dit kunt doen.
met uw selectie actief, ga naar selecteren > Wijzig > uitvouwen.
stel in het dialoogvenster dat verschijnt een aantal pixels in om aan te geven hoe ver u uw omtrek van het logo wilt afhouden. In dit voorbeeld zal ik 50px instellen voor matige spatiëring.
nu zal de actieve selectie naar buiten stoten met het bedrag dat u in het vorige dialoogvenster hebt opgegeven. Maak nu een nieuwe laag aan en plaats deze boven je logolaag zodat je deze niet destructief kunt bewerken.
met de nieuwe laag geselecteerd, voeg een lijn toe aan de selectie door naar Bewerken > lijn te gaan. Stel in het dialoogvenster dat verschijnt de breedte, de kleur en de positie van uw omtrek in. Omdat Ik wil dat mijn slag zo ver mogelijk van het logo af komt te staan, stel ik de positie in op “buiten”.”Nu zal de slag alleen verschijnen op de buitenste rand van de actieve selectie.
zodra u tevreden bent met de instellingen, klikt u op OK om de lijn toe te voegen aan uw selectie. Druk vervolgens op Command + D (Mac) of Control + D (PC) om de actieve selectie te deselecteren.
omdat u de selectie hebt uitgebreid vanaf uw logo, wordt de lijn vanaf de rand gemaakt voor een meer unieke look.
je kunt zelfs proberen om de outline te gebruiken voor een haloed look door de outline laag te selecteren en deze te verplaatsen met het verplaatsgereedschap (V).
Hoe voeg ik een Gradiëntomtrek toe aan een Logo in Photoshop
om een gradiëntlogoomtrek te maken, moet u ervoor zorgen dat uw logo een transparante achtergrond heeft en dubbelklik vervolgens op de logolaag om de laagstijlen te openen. Selecteer vervolgens de lijnstijl en stel de vulling in op verloop. U kunt de kleurverloopomtrek verder aanpassen door een voorinstelling te kiezen in de Kleurverloopbewerker.
laten we dit dieper opsplitsen.
met behulp van de methoden die u eerder in dit bericht hebt geleerd, zorg ervoor dat uw logo een transparante achtergrond heeft. Ik raad altijd aan om de toverstaf te gebruiken voor dit type selectie.
als het logo een transparante achtergrond heeft, dubbelklik dan op je logolaag om de laagstijlen te openen. Net als voorheen, selecteert u de lijnstijl, maar stelt u nu de vulling in op verloop.
om uw verloop omtrek aan te passen, klikt u op de verloop-editor en kiest u uit een van de beschikbare vooringestelde verlopen.
als u liever uw eigen aangepaste kleuren wilt maken, dubbelklikt u op de kleurstalen Onder het verloop voorbeeld om ze te bewerken. Bekijk deze tutorial voor meer informatie over het aanpassen van kleurverlopen.
met het uiterlijk van uw verloop in volgorde, kunt u extra instellingen aanpassen, zoals de hoek, stijl en schaal van het verloop. Voor de meeste logo contouren, de lineaire gradiënt stijl werkt het beste, maar voel je vrij om te experimenteren. De hoek optie zal veranderen in welke richting je verloop gaat. Tot slot zal de schaal inzoomen op je verloop en het uiterlijk van de kleurovergang veranderen.
als u tevreden bent met de extra lijninstellingen, klikt u op OK om de laagstijlen te verlaten. Nu heb je een geweldige gradiënt omtrek rond je logo!
Hoe voeg je een patroon omtrek toe aan een Logo in Photoshop
om een patroon omtrek toe te voegen aan een logo in Photoshop, moet je gewoon de optie patroon vullen kiezen in de laagstijlen. Net als voorheen, zorg ervoor dat uw logo een transparante achtergrond heeft en dubbelklik erop om toegang te krijgen tot de laagstijlen.
door op de lijnstijl te klikken, verander het Vultype in “Pattern.”
door te klikken op het patroon voorbeeld, kunt u kiezen tussen een verscheidenheid van standaard patronen in Photoshop. Als u wilt spice dingen op, kunt u nieuwe patronen gratis van Brusheezy.
vanaf daar kunt u de schaal en de hoek van uw patroon aanpassen aan uw stijl.
ga dan door en pas de rest van uw penseelinstellingen aan om de omtrek van het logo te verfijnen. Eenmaal voltooid, klik op OK.
nu heb je een cool patroon rond je logo in plaats van een effen Jane gekleurde omtrek!
hoe een Logo-omtrek te vullen met een afbeelding
het uiteindelijke logo-omtrek-effect in Photoshop is het vullen van de omtrek met een afbeelding. Met behulp van een knipmasker kan dit heel snel worden gedaan zonder ooit de laagstijlen te gebruiken!
nadat u de achtergrond van het logo hebt verwijderd, drukt u op Command or Control en klikt u op de miniatuur van de logolaag om een selectie te maken.
Maak nu een nieuwe laag en plaats deze boven de logolaag zodat u de omtrek onafhankelijk van het logo kunt bewerken.
met je nieuwe laag geselecteerd en de selectie actief, ga naar Bewerken > lijn om je selectie te schetsen. Kies in het dialoogvenster dat verschijnt een gewenste breedte voor de omtrek. De kleur maakt niet uit, omdat het zal worden gedekt door een afbeelding in de volgende stap. Klik ten slotte op OK om de lijn toe te passen op uw selectie.
druk vervolgens op Command or Control + D om de actieve selectie te deselecteren.
open nu de afbeeldingslaag waarmee u uw omtrek wilt vullen en plaats deze boven de omtrek. Zodra de afbeelding is geplaatst, Klik met de rechtermuisknop op het en selecteer Clipping Mask maken. Dit zal uw afbeeldingslaag alleen zichtbaar maken binnen de parameters van de laag waarop het is geknipt, dat is de omtrek.
u kunt vervolgens de positie en grootte van uw afbeelding in de omtrek aanpassen door naar het verplaatsgereedschap (V) te gaan, op uw afbeeldingslaag te klikken en vervolgens op het transformatievak te klikken en te slepen om het aan te passen.
en nu heb je een omtrek rond je logo gevuld met een afbeelding!
zoals u kunt zien, zijn er verschillende geweldige manieren om een logo in Photoshop te schetsen. Of u nu een eenvoudige gekleurde omtrek, een gradiëntomtrek, een beeldomtrek en meer wilt, u hebt nu alle vaardigheden om het te doen! Om u te helpen het uiterlijk van uw logo verder aan te passen, bekijkt u deze volgende tutorial over hoe u de kleur van een logo in Photoshop kunt wijzigen!
Happy Outline,
Brendan 🙂