Herhalingsoefening Photoshop - Project webdesign

Hoe goed zijn je Photoshop-skills?

We maken als introductie-oefening voor Project webdesign een statisch ontwerp (een foto als het ware) van hoe de website er dient uit te zien, zodat onze klant daaraan zijn goedkeuring geeft (hopelijk) en we kunnen verder ontwerpen.

Met deze oefening kijken we dus enerzijds wat je Photoshop-skills zijn, en anderzijds welk beeld je hebt van hoe een website er moet uitzien.

Onderwerp:

Een film of tv-reeks naar keuze. Hier tonen we als voorbeeld FC De Kampioenen, maar uiteraard kies je zelf iets wat bij je interesses aansluit.

Je kan een extra oefening "Webpagina ontwerpen" er eventueel bijnemen als leidraad. Die oefening volgt min of meer de praktische stappen die je nodig hebt om deze opgave te kunnen maken.

Videouitleg

Klik hier voor de video-uitleg.

Technische en inhoudelijke vereisten:

• 1000 px breed qua nuttige ruimte (dus het witte vlak waarop de inhoud komt)
• 72ppi
• links en rechts van de nuttige ruimte voorzie je plaats voor niet al te opvallende grafische elementen (bv. vage foto); deze ruimte wordt getoond op browsers die breder zijn dan 1000 px. Die extra ruimte krijg je door een canvasuitbreiding te doen (enkel links en rechts) van bv. telkens 200px.
• Bovenaan een hoofding op basis van verschillende foto's die met laagmaskers in elkaar overvloeien
• Een navigatiesysteem dat niet bestaat uit louter letters en een kleurbalk. In het navigatiesysteem moet het thema van de film/reeks verwerkt zijn. Bij de Kampioenen is dat een voetbal, bij een western kan dat een pistool of cowboyhoed zijn, ...
• Voorzie tekstvakken (sleep met het tekstgereedschap) en vul deze met Lorem Ipsum-tekst.
• Voorzie fictieve miniaturen die verwijzen naar filmpjes die je online kan bekijken van de film/reeks (zie rechts op het voorbeeld)
• Plaats je naam ergens op het ontwerp.
• Voeg zelf originele elementen toe.
• Stuur door als PSD-document.

Enkele voorbeelden van cursisten uit de voorbije jaren