De ondersteuning vinden die u nodig heeft
Hier vindt u videotrainingen, Helpforums en blogposts van nieuwe en gevorderde gebruikers om uw vaardigheden aan te scherpen. Krijg hieronder snel antwoord op uw vragen en stapsgewijze instructies.
-
Galerijcomponenten ontdekken
Lees meer informatie over de geavanceerde mogelijkheden van de galerijcomponenten van Google Web Designer. Ontdek hoe u een standaard banneradvertentie van 300 x 250 pixels kunt uitbreiden.
- Geavanceerde modus
- UI
-
Zoomen voor geavanceerde tijdlijn
UX-technicus Natalie laat zien hoe we kunnen in- en uitzoomen op de tijdlijn in de geavanceerde modus.
- Geavanceerde modus
- Videotraining
-
De interface van Web Designer
Werk gerichter via de Google Web Designer-interface. Ontdek welke gereedschappen beschikbaar zijn en waar u deze kunt vinden.
- Overzicht
- UI
-
Tips voor Google Web Designer: deel 1
Maak en bewerk 3D-content met css3. U kunt objecten en 2D-ontwerpen langs elke as draaien en zo 3D-transformaties visualiseren tijdens het schrijven.
- 3D
- Blog
-
Stijlen wijzigen via het deelvenster Css
In het deelvenster Css kunt u de stijl bekijken van een element dat u selecteert. U kunt ook de stijl voor de klasse bewerken, inline stijlen toevoegen en nieuwe stijlen maken.
- Help-artikel
- Css-stijl
-
Items beheren met de bibliotheek
De afbeeldingen, audiobestanden en videobestanden die u gebruikt in een document, worden gezamenlijk aangeduid als items. Items worden gemaakt wanneer u ze in uw document importeert. Ze worden opgeslagen in de bibliotheek, zodat u ze kunt bekijken en opnieuw kunt gebruiken.
- Help-artikel
- Bibliotheek
-
Meerdere sleutelframes en miniaturen selecteren
UX-technicus Natalie geeft een kort overzicht van de selectie van meerdere sleutelframes in de geavanceerde modus en de selectie van meerdere miniaturen in de Snelle modus.
- Geavanceerde modus
- Videotraining
-
Vijf functies om te ontdekken
We nemen vijf functies en workflows in Google Web Designer door die u mogelijk nuttig vindt: groepen, stalen, BYOC, publiceren via Drive en vloeiende lay-outs.
- Overzicht
-
Release-opmerkingen
Bekijk de opmerkingen over de nieuwste release voor meer informatie over nieuwe functies.
- Help-artikel
- Technische informatie
-
Systeemvereisten
Zorg ervoor dat uw systeem voldoet aan de vereisten.
- Help-artikel
- Technische informatie
-
De advertentieomgeving
Google Web Designer biedt ondersteuning voor een aantal advertentieomgevingen, waaronder Google Ads, Display & Video 360 en Google AdMob. U kunt met één klik tussen deze omgevingen schakelen.
- Help-artikel
- Content maken en bewerken
- Advertentieomgeving
-
Het gereedschap Tekst gebruiken
Voeg tekst toe en maak tekst op. Gebruik Google Fonts en automatische tekstaanpassing om de juiste vormgeving te realiseren.
- Help-artikel
- Content maken en bewerken
- Nieuwe elementen toevoegen
-
De gereedschappen Pen en Vorm gebruiken
Teken eenvoudige en complexe svg-lijnen en -vormen.
- Help-artikel
- Content maken en bewerken
- Nieuwe elementen toevoegen
-
3D-gereedschappen gebruiken
Met Google Web Designer kunt u elementen in drie dimensies verplaatsen en draaien. U kunt de weergave wijzigen om uw elementen vanuit elke positie te bekijken.
- Help-artikel
- Een advertentie maken
- Elementen verplaatsen en het formaat wijzigen
-
Kleurovergangen gebruiken
Een kleurovergang is een meerkleurige opvulling waarbij elke kleur geleidelijk overloopt in de volgende. Kleurovergangen kunnen worden toegepast op zowel de rand als de opvulling van html-, canvas- en svg-elementen.
- Help-artikel
- Content maken en bewerken
- Kleuren
- Kleurovergangen
-
Elementen groeperen en verpakken
Groeperen en verpakken zijn beide manieren om met een reeks elementen te werken alsof het één object betreft.
- Help-artikel
- Content maken en bewerken
- Elementen verpakken
- Elementen groeperen
-
Overzicht van responsieve indeling
Voor een responsief ontwerp wordt gebruikgemaakt van een flexibele in plaats van een vaste indeling. Voor advertenties betekent dit dat er één advertentie kan worden gemaakt waarvan de elementen opnieuw worden opgemaakt wanneer de stand of het formaat van de advertentie verandert. Zo wordt voorkomen dat u meerdere vergelijkbare advertenties moet maken.
- Help-artikel
- Responsief
-
Het formaat van de viewport aanpassen
Wanneer u een responsieve indeling maakt, is het handig als u kunt zien hoe het uiteindelijke document wordt weergegeven op verschillende schermformaten.
- Help-artikel
- Responsief
- Viewport
-
Over animaties
U kunt animaties ontwikkelen in Google Web Designer door specifieke sleutelframes op te geven op bepaalde momenten. Bij elk sleutelframe stelt u de css-eigenschappen van het geanimeerde element in. Het element neemt geleidelijk deze eigenschappen aan binnen de overgangstijd van het vorige sleutelframe.
- Help-artikel
- Animatie
- Interactiviteit
-
Animatie in de snelle modus
In de snelle modus bouwt u uw animaties scène voor scène op. U voegt een nieuwe weergave voor de volledige pagina toe, wijzigt de elementen waaraan u animaties wilt toevoegen en wijzigt eventueel de overgangstijden en easings.
- Help-artikel
- Animatie
- Interactiviteit
-
Animatie in de geavanceerde modus
In de geavanceerde modus wordt elk element weergegeven als afzonderlijke laag op de animatietijdlijn. Met lagen kunt u de positie van elk element in de stapel elementen wijzigen, elementen verbergen of elementen vergrendelen zodat u efficiënter kunt werken.
- Help-artikel
- Animatie
- Geavanceerde modus
-
Over easings
Met easings kunt u de versnelling of vertraging van een overgang met animatie wijzigen.
- Help-artikel
- Animatie
- Interactiviteit
- Easing
-
Animaties nesten
In veel gevallen maakt u een tijdlijn voor de volledige pagina. Zo worden alle elementen op de pagina op één tijdlijn geplaatst. Er is ook een afzonderlijke animatietijdlijn voor elke bovenliggende container. Dit betekent dat u complexe animaties kunt maken door een animatie in een andere animatie te nesten.
- Help-artikel
- Animatie
- Interactiviteit
- Nesten
-
Animaties herhalen
Er zijn twee verschillende technieken die u kunt gebruiken om een animatie te herhalen. Elke laag kan afzonderlijk worden herhaald, maar u kunt ook gebeurtenissen gebruiken om alle lagen tegelijkertijd te herhalen voor een complexe animatie.
- Lussen
- Interactiviteit
- Animatie
- Help-artikel
-
Over bewegingspaden
Met bewegingspaden kunt u animaties aan objecten toevoegen die zich bewegen langs curven en complexe vormen.
- Help-artikel
- Animatie
- Interactiviteit
- Beweging
-
Animaties maken in de geavanceerde modus
In de geavanceerde modus kunt u van elk element een animatie maken door sleutelframes op de tijdlijn te maken. De tijdlijn is een schematische representatie van uw animaties en de sleutelframes geven aan waar de animaties starten en eindigen.
- Help-artikel
- Animatie
- Interactiviteit
- Geavanceerde modus
-
Een voorbeeld van uw animatie bekijken en uw animatie doorlopen
Als u een voorbeeld van uw animatie bekijkt en de animatie doorloopt, kunt u de animatie verfijnen terwijl u hieraan werkt.
- Help-artikel
- Lagen
- Geavanceerde modus
- Animatie
- Interactiviteit
-
Over componenten
Componenten zijn kant-en-klare modules waarmee u bepaalde functionaliteit aan uw advertenties of html-documenten kunt toevoegen.
- Help-artikel
- Overzicht
- Componenten
-
De component 360°-galerij
Gebruik een set van meerdere afbeeldingen om een object draaiend weer te geven. De laatste afbeelding loopt standaard over in de eerste, waardoor de gebruiker het object naadloos in beide richtingen kan laten draaien.
- galerij
- Help-artikel
- Componenten
-
De component Carrouselgalerij
Maak een veegbare carrouselachtige galerij voor meerdere afbeeldingen. Pas de componenteigenschappen aan om diverse 3D-functionaliteit en carrouseltypen te maken.
- Help-artikel
- galerij
- Componenten
-
De component Galerijnavigatie
Voeg een afzonderlijk te plaatsen navigatievenster toe aan een veegbare galerij, carrouselgalerij of 360°-galerij.
- Help-artikel
- galerij
- Componenten
-
De component 'Veegbare galerij'
Maak een eenvoudige galerij waarin gebruikers heen en weer kunnen vegen om een set verschillende afbeeldingen of een set verschillende groepen weer te geven.
- Help-artikel
- galerij
- Componenten
-
De component 'Toevoegen aan Agenda'
Maar afspraakherinneringen die gebruikers kunnen toevoegen aan hun agenda's.
- Help-artikel
- Agenda
- Componenten
-
De component Gebaar
Leg interacties van gebruikers met uw advertentie vast.
- Help-artikel
- Componenten
- Gebaar
-
De component Afbeeldingsknop
Maak een visueel responsieve knop zonder dat u er een op een gebeurtenis gebaseerde animatie voor hoeft te maken.
- Help-artikel
- Knop
- Componenten
-
De component Tikgebied
Positioneer een transparant element over een deel van het scherm dat reageert op een tik of muisklik van de gebruiker.
- Tikgebied
- Componenten
-
De component 'Tik om te bellen/sms'en'
Start op ondersteunde smartphones een telefoongesprek of sms-bericht met het nummer dat u opgeeft in een mobiele advertentie.
- Help-artikel
- Componenten
- Oproep/tekst
-
De component Kaart
Voeg een configureerbare en zoekbare kaart aan uw project toe. Hierop kan de locatie van de gebruiker en andere locatiegebaseerde informatie worden weergegeven.
- Help-artikel
- Kaarten
- Componenten
-
De component Street View
Voeg Google Street View-beelden toe aan uw project waarmee gebruikers interactie kunnen hebben.
- Help-artikel
- Componenten
- Street View
-
De component Audio
Voeg audio toe aan uw advertentie.
- Help-artikel
- Componenten
- Audio
-
De component Video
Een eenvoudige manier om een video aan uw advertentie toe te voegen.
- Help-artikel
- Componenten
-
De component YouTube
Voeg een YouTube-video toe aan uw advertentie. Pas de speler en weergave aan.
- Help-artikel
- Componenten
- YouTube
-
De component Iframe
Laad externe URL-elementen in uw project, waaronder externe html-pagina's.
- Iframe
- Componenten
- Help-artikel
-
De component Sprite-sheet
Voeg animaties in sprite-stijl toe om afzonderlijke sprites als een reeks frames weer te geven of plaats meerdere afbeeldingen in één sprite-sheet om het aantal afzonderlijke afbeeldingsbestanden te verkleinen.
- Help-artikel
- Componenten
- Sprite-sheet
-
Component API's
Bekijk de lijst met eigenschappen, gebeurtenissen en methoden die beschikbaar zijn voor elke component, zodat u aangepaste code kunt schrijven.
- Help-artikel
- Voorbeeld
-
Over gebeurtenissen
Met gebeurtenissen kunt u acties instellen als reactie op gebruikersgebaren, tijdlijnsleutelframes of andere voorvallen in uw advertentie of html-document.
- Help-artikel
- Gebeurtenissen
-
Aangepaste acties maken
U kunt aangepaste acties maken met JavaScript. Een aangepaste actie kan opnieuw worden gebruikt in uw advertentie zodra deze is gedefinieerd.
- Help-artikel
- Gebeurtenissen
-
Een banneradvertentie maken
Banneradvertenties zijn eenvoudige advertenties die passen in een specifieke ruimte van een webpagina of app.
- Help-artikel
- Banneradvertenties
- Een advertentie maken
-
Een uitvouwbare advertentie maken
Een uitvouwbare advertentie is een advertentie die begint als advertentie met standaard bannerformaat en vervolgens wordt uitgevouwen naar een groter formaat, zodat u meer ruimte heeft om de aandacht van gebruikers te trekken.
- Help-artikel
- Gebeurtenissen
- Uitvouwbaar
-
Een interstitial-advertentie maken
Interstitial-advertenties worden op natuurlijke overgangspunten op een volledige pagina weergegeven, bijvoorbeeld wanneer de pagina wordt gewijzigd, een app wordt gestart of wanneer een gamelevel wordt geladen.
- Help-artikel
- Interstitial
- Een advertentie maken
-
Een dynamische advertentie maken
Dynamische advertenties targeten uw doelgroep met relevante aanbiedingen door informatie in een datafeed te gebruiken om vast te stellen welke afbeeldingen en tekst worden weergegeven.
- Help-artikel
- Amp-html
- Een advertentie maken
-
Amp-html-advertenties
Gebruik Google Web Designer om amp-html-advertenties te maken. Advertenties die zijn gemaakt met AMP (Accelerated Mobile Pages) worden sneller geladen dan gewone advertenties, waardoor ze ideaal zijn voor mobiele apparaten.
- Help-artikel
- Een advertentie maken
- Amp-html
-
Templates gebruiken
Templates zijn kant-en-klare advertenties in veelgebruikte formaten, met veelgebruikte stijlen en functies. Door de afbeeldingen en andere items te vervangen, maakt u snel een bruikbare en effectieve advertentie.
- Help-artikel
- Een advertentie maken
- Templates
-
Een aangepaste template maken
Sla elke gemaakte advertentie op als template. Hiermee bespaart u tijd, vooral als u meerdere versies van dezelfde advertentie wilt maken.
- Help-artikel
- Een advertentie maken
- Templates
-
Advertentievalidatie
Met Advertentievalidatie wordt uw advertentie gecontroleerd op veelvoorkomende problemen. De resultaten worden in realtime weergegeven in een venster.
- Help-artikel
- Een advertentie maken
-
Door uw documentstructuur navigeren in de Contoureditor
De Contoureditor biedt een structuurweergave van de elementen in uw document. Hierdoor verloopt de selectie en navigatie sneller.
- Help-artikel
- DOM
-
Een voorbeeld van uw advertentie of html-pagina bekijken
Tijdens het maken van uw advertentie of html-pagina kunt u een voorbeeld in uw browser weergeven om te zien hoe de advertentie of html-pagina zich gedraagt en eruitziet wanneer deze wordt gepubliceerd.
- Help-artikel
- Voorbeeld
-
Uw werk publiceren
Als u uw project publiceert, worden er definitieve bestanden gegenereerd die kunnen worden gedistribueerd. Google Web Designer kan publiceren naar een lokale map of rechtstreeks naar Google Drive of Studio.
- Help-artikel
-
Zoomen voor geavanceerde tijdlijn
UX-technicus Natalie laat zien hoe we kunnen in- en uitzoomen op de tijdlijn in de geavanceerde modus.
- Geavanceerde modus
- Tijdlijn
- Videotraining
-
Easing-functies (Stap-begin/-einde)
UX-technicus Natalie neemt de toevoeging van de easing-functies Stap-begin en Stap-einde met ons door. Dit is vooral nuttig als u uw animatie meteen van het ene sleutelframe naar het andere wilt laten springen (in plaats van een geleidelijke overgang).
- Videotraining
- Easing
-
Lagen op de tijdlijn verbergen en vergrendelen
UX-technicus Natalie neemt de stappen door die nodig zijn om meerdere lagen op de tijdlijn te verbergen en te vergrendelen.
- Geavanceerde modus
- Tijdlijn
- Videotraining
-
Overzicht van de interface
UX-technicus Jon geeft een overzicht van de Google Web Designer-interface. Ontdek hoe u de verschillende werkbalken en vensters kunt gebruiken, en het werkvlak geheel naar wens kunt ordenen en aanpassen.
- Videotraining
- UI
-
Gebeurtenisoverzicht
Google Web Designer-technicus Maciek geeft een overzicht van de gebeurtenisworkflow. Zie hoe u gebeurtenissen kunt gebruiken om css-stijlen in te stellen, aangepaste acties toe te voegen en meer.
- Videotraining
- Gebeurtenissen
-
Overzicht van het gereedschap Kleurovergang
Google Web Designer-technicus Jean-Pierre geeft een overzicht van de kleurovergangen, waaronder de gereedschappen voor lineaire en radiale kleurovergang en bewerking van kleurovergangen.
- Videotraining
- Kleurovergangen
-
Overzicht van vormen
Google Web Designer-technicus Jean-Pierre geeft een overzicht van de vormgereedschappen, waaronder Ovaal en Rechthoek.
- Videotraining
- Vormen
-
Tekstoverzicht
Google Web Designer-technicus Shuo geeft een overzicht van de tekstfunctionaliteit, waaronder het gebruik van het venster Tekst. Kom erachter hoe u de tekstgrootte kunt aanpassen, tekst kunt verplaatsen, tekststijlen in documenten kunt kopiëren en meer.
- Videotraining
- Tekst
-
Overzicht van 2D- en 3D-tekeningen
Google Web Designer-technicus Lucas geeft een overzicht van de mogelijkheden en gereedschappen voor 2D- en 3D-tekeningen.
- Videotraining
- Content maken en bewerken
-
Overzicht van de tijdlijn van de geavanceerde modus
Google Web Designer-technicus Natalie neemt de geavanceerde modus voor de tijdlijn met ons door. Bekijk hoe u animaties kunt maken, met sleutelframes kunt werken, easing kunt instellen en meer.
- Geavanceerde modus
- Videotraining
-
Advertentievalidatie
Google Web Designer-technicus Jon geeft een overzicht van de functie Advertentievalidatie. Met deze workflowverbetering wordt uw advertentie gecontroleerd op mogelijke problemen. De resultaten van de controle worden weergegeven in het venster Advertentievalidatie. Hoewel dit geen garantie biedt voor goedkeuring, kunt u problemen wel meteen zien en corrigeren.
- Een advertentie maken
- Videotraining
-
Venstersets voor werkruimte
Google Web Designer-technicus Yaqi neemt de venstersets voor werkruimte met ons door om u te helpen uw favoriete venstersets op te slaan in Google Web Designer.
- Videotraining
- Werkruimte
- Installatie
-
Overzicht van bewegingspaden
Google Web Designer-technicus Lucas geeft een overzicht van bewegingspaden. Met bewegingspaden kunt u objecten animeren wanneer deze het door u opgegeven pad volgen. U kunt ankerpunten instellen om deze animatie en curve te definiëren of deze indien nodig met elkaar te verbinden.
- Videotraining
- Beweging
-
Bewegingspaden bewerken
Google Web Designer-technicus Chia-Ling neemt de bewerking van bewegingspaden met ons door. Ontdek de verschillende manieren waarop u uw animatie op het werkvlak kunt bewerken via de bewerkingsfunctie voor bewegingspaden.
- Videotraining
- Beweging
-
Overzicht van groepen
I denne videoen gir Google Web Designer ingeniør Lucas en demonstrasjon av gruppens funksjon.
- Elementen groeperen
- Videotraining
-
Groepen met gebeurtenisoverzicht
Google Web Designer-technicus Lucas geeft een overzicht van het gebruik van gebeurtenissen in de nieuwe functie Groepen. U kunt groepen gebruiken om herbruikbare verzamelingen elementen te maken die u als één object kunt bewerken en beheren. Combineer dit met gebeurtenissen om snel krachtige animaties te maken.
- Videotraining
- Gebeurtenissen
- Elementen groeperen
-
Proces voor responsieve advertenties
Google Web Designer-specialist Kent Myers neemt de workflow voor responsieve advertenties met ons door. Kom erachter hoe u zelf snel en eenvoudig een responsieve advertentie kunt maken via een responsieve template.
- Responsief
- Videotraining
-
Contoureditor
I denne videoen gir Google Web Designer ingeniør Jean-Pierre en oversikt over Outliner.
- Videotraining
- Contoureditor
-
Schaal van sleutelframes op de tijdlijn aanpassen
Google Web Designer-technicus Natalie neemt de functie voor schaling van sleutelframes met ons door. Houd Shift ingedrukt terwijl u geselecteerde sleutelframes over de geavanceerde tijdlijn sleept om de duur van een animatie te wijzigen, terwijl de afstand tussen sleutelframes in proportie blijft.
- Geavanceerde modus
- Tijdlijn
- Videotraining
-
Galerijcomponenten gebruiken in Google Web Designer
Lees meer informatie over de geavanceerde mogelijkheden van de galerijcomponenten van Google Web Designer.
- Blog
- galerij
- Componenten
-
Tips voor Google Web Designer: deel 2
Maak aangepaste code, gebruik tijdlijngebeurtenissen om de advertentie te herhalen en meer.
- Geavanceerde modus
- Aangepaste code
- Blog
-
Werken met tekst in Google Web Designer
Vi viser deg hvordan du administrerer utseendet på tekst gjennom Google Web Designer-dokumentet.
- Tekst
- Blog
Aan de slag
Klik hieronder op 'Web Designer downloaden' om de tool te downloaden. Volg de instructies op het scherm om de tool te installeren.