Assets zijn de hoeksteen van elk ontwerpwerk. Of het nu gaat om afbeeldingen, vectoren of tekst: ze geven je project de nodige structuur en esthetiek. Adobe XD biedt een scala aan mogelijkheden om deze assets in te voegen en te beheren, zodat je je kunt concentreren op de essentie – het ontwerp. In deze tutorial behandel ik verschillende technieken om je materialen efficiënt en snel in Adobe XD te importeren.
Belangrijkste inzichten
- Adobe XD maakt het mogelijk om assets vanuit verschillende bronnen te importeren.
- Afbeeldingen kunnen worden toegevoegd via drag-and-drop, copy-paste of via bibliotheken.
- De Creative Cloud-bibliotheek biedt een efficiënte manier om assets tussen Adobe-applicaties uit te wisselen.
- PSD-bestanden kunnen direct in Adobe XD worden geopend en bewerkt.
Stap-voor-stap handleiding
Eerste methode: Afbeeldingen importeren via Unsplash
Als je snel afbeeldingen nodig hebt, is Unsplash een uitstekende optie. Open de website unsplash.com om hoogwaardige, copyrightvrije afbeeldingen te vinden. Je kunt eenvoudig een zoekterm invoeren of door de beschikbare afbeeldingen bladeren.
Hier een voorbeeld van hoe je afbeeldingen van Unsplash kunt gebruiken:
- Vind een afbeelding die je mooi vindt. Klik er met de rechtermuisknop op en selecteer "Afbeelding kopiëren".
- Ga terug naar je project in Adobe XD en druk op Command + V om de afbeelding in te voegen.
- Nu kun je de ingevoegde afbeelding aanpassen door deze te verkleinen of te positioneren.
Tweede methode: Afbeeldingen in vormen invoegen
Om een afbeelding binnen een specifieke vorm te plaatsen, volg je deze stappen:
- Sleep in Adobe XD de gewenste vorm (bijvoorbeeld een rechthoek of een ellips) op je werkruimte.
- Selecteer de vorm en ga naar je afbeelding in de Finder. Sleep de afbeelding naar de geselecteerde vorm.
- De afbeelding wordt in de vorm ingevoegd.
Als alternatief kun je ook bestanden direct op de werkruimte van Adobe XD slepen. Klik gewoon op een bestand in je Finder en sleep het naar de gewenste plek in Adobe XD. Dit werkt met afbeeldingen, teksten en vectorafbeeldingen.
Vierde methode: Vectoren uit Photoshop invoegen
Als je vectoren uit Adobe Photoshop wilt importeren, volg dan deze stappen:
- Kies in Photoshop de gewenste vorm en druk op Command + Shift + C om de vorm naar het klembord te kopiëren.
- Ga terug naar Adobe XD en druk op Command + V om de vorm in te voegen.
- Je zult merken dat vectorvormen in XD bewerkbaar zijn, wat je veel aanpassingsmogelijkheden biedt.
Vijfde methode: Gebruik van de Creative Cloud-bibliotheek
Een geweldige functie van Adobe XD is de integratie met de Creative Cloud-bibliotheek. Hiermee kun je assets vanuit Illustrator of InDesign importeren:
- Maak in Illustrator of InDesign een asset en voeg deze toe aan je Creative Cloud-bibliotheek.
- Open Adobe XD en ga naar "Bestand" > "CC-bibliotheken openen".
- Kies het gewenste asset uit de bibliotheek en voeg het in je project in.
Zesde methode: PSD-bestanden direct openen
Een aanzienlijke verlichting is de mogelijkheid om PSD-bestanden direct in Adobe XD te openen. Dit doe je als volgt:
- Kies in Adobe XD "Bestand" > "Van computer openen" en selecteer het PSD-bestand.
- Het geopende project kan nu eenvoudig worden bewerkt en geschaald.
Samenvatting - Importeren van assets in Adobe XD
De mogelijkheden om assets in Adobe XD te importeren zijn veelzijdig en stellen je in staat om je ontwerpprocessen efficiënt te maken. Of je nu afbeeldingen rechtstreeks van Unsplash kopieert, vectoren uit Photoshop gebruikt of de Creative Cloud-bibliotheken voor snelle asset-beschikbaarheid toepast, Adobe XD biedt je de nodige flexibiliteit en creativiteit.
Veelgestelde vragen
Wat is Adobe XD?Adobe XD is een UI/UX-ontwerptool van Adobe voor het maken van prototypes en gebruikersinterfaces.
Kan ik afbeeldingen van websites direct in Adobe XD importeren?Ja, je kunt afbeeldingen importeren via copy-paste of drag-and-drop.
Hoe gebruik ik de Creative Cloud-bibliotheek in Adobe XD?De Creative Cloud-bibliotheek maakt eenvoudig delen van assets tussen Adobe-programma's mogelijk.
Kan ik PSD-bestanden in Adobe XD openen?Ja, Adobe XD kan PSD-bestanden direct openen en bewerken.
Hoe ga ik om met vectorafbeeldingen uit Photoshop?Kopieer vectorafbeeldingen als SVG-bestand uit Photoshop en voeg ze in Adobe XD in.
