Kleurverlopen maken en toepassen (Gradients)

uit de cursus Responsive websites maken met Adobe Muse

Leuk dat je onze site bezoekt,

Ben jij leergierig?. Jij abonnee en dan ik geef jou 5% korting op de eerste maand! Wat vind je daar van? gebruik als kortingscode: DIEHARD

Geef een reactie of stel een vraag

Geef een antwoord

Registreer als je wilt reageren.

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.

Responsive websites maken met Adobe Muse

perm_identity Belinda | video_library 71 video's | query_builder 06:00:26

Makkelijk websites maken met Adobe Muse

Leer hoe je met Adobe Muse websites maakt en publiceert. Dankzij de eenvoudige interface kan iedereen zonder voorkennis van HTML-code, CSS en/of JavaScript toch vrij eenvoudig een responsive website creëren en online publiceren. Jammer genoeg is Adobe gestopt met de verdere ontwikkeling van Muse maar het programma is nog steeds te downloaden en te gebruiken.

Doelgroep van deze cursus

Iedereen die websites wil leren maken zonder kennis te willen hebben van broncode, html, css en javascript.

Wat ga je leren

In deze online cursus leer je de verschillen tussen een statische, vloeiende en responsive website. Alle meest gebruikte vensters, gereedschappen en instellingen komen aan bod.  Direct vanaf de eerste instructievideo’s besteden we aandacht aan de meest snelle en efficiënte manier waarop je webpagina’s en -sites zou moeten maken. Dus werken met master pages en stijlen.

Interactieve media met JavaScript Widgets

Je leert de widgets van het programma toe te passen. Dit zijn voorgebakken JavaScript toepassingen waarmee je in een handomdraai bijvoorbeeld een fotogallerij, formulier en interactieve kaarten kunt maken.

Om ervoor te zorgen dat de website er goed uitziet op elk apparaat. Van mobiel, tablet tot desktop besteden we een volledig hoofdstuk aan Responsive Webdesign.

Vereiste voorkennis en vaardigheden

Dit progamma kan iedereen leren, het is laagdrempelig en werkt met het WYSIWYG-principe. Jij creëert prachtige webpagina’s met behulp van de gereedschappen, opties en instelvensters en Adobe Muse schrijft de benodigde code voor jou op de achtergrond weg.

Je kunt in plaats van een effen vulkleur ook kiezen voor een kleurverloop.

Om dit te demonstreren selecteer ik, met het selectie-gereedschap, het kleurvlak onder de afbeelding.

Klik in het Controls-venster op het woord ‘Fill’, een optievenster klapt uit.

Activeer als vulling 'Gradient' in plaats van 'Solid'.

De volgende opties worden dan zichtbaar.

Bepaal de startkleur door op het eerste kleurvlak te klikken.

En bepaal de eindkleur door op het tweede kleurvlakje te klikken.

Bepaal op welk percentage het midden van het verloop moet komen.

% Is precies in het midden.

Zet ik deze op % dan vind het omslagpunt eerder plaats.

Verhoog het percentage en het omslagpunt vindt juist veel later plaats.

ik zet deze weer terug op %. Enter om te bevestigen.

Je kunt de richting van het verloop bepalen met Direction.

Hij staat nu op horizontaal maar ik kan ook kiezen voor verticaal.

Ook de lengte van het verloop kun je nog beïnvloeden.

De optie ‘Automatic’ benut standaard het volledige kader.

Vink de optie “Fixed’ aan en voer een andere waarde in of gebruik de schuif.

Om de lengte van het verloop langer of juist veel korter te maken.

Maak je het verloop langer, dan valt logischerwijs, ook een deel van het verloop buiten het kader en is deze niet zichtbaar.

Ik activeer opnieuw de automatische lengte weer met 'Automatic'.

Je kunt de beginkleur nog een dekking meegeven onder de %.

Hetzelfde kun je ook doen met de eindkleur.

Beide zet ik op % zodat de kleuren % dekkend zijn.

De beginkleur zet ik op de donkere kleurvariant. En dan is dit mijn kleurverloop.