Vormen tekenen en vormgeven (Rectangle & Ellipse Tool)

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 reactie

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.

Dubbelklik op de startpagina van onze oefensite om deze te openen.

In de gereedschappenbalk vind je twee gereedschappen voor het tekenen van vormen.

Het Rectangle Tool en de Ellipse Tool.

Ik selecteer eerst mijn rechthoek tekengereedschap.

Omdat we werken in lagen moet je telkens controleren of de juiste laag wel geactiveerd is.

Dus open het lagen-venster en activeer de laag ‘content’.

Daarna is het eenvoudig een kwestie van inklikken, ingeklikt houden en een kadervorm slepen.

Druk je tijdens het slepen de Alt-toets in dan teken je vanuit het middelpunt.

Laat de Alt-toets los en je tekent weer vanuit de standaard linkerbovenhoek.

Ik selecteer nu de Ellipse Tool.

Houd je voordat je gaat tekenen de Shift-toets ingedrukt.

n klik je dan in, dan teken je een perfecte cirkel of vierkant.

Selecteer de Selection Tool, of gebruik hiervoor de sneltoets V.

Sleep aan een hoekpunt om de breedte en de hoogte te wijzigen.

Sleep aan een middelpunt om enkel de hoogte of de breedte aan te passen.

De hulplijnen van Muse geven regelmatig aan wanneer je een hulplijn, een middelpunt...

...of raakvlakken hebt met de randen of middelpunten van andere vormen die al op de pagina staan.

Gebruik het Control-venster of het venster Transform.

Om exacte maten op te geven voor een vorm, maar ook voor een formaat.

Kaders kun je ook roteren bij Rotate in het Transformvenster.

Ik voer een getal in en druk om Enter om deze te bevestigen en de vorm wordt geroteerd.

Gebruik de pijltjes naast het getal om de rotatie te verhogen of te verlagen.

Houd je de Shift-toets ingedrukt dan verhoog je de graden per tientallen in plaats van eenheden.

Dit geldt overigens voor alle pijltjestoetsen waarmee je een waarde kunt verhogen of verlagen.

Je kunt ook handmatig een kader roteren.

Ga met de muis vlak naast een selectiepunt staan en het rotatieteken verschijnt.

Klik in, houd in geklikt en roteren maar.

Geef het kader een vulkleur door op het kleurvlakje bij Fill te klikken een andere kleur te kiezen.

Uit het stalenpalet. Kies op dezelfde manier een lijnkleur

je kunt een lijndikte opgeven bij de 'Stroke Weight'.

En de rechte hoeken afronden door een waarde in te voeren bij 'Corner Radius'.

Ook nu met Shift ingedrukt ga ik met tientallen.

Standaard wordt de afronding aan alle hoeken meegegeven.

Via het Corner-pictogram kun je per hoek wisselen tussen rechte hoeken en weer afgeronde hoeken.

Ik teken een perfect vierkant dus ik ga naar mijn rectangle tool.

Houd de Shift-toets ingedrukt, klik en sleep een perfect vierkant.

Ik geef deze een vulkleur mee..

Als ik nu de hoekafronding maximaal maak.

Heb ik een perfecte cirkel gecreëerd.

Dus met rechthoeken kun je met behulp van de hoekafronding ook ellipse- en cirkelvormige kaders creëren