# Adobe Photoshop voor webdesign | Domestika > Een cursus van Arturo Servín · Web & App Design · Beginner > 38 lessen (7h 42m) · 99% van de 355 beoordelingen van studenten zijn positief ```alert Deze cursus wordt bijgewerkt om de nieuwe functies van Adobe Photoshop te bevatten en uw leerproces zo compleet mogelijk te maken. ``` Er zijn veel tools om een website te ontwerpen, maar een daarvan is de meest complete om dit te doen, en het is niemand minder dan Adobe Photoshop. In deze 6-gangen Domestika Basics leert Arturo Servín -grafisch ontwerper gespecialiseerd in webdesign en Adobe Certified Instructor - je stap voor stap hoe je Photoshop kunt gebruiken om _responsive_ websites te ontwerpen en in te delen op een eenvoudige en ongecompliceerde manier. manier. Als de naam van de leraar je bekend voorkomt, komt dat waarschijnlijk door zijn eerste Domestika Basics: [Inleiding tot Adobe XD voor mobiele applicaties](https://www.domestika.org/es/courses/616-introduccion-a-adobe-xd-para-aplicaciones-moviles) , waar hij zijn kennis deelt om helemaal opnieuw apps te ontwerpen voor iOS en Android. Je begint deze cursus met kennis van de basisprincipes van het programma: van het leren configureren van de interface tot het maken van nieuwe documenten om je website vorm te geven voor verschillende apparaten. Later leert u hoe u uw website kunt indelen met behulp van gidsen en slimme gidsen, waarmee u een raster kunt maken om de _lay-out_ en de structuur van alle secties van uw pagina te definiëren. Je gaat het derde jaar met orde verder als hoofdrolspeler. U zult zien hoe de lagen werken om alle elementen op orde te houden en u zult de verschillende opties kennen om de objecten te positioneren, waardoor de werking van uw webdesign wordt geoptimaliseerd. In het vierde jaar duik je volledig in de wereld van schermtypografie. Je ontdekt welke lettertypen optimaal zijn voor het web en je leert de teksten te bewerken om ze opmaak en stijl te geven met Photoshop-tools. Vervolgens zal Arturo alles uitleggen wat je moet weten over _responsive_ . Zo weet u hoe u het formaat van uw website kunt optimaliseren, afhankelijk van het model van de mobiel of tablet, waarbij uw ontwerp intact blijft, altijd aangepast aan elk apparaat. In de laatste cursus leer je hoe je bronnen voor je pagina kunt genereren, je zult formaten zien om het bestand te exporteren, je zult CSS-stijlen maken, naast andere bronnen die gericht zijn op het perfectioneren en verbeteren van de assemblage van je webpagina met het team van ontwikkelaars . #### Technische vereisten ⦁ Een computer met Windows 10 of macOS 10.12 Sierra (of hoger). ⦁ Adobe Photoshop CC (u kunt het kopen of de proefversie van 7 dagen downloaden op de Adobe-website). ⦁ Het wordt aanbevolen om een grafisch tablet te hebben. ## Inhoud ### Welkom **Enkele opmerkingen voor aanvang van de cursus** ```alert • Om deze cursus te volgen heeft u **[Adobe Photoshop 2019](https://www.adobe.com/mx/products/photoshop.html)** of hoger nodig , Als je het niet hebt geïnstalleerd, kun je een proeflicentie van 7 dagen krijgen van de nieuwste versie op de Adobe-website. • Begin rustig aan de cursus, als je een nieuw persoon bent in de wereld van design of webdesign, onthoud dan dat het een lang en gedetailleerd proces is, de cursus staat altijd voor je klaar en als je twijfelt, kun je jezelf ondersteunen in de forum met het onderwerp _Vragen en algemene opmerkingen_ . • Als je niet op zoek bent naar wat je zoekt in de forums, heb je twee opties: open een nieuw onderwerp of schrijf me rechtstreeks. Beide zijn goede opties, aangezien uw vraag mogelijk is voor meer dan één student. Maar controleer voordat u dit doet of uw vraag niet eerder is beantwoord. • Het is altijd aan te raden om alle inhoud door te nemen naarmate je vordert; De cursussen zijn progressief en de moeilijkheidsgraad neemt toe, kijk goed wanneer je een gebied hebt dat je niet hebt begrepen en doe veel oefeningen. Dat zal uw vermogen om het programma te bedienen verbeteren. • Neem de tijd die je nodig hebt en geniet er vooral van. ``` We begonnen! Ik zal het hebben over de inhoud van de cursus, hoe u de oefenoefeningen kunt gebruiken en hoe u uw vaardigheden in Adobe Photoshop kunt verbeteren door uw tools en werkruimten op een eenvoudigere en overzichtelijkere manier te organiseren. ### Het voordeel van het gebruik van hulplijnen We gaan op een geavanceerde manier gebruik maken van de richtlijnen en je leert de slimme handleidingen te gebruiken. ### Adobe Photoshop-interface voor webdesign Ik zal je leren hoe je de Photoshop-interface kunt aanpassen om te werken met functies die zijn gericht op webdesign, op deze manier profiteer je van al zijn tools. ### Rasters voor het ontwerpen van een website op een computer Van het gebruik van richtlijnen kunnen we diagrammen maken om elementen van het ontwerp dat wordt ontwikkeld te plaatsen ### Nieuw document voor internet, mobiel en andere apparaten Nu zal ik u het belang laten zien van het maken van een nieuw document, rekening houdend met enkele waarden vanaf het begin, om uw project op een meer gestructureerde manier te werken ### Rasters voor het ontwerp van een mobiele website We zullen een nauwkeurig onderscheid maken tussen de lay-out van een website voor uw computerversie en de versie voor een mobiel apparaat. ### Algemene afmetingen van een website Ik zal beschrijven en laten zien wat de algemene schermafmetingen zijn van een webpagina, de mogelijke problemen die kunnen optreden bij het wijzigen van afmetingen en hoe we deze kunnen oplossen met behulp van de Photoshop-tekengebieden. ### Algemeen grafisch diagram van een website We zullen een diagram maken van de secties waaruit onze website bestaat en hoe we deze in onze werkruimte moeten rangschikken. ### Oefening: Algemene schermafmetingen maken voor een website ### Oefening: Genereer de algemene ontwerpstructuur van uw website In deze praktijk zal ik laten zien hoe de algemene principes van ontwerp en structuur van een webpagina kunnen worden ontwikkeld, te beginnen met de algemene lay-out van een computer, tablet en mobiel; om af te sluiten met de schetsen van de onderdelen van mijn website. ## Audio en ondertiteling **Audio:** Spaans, Engels, Frans, Italiaans, Portugees, Turks **Ondertiteling:** Spaans, Engels, Portugees, Duits, Frans, Italiaans, Pools, Nederlands, Turks, ro, id [Adobe Photoshop voor webdesign](https://www.domestika.org/nl/courses/615-adobe-photoshop-voor-webdesign)