Afbeeldingen plaatsen en uitsnede bepalen (Place Images)

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.

Je kunt op twee manieren afbeeldingen plaatsen in Muse.

De ene methode werkt volgens de menuopdracht Place.

De afbeelding wordt dan automatisch in een kader geplaatst.

Maar deze kun je nog anders positioneren en uitsnijden als je dat wilt.

De tweede manier is via het toewijzen als een achtergrondafbeelding voor een kader.

Je hebt dan geen volledige controle over de positie en uitsnede.

Maar deze methode biedt weer andere voordelen.

Allereerst zorg je dat je de juiste werklaag geactiveerd hebt in het lagen-venster, de content-layer.

Ik behandel nu eerst de standaard methode via Plaatsen. Ga naar File > Place.

Of gebruik de toetscombinatie Commando D.

Navigeer naar de oefenmap.

In de map ’bestandsformaten’ staan de afbeeldingen die ik in de vorige video heb gebruikt.

Om de verschillende bestandsformaten uit te leggen.

Selecteer het bestand ‘terras-plaza.jpg’.

Bij de informatie kun je aflezen dat de afbeelding x pixels is.

Klik op open.

De afbeelding staat onder de cursor.

Klik eenmaal in beeld en de afbeelding wordt op ware grootte geplaatst.

Controleer maar in het Controls-venster.

Hier staat het formaat ook op x pixels.

Sleep aan een hoekpunt en wijzig het formaat.

Dit gebeurt standaard altijd proportioneel.

Onthoud dat je pixelafbeeldingen wel mag verkleinen.

Tijdens het schalen moet je het schalingspercentage in het oog houden.

Minder dan % is ok.

Maar voorkom dat je afbeeldingen groter maak dan %.

Want dan dan worden de pixels zichtbaar in de afbeelding.

Het verkleinen van een afbeelding is doorgaans geen probleem voor de scherpte.

Om een andere uitsnede van de afbeelding te bepalen kun je de Crop Tool gebruiken..

Deze werkt als volgt.

Sleep aan een midden- of hoekpunt om het formaat van het afbeeldingskader te wijzigen.

En daarmee ook een andere uitsnede te maken.

Loop met de Crop Tool actief naar het midden van de afbeelding.

Een inhoudsgrijper verschijnt, dat is deze witte cirkel in het midden.

Klik in en houd ingeklikt om de afbeelding binnen het kader te verplaatsen.

Zo bepaal je precies welk deel van de afbeelding zichtbaar moet zijn in het kader.

Er is nog een snellere manier die ik gewoon met mijn selectie-gereedschap kan toepassen.

Activeer het selectie-gereedschap.

Houd dan de Commandotoets ingedrukt (de Control-toets als je met Windows werkt).

Klik in op een selectiepunt en maak ook nu een andere uitsnede van de afbeelding.

Dan kun je de Control- of de Commando-toets weer loslaten.

Dubbelklik in de afbeelding om de afbeelding te selecteren binnen het kader.

Nu kan ik deze ook oppakken en verplaatsen.

Deze manier werkt dus ook erg snel.

Om het kader en de afbeelding samen te verplaatsen.

Moet je nu eerst ‘schoonklikken’. Dus ergens inklikken waar niets staat.

Klik opnieuw in op de afbeelding, houd ingeklikt.

En verplaats de afbeelding naar de gewenste positie op de pagina.

Pas als je dubbelklikt op de afbeelding.

Activeer je enkel de afbeelding binnen het kader .En kun je deze weer verplaatsen.

Wil ik je nog even waarschuwen voor het volgende.

In de meeste programma’s moet je juist de Shift-toets indrukken als je proportioneel wilt vergroten of verkleinen.

Ik deselecteer de huidige selectie en maak het kader weer actief.

Bij Adobe Muse moet je dit dus niet doen.

Nu schaal ik proportioneel.

Houd ik de Shift-toets ingedrukt dan ga je juist disproportioneel schalen.

Als dit is wat je wilt, dan weet je nu hoe dat moet.

Maar ik gebruik het disproportioneel schalen nauwelijks.

En maak deze handeling dan ook ongedaan met Commando Z.