Visueel Stijlonderzoek. Inleiding. Project Design for Space Game To The Surface Uitgevoerd door Jens Wouters (GDD2)
|
|
- Renske van der Laan
- 8 jaren geleden
- Aantal bezoeken:
Transcriptie
1 Visueel Stijlonderzoek Project Design for Space Game To The Surface Uitgevoerd door Jens Wouters (GDD2) Inleiding Dit onderzoek is een visueel onderzoek en zal dus bijdragen aan het definiëren van de look and feel van de game die we gaan maken binnen het Design For Space project. De game in het kort: Jij als speler hebt controle over een artificieel eiland die drijft op lava binnenin een groot ondergronds gangenstelsel. Je hebt als doel het eiland aan de oppervlakte van de planeet te krijgen. Om te navigeren door de gangen, zal je zelf het eiland van tijd tot tijd moeten verplaatsen. Door stukken van de rotswanden te smelten maak je nieuwe lava waardoor het eiland omhoog gaat. Om het einde te kunnen bereiken moet je ook een aantal gebouwen van verschillende types op je eiland plaatsen, maar het eiland balanceert rondom een middelpunt, dus moet je het evenwicht goed verdelen om kapseizen te voorkomen. Resources zijn nodig om te kunnen bouwen en moet je dus verzamelen. Deze resources zitten in de wanden van het ondergronds gangenstelsel. Als genre kleven we RTS (Real-Time Strategy) op onze game. De camera zal daarom onder een hoek staan zodat het ongeveer lijkt alsof je vanuit een isometrisch perspectief aan het kijken bent. De volledige game zal echter uitgewerkt worden in 3D. Ondanks dat RTS games bekend staan om hun dikke balk onderaan waarin alle info verschijnt, willen wij proberen om zo min mogelijk HUD (Head-Up Display) elementen weer te geven. Aanvankelijk hadden we het idee om het spel futuristisch vorm te geven. Maar na het voorstellen van het concept hebben we de raad gekregen om te gaan voor een abstracte look and feel. Dit houdt dus in dat we een stijl moeten creëren waarbij de elementen voor zich moeten spreken en niet noodzakelijk moeten refereren aan een bestaand item. Daarom zal het belangrijk zijn dat de vorm de functie van de elementen zal aanduiden. Het onderzoek kan in twee onderzoeken uiteengetrokken worden, afgeleid van twee onderdelen van een visuele stijl van een game, namelijk de grafische vormgeving en de game art. Grafische vormgeving kan op zich tot de game art gerekend worden, maar de twee termen worden hier in de context gebruikt zoals hieronder beschreven: - Tot de grafische vormgeving behoren hoofdmenu, laadscherm, HUD (head-up display: elementen in het spel die informatie verstrekken), in-game menu s, besturingselementen. - Tot de game art behoren alle elementen die dus niet tot de grafische vormgeving behoren. Niet alle games zijn uit dezelfde tijd, dus wordt er bij deze games wel rekening gehouden met hoe ze toen overkwamen.
2 Methode Eerst is er een keuze gemaakt uit een hele reeks spellen die abstract vormgegeven zijn. Ondanks dat onze game 3D moet zijn, is er ook gekeken naar 2D games. Aan de hand van deze voorbeelden wordt geprobeerd om een stijlrichting te bepalen voor onze game. Hier wordt gesproken over een stijlrichting omdat we pas een stijl kunnen vastpinnen als er effectief concept art geproduceerd wordt. Het viel op dat het zeer moeilijk is om onderdelen van grafische vormgeving die niet in de game zelf zitten, terug te vinden op het web. Gelukkig heb je Youtube en dankzij print screen zijn zo de nodige afbeeldingen bekomen. Niet altijd even goede kwaliteit, maar voldoende om een beeld te kunnen vormen. Sommige games zijn nog niet op de markt verschenen wat tot gevolg heeft dat hiervan geen grafische vormgeving te vinden was. Alle afbeeldingen zijn als bijlage toegevoegd evenals de nodige links naar gameplay filmpjes, want niet alle stills zijn even duidelijk om te begrijpen waar je nu eigenlijk naar zit te kijken. Analyse Stijlen Een opvallend aspect van de meeste abstracte games was dat hun art onderling enkele gelijkenissen vertoonde die op zich ingedeeld zou kunnen worden in drie specifieke stijlen. Sommige games kunnen ook meerdere van deze stijlen omvatten. Stijl 1: Cyber Met cyber wordt bedoeld dat je het gevoel krijgt dat je in een digitale wereld zit in plaats van de echte wereld. Met digitale wereld wordt hier bedoeld dat het bijna lijkt alsof je in jouw computer zit. Onderzochte games die hieronder vallen: - Bit Trip Beat, Core en Void - Darwinia - Every Extend Extra - Grid Wars - Marble Madness - Mutant Storm - Qix - Rez - Space Giraffe - Warlords (alle versies, ondanks dat het blijkbaar oorspronkelijk de bedoeling was dat het zich afspeelde in een middeleeuwse setting) - You, me and the Cubes
3 Stijl 2: Neon Neon spreekt voor zich, felle kleuren die schreeuwend naast elkaar bestaan. Onderzochte games die hieronder vallen: - Bit Trip Beat, Core en Void - Darwinia - Electroplankton - Every Extend Extra - Grid Wars - Mutant Storm - Pixeljunk Eden (alhoewel hier en daar uitzonderingen) - Qix (in die tijd dan, kleuren waren nog beperkt) - Rez - Space Giraffe - Warlords - You, me and the Cubes Stijl 3: Vectorieel Sommige art kan vectorieel genoemd worden vanwege de strakke rondingen en over het algemeen egale kleuren. Neigt sterk naar een cartoon look. - Dyson - Echochrome - Electroplankton - LocoRoco - Night Sky - Patapon - Pixeljunk Eden - World of Goo Games die niet echt binnen bovenstaande stijlen passen: - Art Style Orbient - Vib-Ribbon
4 Game art Er zijn enkele games waar je ziet wat de functie van iets is, ondanks dat er abstract gewerkt is, m.a.w. Form Follows Function. Bij Darwinia is alles wat slecht is rood gekleurd. De vijanden hebben meestal ook dierlijke trekjes. De squad figuurtjes hebben duidelijk een wapen vast. LocoRoco personages verplaatsen zich door te rollen, dus zijn het ook bolletjes. In Marble Madness zie je aan alle onderdelen wat hun functie is. De levende vijanden zijn gifgroene wormpjes of zwarte knikkers. Night Sky is volledig in schaduw gehuld behalve de achtergrond, waardoor je silhouetten krijgt. Hierdoor is het dus zeker belangrijk dat de vorm duidelijk maakt wat de functie is. Patapon heeft een bijna gelijkaardige manier van inkleuren als Night Sky, dus moeten de silhouetten ook duidelijk maken waarvoor iets dient. Misschien niet compleet duidelijk, maar in Pixeljunk Eden zou je kunnen stellen dat de planten ook functioneel vormgegeven zijn, want ze bewegen als een echte plant zou doen als je er druk op zet en dit heeft (in beperkte mate) effect op de gameplay. Bij de andere games is het niet zo duidelijk wat de vormgeving met de functie te maken heeft. Natuurlijk zal je na verloop van tijd in deze games wel doorkrijgen wat de functie is van elk item. Objecten die binnen de gamewereld bestaan, zijn in de voorbeelden heel stilistisch neergezet. Betrekkelijk weinig details. Er wordt met grote contrasten gespeeld om de achtergrond duidelijk van de voorgrond te onderscheiden, meestal door middel van kleurcontrasten. Uitzonderingen hierop zijn echter Mutant Storm (de ondergrond waarop je speelt maakt de achtergronden wel iets donkerder), Pixeljunk Eden en Space Giraffe. Het valt op dat enkele van de gekozen abstracte games chaotisch aandoen vanwege de overload aan elementen op het beeldscherm. Hierdoor krijg je visuele ruis en is het soms moeilijk om alles van elkaar te onderscheiden. Dit alles past op zich wel bij het abstracte, omdat je dan bijna een psychedelische ervaring beleeft. Grafische vormgeving Wat lettertypes betreft gebruiken bijna alle games een schreefloos lettertype. Schreefloze lettertypes zijn bijna een standaard overal waar tekst via een scherm getoond wordt. Op enkele locaties durven Echochrome (zie splash screen) en Electroplankton (zie mode select) hier toch van afwijken en is gekozen voor een geschreefd lettertype. De logo s worden hier buiten beschouwing gelaten aangezien deze meestal meer naar een tekening neigen dan een specifiek lettertype (zie Patapon en Pixeljunk Eden als meest extreme voorbeelden). Het is de bedoeling dat het logo uniek en herkenbaar is, dus is het in vele gevallen ook nog eens een lettertype speciaal gemaakt voor het logo.
5 Vele hoofdmenu s zijn standaard vormgegeven. Of je hebt de klassieke verticale opsomming (zie Dyson, Mutant Storm, Patapon, e.a.), of je hebt een horizontale opsomming waarbij enkel het geselecteerde element in beeld is (zie Electroplankton mode menu, LocoRoco). Leuke niet-standaard hoofdmenu s zijn terug te vinden in Vib-Ribbon en Pixeljunk Eden. Vib-Ribbon heeft gekozen om een wolkensysteem te gebruiken waarbij de te kiezen opties rondom een centrale wolk staan die aangeeft waarbinnen je de keuzes maakt. In Pixeljunk Eden bestaat het hoofdmenu enkel uit een hub systeem waar je met je karakter in het blauwe gat moet springen om naar een level te gaan. Ondanks dat de hoofdmenu s van Every Extend Extra, Bit Trip Beat en Core (en waarschijnlijk ook Void) standaard lijken, hebben de makers er verwijzingen naar gameplay elementen ingestopt. In het menu van Bit Trip Beat bestuur je het linker balkje die op de hoogte staat van de gemaakte keuze. Selecteer je de optie, dan zal er een blokje vanaf de rechterzijde van het scherm doorheen de tekst gaan, jouw balk raken en terugkaatsen. Dit doe je continu in de game. Analoog hiermee schiet je in het Bit Trip Core menu een straal doorheen de optie vanuit het rode kruisje midden in beeld, wat je dus continu doet in deze game. Every Extend Extra heeft het iets subtieler aangepakt, maar daarom niet minder sterk. In het spel draait het voornamelijk om dingen opblazen. Deze ontploffingen worden aangegeven door cirkels. In het hoofdmenu kun je zien dat de toplaag van het menu langs een cirkel staat. De volgende laag van het menu staat op een kleinere cirkel. Een kleine verfijnde toets die ervoor zorgt dat je een iets ander menu krijgt dan de doorsnee menu s. HUD elementen zijn traditioneel rondom het scherm naar de rand toe geplaatst. Bij de ene game komen deze elementen al veel dominanter over (zie Every Extend Extra) dan bij de andere (zie Pixeljunk Eden). Of ze ontbreken gewoonweg omdat er geen nood aan is (zie Night sky). Blijkbaar de enige game waar submenu s worden gebruikt om dingen te besturen is Darwinia. Strak, veel witruimte tussen de woorden en belangrijk: icoontjes voor snelle visuele herkenning. Gezien de setting van deze game is het ook bijna letterlijk een computervenster. Dyson gebruikt ook een submenu, maar het is veel minder opvallend en dient hoofdzakelijk om informatie weer te geven dan echt het spel te besturen. Waar het menuutje in Darwinia duidelijk over de wereld wordt getekend, komt het scherm van Dyson netjes onderaan op de rand van het scherm te staan. Conclusie De games die het dichtst in de buurt van ons beoogde genre liggen zijn Darwinia en Dyson. Uit deze games blijkt dat iconografie zeer belangrijk zal zijn om zaken in submenu s na verloop van tijd vlugger herkenbaar te maken. Indien het niet zou passen om een zwevend menu te gebruiken in de buurt van het item waarop je geklikt hebt, toont Dyson aan dat je het scherm ook gerust naar een rand van het beeldscherm kunt verplaatsen en dan een lijn kan trekken naar het geselecteerde object. Natuurlijk kun je de lijn ook vermijden en op een andere manier duidelijk maken wat je geselecteerd hebt. Het lijkt het meest interessant om de grot met bijhorende lava in onze game vorm te geven in de neon stijl en de rest in de cyber stijl. Door middel van de neon stijl kun je de lava een leuke gloed geven waardoor deze geloofwaardiger overkomt als iets wat warm/heet hoort te zijn. De cyber stijl sluit het meeste aan bij ons eerste idee om het spel futuristisch vorm te geven. Door de twee stijlen duidelijk onderscheidend van elkaar te maken, kun je een contrast creëren tussen de organische grot en de artificiële stad.
6 Gezien het de bedoeling is om uiteindelijk de submenu s tot een minimum te brengen, zal het belangrijk zijn dat de vorm van een object duidelijk maakt wat zijn functie is. Details zullen tot een minimum moeten gebracht worden. Gezien onze stad groeit zal de camera er steeds verder van komen te staan waardoor waarschijnlijk alle details toch verloren gaan. Daarom is het belangrijk om toch ook een graantje mee te pikken van de vectoriële stijl. Egale kleuren zijn namelijk goed herkenbaar van op welke afstand men ook kijkt naar een object. Als het zo ver zou komen dat je eventueel de vorm ook niet goed meer kan herkennen, is het dus interessant dat elk bepaald type object een specifieke kleur toegewezen krijgt. Duidelijkheid en overzicht zullen een grote rol gaan spelen binnen onze game. Dus het is belangrijk om geen al te grote visuele drukte te creëren. Qua lettertype ligt het voor de hand om ook een schreefloos lettertype te kiezen. Dit zal sowieso ook beter passen bij de algemene stijl die gebruikt zal worden. Het zou leuk zijn om in ons hoofdmenu gebruik te maken van of te verwijzen naar een gameplay element om te navigeren, zoals gedaan wordt in Every Extend Extra of Bit Trip Beat, Core.
7 Bijlage Art Style: Orbient Link: Save game select StagesSelect 1
8 Stage select 2
9
10 Bit Trip Beat Link: Main menu Pause menu
11
12 Bit Trip Core Link: Main Menu
13 in-game
14 Bit Trip Void Link: Checkpoint screen
15
16 Darwinia Link: Overworld controls
17 notices
18
19 Dyson Link: Main menu Mission Briefing
20
21 Echochrome Link: Splash screen
22 text
23
24 Electroplankton Link: Main menu Mode select
25
26 Every Extend Extra Link: Main menu niveau 1 Main menu niveau 2
27
28 Grid Wars Link: Main menu
29
30 LocoRoco Link: Splash screen Main Menu
31 Promotional wallpaper
32 Marble Madness Link: Splash screen
33 Main menu Name input
34 Levels
35 Mutant Storm Link: Main menu Level select Load screen
36 Save screen
37
38 Night Sky Link:
39 Patapon Link: Main menu Introduction
40
41 Pixeljunk Eden Link: Main menu (hub) Options
42
43 Qix Link: Splash screen
44 Game over Rez Link: Splash screen
45 Leader board
46
47 Space Giraffe Link: Main menu Level select
48
49 Vib-Ribbon Link: Main menu
50 Score screen
51 Warlords Link origineel: (origineel)
52 Link XBLA versie: (XBLA versie) World of Goo Link: Save select
53 Level Select Name input text
54 Promotional wallpaper
55 You, Me and the Cubes Link: Player select (man hoort hier niet!)
56 Level select easy (man hoort hier niet!) Level select, een stukje moeilijker dan easy (man hoort hier niet!)
57 Level select hard (man hoort hier niet!) Objective
58
Project Design for Space. To the Surface. Gerard Bossenbroek Dennis Haverhals Jens Wouters Paul Suurmeijer
Project Design for Space To the Surface Gerard Bossenbroek Dennis Haverhals Jens Wouters Paul Suurmeijer 1 UITGANGSPUNTEN... 5 TAAKVERDELING... 5 PLANNING... 5 CONCEPT TO THE SURFACE... 6 DOEL VAN HET
Nadere informatieDennis Wagenaar 19-04-10 v 1.0
Ontwerprapport Save Energy Leiden Dennis Wagenaar 19-04-10 v 1.0 Inhoudsopgave Inleiding...4 1 Grafisch Ontwerp...5 1.1 De website...5 1.2 Header...6 1.3 Menu...6 1.4 Content...7 1.5 Grafieken...7 1.5
Nadere informatieThinking of Art Stijldocument
Thinking of Art Stijldocument Niels de Jong GDD1A Inspiratie: M.C. Escher Inhoudsopgave Inleiding...2 1 Moodboard / stijlinspiratie kiezen...2 Kiezen stijlinspiratie...3 Beeldmateriaal in Moodboards...4
Nadere informatieNieuws sites hebben een krantachtige vormgeving; de informatie staat voorop.
Be e ldsche rmvormge ving & We bde sign Doelstelling & Doelgroepverkenning Kijk naar verschillende websites om je doelgroep te verkennen. Ze hebben allemaal een andere doelstelling en roepen een bepaalde
Nadere informatieTips; fotoboek maken (bron: hema.nl)
Tips; fotoboek maken (bron: hema.nl) tekst roteren Draai je tekst zodat het mooi onder of op je scheef geplaatste foto staat. Of maak zelf leuke labels in combinatie met clipart. 1. kies de clipart (bij
Nadere informatieGa naar http://www.domeinnaam.nl/wp-admin en log in met de gebruikersnaam en wachtwoord verkregen via mail.
INLOGGEN Ga naar http://www.domeinnaam.nl/wp-admin en log in met de gebruikersnaam en wachtwoord verkregen via mail. Vul hier je gebruikersnaam en wachtwoord in en klik op Inloggen. Bij succesvolle login
Nadere informatieArt/Media & Me Inspiratie in ontwerp
Art/Media & Me Inspiratie in ontwerp Yannick Seyeux GameDesign - G&I1D Docenten: Saskia Freeke & Sonja van Vuure 16-10-2015 Wat is Darkstalkers? Darkstalkers is een 2D fighting-game franchise gemaakt en
Nadere informatieP O W E R P O I N T - onderdeel van Microsoft Office 2000 pakket (nl) De Windows versies van Powerpoint kunnen onderling afwijken
P O W E R P O I N T - onderdeel van Microsoft Office 000 pakket (nl) De Windows versies van Powerpoint kunnen onderling afwijken DEEL I De zes basisstappen Met het programma Powerpoint kun je zelf een
Nadere informatieWERKEN MET INKSCAPE. Klik op het logo van Inkscape om het programma te openen. Je ziet het volgende startscherm.
WERKEN MET INKSCAPE Klik op het logo van Inkscape om het programma te openen. Je ziet het volgende startscherm. Kies nu voor Bestand en Documenteigenschappen. Hier zet je de Standaardeenheid op mm. Pas
Nadere informatieIn de screenshot is een soort weg te zien die naar een punt in de verte leidt. Dit geeft het idee dat de
Inleiding: Dit is een verslag over het zoeken van een artstyle voor een spel met de gameplay van Parachute Panic of Speed Racer. Ik heb eerst een kleine mindmap gemaakt met verschillende soort stijlen
Nadere informatiedesign ook items uitsnijden
(fig1) Hulplijnen zetten Om het ontwerp netjes uit te snijden is het handig om eerst hulplijnen te zetten. (fig1) Nu is het zaak om eerst voor je zelf te bepalen wat is layout en wat is design. Al het
Nadere informatieFunctioneel ontwerp. Navigatie
Functioneel ontwerp Het functioneel ontwerp bestaat uit de volgende onderdelen: 1. Navigatie 2. Lijst van alle pagina s 3. Paginaontwerp 4. Formulierontwerp 5. Grafisch ontwerp Navigatie Navigatie wordt
Nadere informatieLes 2 De basis (deel 1)
Les 2 De basis (deel 1) 2.1 Eigenschappen Beeldscherm In Windows XP is het makkelijk de eigenschappen van het beeldscherm te wijzigen. Om dit te doen rechtsklikken we op een lege plaats in het bureaublad,
Nadere informatieSketchUp: 3D voor iedereen (/)
1 DE CURSUS (/) SKETCHUP? (/SKETCHUP.HTML) INSTALLATIE (/INSTALLATIE.HTML) DE BASIS (/DE-BASIS.HTML) GEREEDSCHAPPEN (/GEREEDSCHAPPEN.HTML) GEAVANCEERD (/GEAVANCEERD.HTML) SketchUp: 3D voor iedereen (/)
Nadere informatieTHINKING OF ART. Saskia Freeke. Sonja van Fuure 29 OKTOBER 2015 CAST MEMBERS. HKU Games & Interactie
THINKING OF ART Saskia Freeke Sonja van Fuure 29 OKTOBER 2015 CAST MEMBERS HKU Games & Interactie INLEIDING STIJLKEUZE VERANTWOORDING We hebben specifiek voor deze stijl gekozen omdat we de oranje kleur
Nadere informatiemake things ETA by Boudewijn Naaijkens
ET S make things ETA by Boudewijn Naaijkens VISUAL IDENTITY Student Boudewijn Naaijkens 2060969 Avans Hogeschool 42CM04 (O) Vakcoördinator Brenda Renssen Avans Hogeschool Overige betrokken docent(en) Marcel
Nadere informatieMMIO Verslag. Groepsopdracht week 1. Hoe zorgen we dat kinderen van jongs af aan gezonder leren eten?
MMIO Verslag Groepsopdracht week 1 Hoe zorgen we dat kinderen van jongs af aan gezonder leren eten? Door David Arisz 11044772 Rob Dekker 11020067 Devin Hillenius 11018070 Joep Straatman 11035307 Concept
Nadere informatiewww.voornaamachternaam.graafschapcollegehandel.nl
Ga naar jouw eigen website, Dit is jouwvoornaam+achternaam.graafschapcollege-handel.nl Dit ziet er dan als volgt uit (uiteraard dan met jouw naam): www.voornaamachternaam.graafschapcollegehandel.nl Bijvoorbeeld:
Nadere informatieGrafisch Vormgeven 10 verbeterde designs. Youri Stans GAR-1B
Grafisch Vormgeven 10 verbeterde designs Youri Stans GAR-1B Mount and Blade Warband Interface In het eerste voorbeeld beslaat de interface ongeveer 70% van het beeldscherm. Dit terwijl de tekst binnen
Nadere informatieTestreportage. Door: Daniëlle Visser (0808309) Timo van Vliet (0869635) Roberto Nelissen (0837383) Nina Haitsma (0870482) Groepsopdracht 6
Testreportage Door: Daniëlle Visser (0808309) Timo van Vliet (0869635) Roberto Nelissen (0837383) Nina Haitsma (0870482) Groepsopdracht 6 The game of life Inhoud 1. Inleiding... 3 2. Wat moet er volgens
Nadere informatieWat kan je allemaal met het programma Word 2010?
Wat kan je allemaal met het programma Word 2010? Door: Meester Michael www.meestermichael.nl 1. Hoofdletters 3 2. Opslaan 4 3. Openen 6 4. Foutje? 7 5. Een tekst selecteren 7 6. Vet, schuin of onderstreept.
Nadere informatieWat gaan we maken? Scratch Invaders!
Wat gaan we maken? Scratch Invaders! Het ruimteschip is in gevaar! Er komen monsters aan, en die komen steeds dichterbij. Je kunt schieten en ze proberen te raken, maar ze bewegen en je kunt niet door
Nadere informatiehttp://psd.tutsplus.com/tutorials/photo-effects-tutorials/its-time-to-create-a-neo-constructivistposter-with-photoshop/ Poster maken in Photoshop
http://psd.tutsplus.com/tutorials/photo-effects-tutorials/its-time-to-create-a-neo-constructivistposter-with-photoshop/ Poster maken in Photoshop Poster blz 1 Stap 1 Open Photoshop, nieuw document: breedte
Nadere informatieProject Het Parool. Media, Informatie en Communicatie. Propedeuse. Ontwerpdocument Beeld
Media, Informatie en Communicatie Ontwerpdocument Beeld Project Het Parool Jerry Leigh Henkes, Demy Verhoogt, Bastiaan Verbeek, Sterre van den Berge, Lucas de Vries, Kathy Gabriel en Hanna Loos. P125 Tutor
Nadere informatie2011 D&K electronics b.v. Aan deze uitgave kunnen geen rechten worden ontleend. Wijzigingen voorbehouden.
Versie 1.3 NL 2011 D&K electronics b.v. Aan deze uitgave kunnen geen rechten worden ontleend. Wijzigingen voorbehouden. 2 S.E.S Scoring Systems Inhoudsopgave: Inleiding: 4 Hoofdscherm 5 Bowling: 6 Namen
Nadere informatieLijnen/randen en passe-partouts maken met Photoshop.
Lijnen/randen en passe-partouts maken met Photoshop. Les 1: Witte rand om de foto m.b.v. canvasgrootte. 1. Open de foto in Photoshop. 2. Klik in menu AFBEELDING op CANVASGROOTTE 3. Zorg dat in het vakje
Nadere informatieI. Vorming 4-5 (3&10/05/2012)
I. Vorming 4-5 (3&10/05/2012) 1. Windows Live Photo Gallery Om de foto s op onze computer te beheren, hebben we voor de vorming gekozen om met Windows Live Photo Gallery te werken. Photo Gallery biedt
Nadere informatieLinda Niewold 1C. Art Media & Me. 16 September 15
Linda Niewold 1C Art Media & Me 16 September 15 Sub- opdracht 3 Inpiratie in ontwerp. Games zijn vaak niet alleen door films of boeken, maar ook door elkaar geïnspireerd. In dit verslag ga ik daar dieper
Nadere informatieGrafieken tekenen met de computer
Grafieken tekenen met de computer Inleiding In de natuurwetenschappen doe je vaak onderzoek. Je meet dan bepaalde dingen op en zet deze in een tabel. Van jou wordt dan meestal verwacht dat je er een grafiek
Nadere informatieQuentin Jong A Tai, Justin van der Laan & Nicky Roos
Game Development Boek: So You Wanna Be A Manager? Creators: Klas: Quentin Jong A Tai, Justin van der Laan & Nicky Roos MM2C 1 Inhoud 1. Opstarten van de Game... 3 1.1 Startscherm... 3 1.1.1 Starting a
Nadere informatieBasisles in het gebruik van de Filter Perspectiefpunt Vanaf versie CS2. Deel1 : gebouw groter maken
http://psd.tutsplus.com/tutorials/photo-effects-tutorials/getting-to-grips-with-the-vanishing-pointfilter/ Basisles in het gebruik van de Filter Perspectiefpunt Vanaf versie CS2 Deel1 : gebouw groter maken
Nadere informatieInloggen. In samenwerking met Stijn Berben.
Inloggen Ga naar www.hetjongleren.eu. Heb je al een gebruikersnaam en wachtwoord, log dan in op deze pagina (klik op deze link ): Vul hier je gebruikersnaam en wachtwoord in en klik op Inloggen. Bij succesvolle
Nadere informatieAwesomenauts. by Ronimo Games. Art, media & me - Inspiratie in ontwerp - 15 Oct 2015 Saskia Freeke & Sonja van Vuure DAVEY VERHOEF G&I1D 1
Awesomenauts by Ronimo Games Art, media & me - Inspiratie in ontwerp - 15 Oct 2015 Saskia Freeke & Sonja van Vuure DAVEY VERHOEF G&I1D 1 Wat is Awesomenauts? Awesomenauts is een 2D Multiplayer Online Battle
Nadere informatieHoe maak ik een fotocollage met Pixlr?
Hoe maak ik een fotocollage met Pixlr? Stap 1: Open je webbrowser: of of of.. Stap 2: Ga naar www.pixlr.com Stap 3: Klik hier: Stap 4: Maak je collage Open pixlr express (Efficient) door erop te klikken,
Nadere informatieAvatar. http://www.webdesign.org/photoshop/photo-editing/na-vi-avatar-photo-manipulation-exclusivetutorial.18015.html
http://www.webdesign.org/photoshop/photo-editing/na-vi-avatar-photo-manipulation-exclusivetutorial.18015.html Avatar We proberen een foto om te toveren tot een Na'vi een personage gebaseerd op de film
Nadere informatieHandleiding Pivot docent Wendy Bruins www.wisemice.nl versie 1.2 december 2008
1 Handleiding Pivot Stickfigure Animator Maak je eigen animated gifjes en laat je poppetje bewegen zoals jij wilt. Je kunt je Pivot invoegen in een mailtje, je website of laten verschijnen op je desktop.
Nadere informatie3D pixel stretch effect
http://www.tutorial9.net/photoshop/3d-pixel-stretch-effects/ 3D pixel stretch effect Door het uitrekken, stretchen van één enkele lijn creëer je een heel speciaal digitaal effect. Stap 1 We beginnen er
Nadere informatieHandleiding Website beheersysteem
Handleiding Website beheersysteem Inhoudsopgave 1. Inleiding...3 2. Inloggen...4 3. De startpagina...5 3.1. Startpagina menu...5 3.2. Bovenbalk...6 4. Menu en Pagina's...7 4.1. Een nieuwe pagina toevoegen...8
Nadere informatieHandleiding Japanse puzzels
Handleiding Japanse puzzels versie : 1.0 wijziging : 26-4-2010 Inhoud 1.Japanse puzzel...4 1.1.Speler...4 1.2.Kleur...4 1.3.Groep...4 1.4.Favoriet...4 1.5.Puzzel...4 1.6.Prima...5 1.7.Spel...5 1.8.Stap
Nadere informatieLeerpaden maken. 1. Account en wachtwoord. 2. Maak een nieuw leerpad aan. 3. Inhoud aan een leerpad toe voegen. 4. Structuur aanbrengen op een pagina.
Leerpaden maken 1. Account en wachtwoord 2. Maak een nieuw leerpad aan. 3. Inhoud aan een leerpad toe voegen. 4. Structuur aanbrengen op een pagina. 5. Structuur aanbrengen met stappen 6. Structuur aanbrengen
Nadere informatieDeel 7: PowerPoint. Presentaties gemakkelijker maken
Deel 7: PowerPoint Presentaties gemakkelijker maken De mogelijkheden van PowerPoint als ondersteunend middel voor een gedifferentieerde begeleiding van leerlingen met beperkingen. CNO Universiteit Antwerpen
Nadere informatieSabeth van der Voort GAR1B 03/10/2014< Grafische interface Docent: Leon Kranenburg
Sabeth van der Voort GAR1B 03/10/2014< Grafische interface Docent: Leon Kranenburg De regels hebben allemaal dezelfde regelafstand. Daardoor loopt de tekst aan een stuk door. Het is een lap tekst waar
Nadere informatieHDR- FOTOGRAFIE. Inleiding. Het digitale beeld - Bijlage
HDR- FOTOGRAFIE Inleiding Wanneer je door de zoeker van je al dan niet spiegelreflex camera kijkt en een prachtige scène hebt waargenomen en vastgelegd, dan is er naderhand soms enige teleurstelling wanneer
Nadere informatieAlgemene regels. Stappenplan webdesign
Algemene regels Stappenplan webdesign Kleurengebruik Denk bij het maken van een website aan je kleurencombinaties. Gebruik niet meer dan 4 kleuren; Achtergrond; Heading/ Subheading; Platte tekst; Links.
Nadere informatieRode ogen verwijderen CS2
Rode ogen verwijderen CS2 Gebruikte technieken: Duplicaat foto, gereedschap rode ogen verwijderen, Penseel en de penseel overvloeimode, Optie Vervagen, Opslaan als => Jpeg formaat. Met het gereedschap
Nadere informatieArt and windmills. Doelgroep onderzoek. Valérie den Besten G&I A
Art and windmills Doelgroep onderzoek Valérie den Besten G&I A Research project context 13-03-2016 1 Inleiding Naar aanleiding van het project Van Venster naar Poort maak ik met mijn team een applicatie
Nadere informatieFoto s verbeteren met enkele eenvoudige bewerkingen
Foto s verbeteren 1 Computerclub Volwassenen, Jeugd en Informatica vzw www.vji.be Fotogroep VJI Digitale fotografie Foto s verbeteren met enkele eenvoudige bewerkingen Stefan Cruysberghs www.scip.be Juli
Nadere informatieDigital art: Grafische Interface Opdracht: Voor verbetering vatbaar
Digital art: Grafische Interface Opdracht: Voor verbetering vatbaar Gijs Witkamp HKU GAR1B V1.0 02-10-2014 De opdracht: Zoek 10 voorbeelden van grafische vormgeving die jullie niet goed vinden communiceren
Nadere informatiePhotoshop CS6. Foto s bewerken en aanpassen in Photoshop. Een onderwaterscene maken. Pijl om tussen de voor en achtergrondkleur.
Een onderwaterscene maken. Begin met het maken van een nieuw bestand. Bestand -> Nieuw. Vul vervolgens de gegevens in die je hiernaast ziet. Let op: Resolutie pixels/ inch ingesteld staat. Verloop maken
Nadere informatieHANDLEIDING Windows XP Deel 1
HANDLEIDING Windows XP Deel 1 Bureaublad en Beeldscherm aanpassen Gemaakt door: De Spanjehelpdesk http://www.spanjehelpdesk.nl Voorwoord Windows XP is het besturingssyteem van uw PC. Het besturingssysteem
Nadere informatiePS-Les14-Eenvoudige animatie
In deze les gaan we werken naar dit voorbeeld. In deze les gaan we kennis maken met het onderdeel animatie van Photoshop. We gaan een leuk flikkerende neonreclame maken. Het echte resultaat kan je enkel
Nadere informatieOm paint te openen volgen we dezelfde weg als bij de rekenmachine:
Paint is een éénvoudig tekenprogramma. Vele functies hiervan komen later terug bij diverse foto- en tekenprogramma s. Om paint te openen volgen we dezelfde weg als bij de rekenmachine: rechtbovenaan zoeken
Nadere informatiePinnacle studio 14. Workshop
Pinnacle studio 14 Workshop Inhoud De interface... 2 Project... 2 Film samenstellen... 4 Overgangen... 4 Titels... 5 Geluid... 6 Filmfragmenten aanpassen.... 7 Menu s Maken... 9 DVD s Branden... 11 De
Nadere informatieTips; betere foto's maken (bron: hema.nl)
Tips; betere foto's maken (bron: hema.nl) Gulden snede als gouden basisregel Het werkt zo Verdeel het beeld dat je wilt fotograferen in gedachte in negen gelijke vlakken, door er twee horizontale en twee
Nadere informatieMILLEDONI.NL OP MOBIEL. Door: Sijmen Vos, 500661784, klas v1-05 Docent: Koop Reynders Datum: 17 februari 2014
MILLEDONI.NL OP MOBIEL Door: Sijmen Vos, 500661784, klas v1-05 Docent: Koop Reynders Datum: 17 februari 2014 Inhoud Inleiding... 1 Mentale model bij vraag 1 (behavioural)... 2 Mentale model bij vraag 2
Nadere informatieLes15 Kaartje maken Filters gebruiken
Les15 Kaartje maken Filters gebruiken Eerste opdracht 1) Bestand openen : Menu Bestand Openen, open de beginfoto van deze de afbeelding les15 bloemenmand.jpg Werk op kopie van foto = CTRL+J, je bekomt
Nadere informatiePiotr Tekien. Grafische Vormgeving 10 Slechte logo s/typografie verbeteringen. Oktober 2, 2014 GAR1-B PIOTR TEKIEN HKU GAME ART GAR-1B
Piotr Tekien GAR1-B Grafische Vormgeving 10 Slechte logo s/typografie verbeteringen Oktober 2, 2014 PIOTR TEKIEN HKU GAME ART GAR-1B 10 Slechte voorbeelden van logo s/fonts VOORBEELD 1 Bij het 1e voorbeeld
Nadere informatiemailgroep photoshop Copyright
http://psdtuts.com/tutorials/drawing/how-to-create-a-classic-guitar-from-scratch-in-photoshop/ Gitaar tekenen In deze les leer je een Klassieke Gitaar tekenen. Iedere vorm en effect wordt in Photoshop
Nadere informatieVOOR VERBETERING VATBAAR. Nadia Groenewald G&IB
VOOR VERBETERING VATBAAR Nadia Groenewald G&IB - 3012673 Welk font gebruik ik? Ik gebruik Lato, dit is een google font. Ik vind dit een mooie schreefloze lettertype die niet zo cliché is als Helvetica
Nadere informatieTips en Trucs voor gebruik website
Tips en Trucs voor gebruik website De werkgroep communicatie (die de bedenkers van de website zijn) willen heel graag dat iedere doelgroep de website gaat begrijpen en er mee kan omgaan. Daarom zetten
Nadere informatieKennismaking. Versies. Text. Graph: Word Logo voorbeelden verschillende versies. Werkomgeving
Kennismaking Word is een tekstverwerkingsprogramma. U kunt er teksten mee maken, zoals brieven, artikelen en verslagen. U kunt ook grafieken, lijsten en afbeeldingen toevoegen en tabellen maken. Zodra
Nadere informatieWindows is het meest gebruikte besturingssysteem ter wereld.
2 Windows, inleiding Windows is het meest gebruikte besturingssysteem ter wereld. 2.1 Windows, een eerste verkenning In het vorige hoofdstuk heb je gezien wat een besturingssysteem is. Nu ga je werken
Nadere informatieGouden Tekst. http://www.photoshop-tutorials.nl/tekst-effecten/gouden-tekst.html
http://www.photoshop-tutorials.nl/tekst-effecten/gouden-tekst.html Gouden Tekst In deze tutorial leer je hoe je een gouden tekst kunt maken, een tekst een Goud Effect geven. Het is een uitgebreide tutorial,
Nadere informatieBEGIN AAN EEN UNIEK COÖP-AVONTUUR
INHOUD 01 BEGIN AAN EEN UNIEK COÖP-AVONTUUR 01 BESTURING 02 MOET JE EEN ACCOUNT AANMAKEN? 02 EEN NIEUW SPEL STARTEN 03 FRIENDS PASS 03 OPSLAAN 04 HULP NODIG? BEGIN AAN EEN UNIEK COÖP-AVONTUUR Speel als
Nadere informatieHandleiding Opmaak Emely Van Bosstraeten Steffi Laurens 1 BaKO A
Handleiding Opmaak Emely Van Bosstraeten Steffi Laurens 1 BaKO A 2012-2013 Inhoud Lettertype... 1 Tekstgrootte... 2 Vet, cursief, onderstrepen, doorhalen... 2 Tekstmarkeering... 4 Tekstkleur... 4 Opmaak
Nadere informatieHandleiding voor het maken van je eigen webpagina op de schoolsite
Waar gaat dit over? Handleiding voor het maken van je eigen webpagina op de schoolsite Hier leer je hoe je een eigen webpagina kunt maken op de site van de school. Op deze webpagina kun je vertellen wie
Nadere informatieLook! Inspire : De schaduw kant van verslavende middelen Daan Hermans G&I 1B
Look! Inspire : De schaduw kant van verslavende middelen Daan Hermans G&I 1B 1 Inhoudsopgave Inleiding.. 3 Tijdlijn verzameling..4 week 1 & 2..4 week 3 & 4..5 week 5 & 6..6 week 7...7 De verwerkingskeuze....7
Nadere informatiemailgroep photoshop Copyright Natuurlijk teksteffect
http://psdtuts.com/text-effects-tutorials/a-slick-supernatural-text-effect/ Natuurlijk teksteffect Stap 1 We maken eerst de achtergrond klaar. Je kan er heel veel vinden op internet, maar wij maken die
Nadere informatieEnveloppe tekenen in Photoshop
http://psd.tutsplus.com/tutorials/icon-design/how-to-create-an-envelope-icon-inphotoshop/?utm_source=feedburner&utm_medium=email&utm_campaign=feed%3a+psdtuts+%2 8PSDTUTS%29 Enveloppe tekenen in Photoshop
Nadere informatieOPDRACHT 2. Heroes of the storm HERKANSING MASHUP. Samurai Jack x Roronoa Zoro SABETH VAN DER VOORT GAR2C DATUM: 04/12/2015
OPDRACHT 2 Heroes of the storm HERKANSING MASHUP Samurai Jack x Roronoa Zoro SABETH VAN DER VOORT GAR2C DATUM: 04/12/2015 VAK: THINKING OF ART OPDRACHT 2 + HERKANSING MASHUP DOCENT: SONJA VAN VUURE MOODBOARD
Nadere informatieHandleiding Joomla 3.x
Handleiding Joomla 3.x Hoe maak ik een call to action button? Geschreven: Sandra van der Heijden (2015) AdviesMies Introductie Het wordt regelmatig geroepen. Je hebt call to action buttons nodig op je
Nadere informatieHandmatig Onderzoekmelding invoeren Archis III
Handmatig Onderzoekmelding invoeren Archis III Voor het indienen van een onderzoekmelding in Archis III ga je naar Melden nieuw onderzoek Daar moeten 3 schermen doorlopen/ingevoerd worden. Eerste scherm:
Nadere informatieBegrippenlijst 6 Massamedia Klas 3
Begrippenlijst 6 Massamedia Klas 3 = herhaling van een begrip van begrippenlijst 1, 2, 3, 4 of 5 Computeranimatie Massamedia Animatie op de computer gemaakt. Animatie is een film die gemaakt is door foto
Nadere informatieHANDLEIDING DVD REBUILDER
HANDLEIDING DVD REBUILDER Na de succesvolle installatie van DVD Rebuilder waarin we ook reeds het Work path en Destination map(pen) hebben ingesteld wordt het tijd om de configuratie van DVD Rebuilder
Nadere informatieComic Life: Maak een fotostrip in de klas
Comic Life: Maak een fotostrip in de klas Wat ga je doen? Je gaat een fotostrip maken met het programma Comic Life. Hiermee kun je gemakkelijk je eigen verhaal construeren. In het programma kun je per
Nadere informatieDESIGN DOCUMENT CRIA VSD
DESIGN DOCUMENT CRIA VSD Travellu Design Document Dennis de Kruijf 506404 CRIA LA FEB Datum: 02-04 - 2015 inhoudsopgave INLEIDING inhoudsopgave 2 INLEIDING 3 home page 4 destinations 5 experiences 6 plan
Nadere informatieConcept Deze week hebben wij ervoor gekozen om de tiled display, die rechts van de ESC balie staat, te verbeteren door een interactieve applicatie eraan te verbinden. Op dit moment is het display, alhoewel
Nadere informatieInhoud van de website invoeren met de ContentPublisher
Inhoud van de website invoeren met de ContentPublisher De inhoud van Muismedia websites wordt ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem (CMS): de ContentPublisher.
Nadere informatieWat is er veranderd in Prezi?
Wat is er veranderd in Prezi? Update voor Prezi voor kids januari 2014 Door: Hedwyg van Groenendaal Prezi staat niet stil en is steeds bezig om de tool Prezi te verbeteren. De belangrijkste veranderingen
Nadere informatieFAQ (veel gestelde vragen) nieuwe website
FAQ (veel gestelde vragen) nieuwe website De werkgroep communicatie (die de bedenkers van de website zijn) willen heel graag dat iedere doelgroep de website gaat begrijpen en er mee kan omgaan. Daarom
Nadere informatieAPOD: laat standaard de astronomy picture of the day zien. Tap rechtsonder op het pijltje (^) om informatie te lezen over het plaatje.
APOD: laat standaard de astronomy picture of the day zien. Tap rechtsonder op het pijltje (^) om informatie te lezen over het plaatje. Wanneer je linksboven op de drie streepjes tapt kun je naar de galerij
Nadere informatieLesbrief voor leerlingen: hoe ontwerp je een omslag voor een boek
Lesbrief voor leerlingen: hoe ontwerp je een omslag voor een boek KIEZEN Een goed begin is het kiezen van het juiste boek. Er zijn zo veel mooie verhalen waardoor het soms lastig is om een goede keuze
Nadere informatieProductfotografie in je eigen thuisstudio
Productfotografie in je eigen thuisstudio Kenneth Verburg De feestdagen zitten er weer aan te komen en dus vallen er wekelijks tientallen folders met aanbiedingen door de brievenbus waarin de laatste producten
Nadere informatieActiveBuilder Handleiding
ActiveBuilder Handleiding Auteur: TalkActive I/S Datum: Juli 2004 Versie: R. 1.01 Taal: Nederlands Copyright 2004 - Talk Active alle rechten voorbehouden. Inhoud: 1. INTRODUCTIE...2 2. SNEL STARTEN...3
Nadere informatieHandleiding Albupad - Album Page Designer versie 1600
1 Handleiding Albupad - Album Page Designer versie 1600 Albupad (Album Page Designer) is een computerprogramma waarmee u gemakkelijk en snel albumbladen voor bijvoorbeeld postzegels kunt maken. Met het
Nadere informatieToelichting release notes. 22 mei 2014
Toelichting release notes 22 mei 2014 1 2 Toelichting release notes Error! Unknown document property name. 22 mei 2014 Inleiding release notes Dit document beschrijft de belangrijkste en meest zichtbare
Nadere informatiePhotomodeler Scanner: Workflow
KAHO St-Lieven GENT Thomas More MECHELEN 3D PHOTOGRAMMETRY FOR SURVEYING ENGINEERING IWT TETRA project Photomodeler Scanner: Workflow Inhoud 01. Importeren foto s en automatische oriëntatie 02. geometrie
Nadere informatiemailgroep photoshop Copyright Lesje: Stel je eigen kamer samen -
Lesje: Stel je eigen kamer samen - http://www2.hku.nl/~fotoshop/img-tutorial5 In deze les gaan we een drie-dimensionale ruimte bouwen, in dit geval een gezellige woonkamer. Uiteraard mag je deze zelf in
Nadere informatieDesign Theorie voor 3-ICT Vormen en Afmetingen
Design Theorie voor 3-ICT Vormen en Afmetingen Als je een ontwerp gaat maken moet je in de eerste plaats met twee dingen rekening houden: de vorm van je ontwerp (bijvoorbeeld: vierkant, langwerpig, rond,
Nadere informatiemailgroep photoshop Copyright
http://psd.fanextra.com/tutorials/photo-effects/photo-manipulate-a-surreal-apple-habitat-scene/ Appelhuisje Nodig: achtergrond ; boomstronk ; appel ; oud venster1 ; oud venster2 ; ladder ; licht penselen
Nadere informatieOntwerpdocument Beeld
Media, Informatie en Communicatie Project Parool Ontwerpdocument Beeld Nikita Brantsen Kim Vendrig Lisa Bol Thom Specht Christel Verwoerd Dewy Muijrers P122A Tutor : Jaimy Ramdin Media, Informatie en Communicatie
Nadere informatieJe kan vanuit de RV SiteBuilder steeds terugkeren naar het controlepaneel, via de knop rechts bovenaan.
RV SiteBuilder openen Log in op je controlepaneel met de gegevens die je van ons hebt ontvangen. Eens ingelogd, klik je helemaal onderaan, in de sectie Software/Services, op het RV SiteBuilder icoontje.
Nadere informatieHet aanraakscherm gebruiken
Het aanraakscherm gebruiken Je bedient je tablet met je vingers. Sommige toestellen kunnen ook met behulp van een speciale pen, stylus genaamd, bediend worden. Je gebruikt de volgende technieken. Tik Je
Nadere informatieINLEIDING TOT GEOGEBRA
INLEIDING TOT GEOGEBRA Sven Mettepenningen, 28/02/2007 GEOGEBRA 1 EERSTE KENNISMAKING Het pakket Geogebra kan je downloaden op de site http://www.geogebra.at/ Eventueel is het ook nuttig van de laatste
Nadere informatie1. Achtergronden verwijderen (op basis van Photoshop CS2/CS3)
1. Achtergronden verwijderen (op basis van Photoshop CS2/CS3) De Engelse benamingen van de opdrachten staan tussen ( ) Voor deze tutorial ga ik gebruik maken van de volgende 2 foto s Foto 1, de foto waar
Nadere informatieHoofdstuk 16: Grafieken en diagrammen: hoe
Hoofdstuk 16: Grafieken en diagrammen: hoe 16.0 Inleiding Wanneer je de betekenis van een serie nummers in een presentatie wilt weergeven, zal je ondervinden dat een diagram de meest effectieve manier
Nadere informatie