Een snapchat geofilter in Photoshop maken

Sep 16, 2025

Procedures

Klanten zijn voortdurend op zoek naar nieuwe manieren om betrokken te zijn bij het publiek. Snapchat GeoFilters - Speciale communicatieve overlays - zijn een geweldige manier om een merk voor mensen op een bepaald evenement, of een ingestelde tijd en plaats te krijgen.

85 Briljante Photoshop-tutorials

In de volgende 10 stappen ga ik je door het proces lopen van het maken van een filter in Photoshop en het goedgekeurd door onze vrienden bij Snapchat. Heb je geen photoshop? Zie hoe Photoshop downloaden hier.

Stap 01: Download de app

Click image to enlarge — Klik op de afbeelding om te vergroten

First up (als je het nog niet hebt) Download de app en meld je aan voor Snapchat. U hebt later uw inloggegevens nodig bij het instellen van een ontwerp in ter goedkeuring. Zodra u met de app bent, opent u een nieuw Photoshop-document ( cmd + n Breedte 1080px tegen 1920px.

Stap 02: Begin met een transparante laag

Dubbelklik op de achtergrondlaag in uw lagenpaneel en verwijder deze en verwijder deze, dus u begint met een transparante laag. In het algemeen houdt Snapchat je leuk om een redelijk deel van de onaangeroerde foto achter te laten. In de bovenstaande afbeelding is de witte rechthoek een goede indicator van het te vermijden gebied.

Een snelle tip: probeer een laag vol met een middengrijs toe te voegen om u een los idee te geven van hoe uw ontwerp op een foto kan zitten.

Stap 03: Houd het eenvoudig

Voor het doel van deze tutorial, heb ik een ontwerp samengesteld voor de lancering van een nieuw koffiehuis gevestigd in Bristol, om het proces te illustreren. Probeer uw ontwerp eenvoudig en uw kleurenpalet minimaal te houden, het zal helpen wanneer u uw bestand later komt om uw bestand te optimaliseren. Het uiteindelijke beeld moet onder 300KB zijn om te worden goedgekeurd.

Stap 04: maak volledig gebruik van lagen

Als je niet zeker bent dat je ontwerp zal werken, probeer dan een selectie van verschillende foto's op een laag achter je ontwerp te laten vallen en overweeg te gebruiken met een druppelschaduw in je laagstijlpaneel. Dubbelklik gewoon op een laag om dit omhoog te brengen; Het helpt het ontwerp van de afbeelding te scheiden.

Stap 05: Opslaan voor webvenster

Nu weet je zeker dat het ontwerp werkt en het zit goed op een transparante laag, selecteer 'File & GT; Export & GT; Opslaan voor web '( CMD + SHIFT + ALT + S ) Om uw Save voor Web-venster op te nemen.

Het is een goed idee om op het tabblad 2-UP in de linkerkant te klikken om uw ontwerp te tonen voor en nadat het is geoptimaliseerd. Evenals een goede indicatie van hoe opslaan voor Web invloed heeft op uw ontwerp, toont dit ook de bestandsgrootte. We kijken naar het krijgen van ons bestand onder 300KB.

Klik in de rechterbovenhoek op de vervolgkeuzelijst Preset en selecteer PNG-24. Met deze geselecteerde zorg ervoor dat het onderstaande transparantievak is aangevinkt en klik vervolgens op Opslaan in rechtsonder.

Stap 06: upload naar snapchat

Nu hebben we ons ontwerp genageld en opgeslagen in het juiste formaat, het is tijd om te uploaden naar Snapchat. Ga naar www.snapchat.com/on-demand en klik op de knop Nu maken - u wordt gevraagd om uw Snapchat-inloggegevens. Klik vervolgens op Uploaden. Zodra u uw bestand hebt gekozen, zal Snapchat een voorbeeld van uw ontwerp in een apparaat bekijken en een filternaam vragen. Als u gelukkig bent, drukt u op Volgende.

Een snelle opmerking: op deze pagina kunt u Photoshop- en Illustrator-sjablonen ook downloaden als u niet zeker weet dat u de dimensies hebt.

Stap 07: Kies een tijd en datum

Kies vervolgens de datum en tijd waarop u wilt dat uw filter beschikbaar is voor - Snapchat stelt u tot twee dagen toe. Als u een geofilter op lange termijn wilt, is er een knop in de rechterbovenhoek die u meer details geeft. Maar voor onze koffiehuisopening zullen twee dagen goed zijn. Klik op Volgende om verder te gaan.

Stap 08: Stel de locatie in

Als u UK bent, wordt u een paar vragen met betrekking tot BTW en valuta gevraagd, dan vind je jezelf op het kaartscherm, waar je de locatie van je GeofLiter instelt. Blader om de kaart om uw locatie te vinden en klik vervolgens op Afhek tekenen. Hiermee kunt u een gebied op de kaart tekenen waarop u wilt dat uw geofilter wordt geactiveerd.

Een geofence moet een minimum van 20.000 vierkante voet zijn, dus teken dus een royaal gebied rond uw locatie. U kunt de grootte en de prijs in de linkerbovenhoek van het browservenster zien. Als u gelukkig bent, klikt u op Volgende.

Stap 09: Betaling

Het enige wat u nu hoeft te doen, is uw gegevens invullen voor betaling en klik op Verzenden. Snapchat zal in het algemeen binnen 24 uur contact met u opnemen, maar het is de moeite waard om uw ontwerp met de tijd te reserveren voor elk evenement, voor het geval dat er problemen zijn.

Stap 10: Dos en Don'ts

Er zijn een paar dos en don'ts voor het indienen van kunstwerken naar Snapchat. Vanzelfsprekend moet u geen logo's of handelsmerken gebruiken die u niet bevoegd bent om te gebruiken. Snapchat houdt niet van hashtags of andere sociale platformlogo's en foto's van mensen zijn een nee-nee.

Als om welke reden dan ook het Snapchat-team een probleem heeft, zijn ze behoorlijk cool om bij u terug te gaan met wat het precies is. Hier is een Volledig vervallen van richtlijnen Als je zin hebt om te gaan zonder al je geld uit te geven, kijk dan eens naar Gemeenschap GeoFilters Veel plezier!

Gerelateerde artikelen:

Hoe te gaan van Photoshop naar After Effects
Maak je eigen POP-art portret
15 Photoshop CC Web en app-ontwerptips

Een snapchat geofilter in Photoshop maken

Stap 01: Download de app

Stap 02: Begin met een transparante laag

Stap 03: Houd het eenvoudig

Stap 04: maak volledig gebruik van lagen

Stap 05: Opslaan voor webvenster

Stap 06: upload naar snapchat

Stap 07: Kies een tijd en datum

Stap 08: Stel de locatie in

Stap 09: Betaling

Stap 10: Dos en Don'ts

Procedures - Meest populaire artikelen

Hoe fotografie in illustratie

Aan de slag met vlamschilder

Bouw een snelle reactieve blog met Svelte en Sapper

Hoe kitbash onderweg met Shapr3D

Hoe u uw JavaScript-code verbergen vanaf de view-bron

Ontwerp een speelbare avatar voor een videogame

Maak eenvoudige illustraties voor het web

Maak een hi-fidelity prototype in atomic

Categorieën