Mathias Priess H1 portfolio

Transkript

1 Mathias Priess H1 portfolio

2 Workflow

3 Opgaven Designe og programmere skanfod.dk for Palle Voss Pedersen. Kunden ønsker sig en ny hjemmeside med info om klinikken og kontakt oplysningerne. Designkrav Super enkelt, der ikke er meget tekst at gøre med. Let at navigere rundt på siden. Overskuelig. Få farver (rene farver) Udtrykke det hygiejniske omkring fodterapi. Layout Formatet på selve indholdet er 1366 x 768px og centeret, derfor gør det ikke noget, hvis skærmen er større end det. Der er ikke lavet en mobil version lige nu, fordi det ikke var relevant for kunden endnu, men jeg ville lave en ny css, hvor jeg ville give alle skærme under 1366px i vidden den nye css, hvor jeg ville lave en ny version af hjemmesiden. Header med nav menu. Links med hover effekt (a:hover) Gennem gående blå farve for at give siderne farve, og symbolisere fred, sundhed og renlighed. Usability Hjemmesiden er let overskuelig, fordi det er en statiks hjemmeside med kun tre sider, hvor man ikke kan scrolle. Der er ikke ret meget tekst, jeg har sørget for at teksten står et sted, i stedet for rundt omkring på siden. Har gjort så man ikke, kan komme til at markerer alting på siden undtagen på mail adressen. Det er let at finde de oplysninger, man skal bruge på kontakt siden. Procesbeskrivelse Brainstorm om at få kravene koblet sammen Inspirations søgning Skitser i hånden Flowchart Opsætning af hjemmesiden i Photoshop. Få den rigtige tekst. Få godkendt af kunden. Billedbehandling af uskarpe og mørke billeder. Kodet i HTML5 og css i Brackets. Testet i Chrome, Explore og Firefox. Laver line-height i % så det passer i Firefox. Uploadet med FileZilla til Skanfod.dk Kvalitetsvurdering Kunden er tilfreds med arbejdet. Med de krav der var, er jeg tilfreds med det, jeg er nået frem til. Jeg havde kun 4 billeder at gøre godt med, og meget lidt tekst, men har brugt dem godt efter min mening. Min arbejdsproces er gået godt, med næsten ingen problemer. Jeg havde kun problemer, da jeg opdagede, at siden ikke virkede ordenligt i Firefox, men med lidt research fandt jeg ud af hvad der var galt (standarten af line-height i Firefox er større end i andre browsere, derfor måtte jeg sætte en ny standart og lave alt i procent). Workflow 1-10

4 Målgruppen Målgruppen er mest ældre folk, derfor skal den være meget let at bruge. Der må heller ikke være store filer på, da det er vigtigt at den loader hurtigt selv på langsomt internet. Tidsplan 1 uge Analyse af den gamle hjemmeside Ideudvikling/skitser/flowchart/font Opsætning af layout i Photoshop Godkendelse af layoutet af kunde Få tekst og billede materiale Kode hjemmesiden Fejl rettelser Godkendelse af kunden Upload af hjemmesiden Jeg har valgt at have en gennem gående blå farve (#0096ff), på den måde får hjemmesiden lidt farve, uden at blive for meget til kundens smag. Jeg har valgt den blå farve, både fordi den har en god kontrast med alt det hvide, men også fordi den symbolisere: Pålidelighed, sikkerhed, renlighed og komfort. Bruger venlighed Hjemmesiden har meget fokus på bruger venlighed, da der ikke er ret meget indhold på de enkelte sider. Der er kun 3 sider i det hele, hvor du kan tilgå dem med et enkelt klik, det vil sige at der kun skal to klik til at se alt indhold. Der er kun små billede filer, så alle siderne loader hurtigt, selv med langsomt internet. Skrift typen samt kontrasten på sort og hvid, gør at siden er meget læse venlig. Den er kompatibel med skærme der er større end 1366 x 768px. Se Hjemmesiden på: Skanfod.dk Font og farver Har valgt Oxygen som font, for at få en god og let læselig skrift type, som også får lidt form, så det ikke bliver for kedeligt at se på. Kompatibel Hjemmesiden er kompatibel med google chrome, Firefox og ned til Internet Explorer 8. Den virker ikke i ældre versioner af Internet Explorer, da css en ikke virker som den skal. Den er ikke kompatibel med mobil endnu. Workflow 2-10

5 Skitser Workflow 3-10

6 Layout photoshop Workflow 4-10

7 Typografi Font: Oxygen 400, 700 Farver: Solid black, #888888, #0096ff * { padding: 0; margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 1.25; body { background: url(img/background.png) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 100%; z-index: -100; overflow: hidden;.whitelayer { position: absolute; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); z-index: -100; top: 0; margin: 0 auto;.wrapper { position: absolute; width: 1366px; height: 768px; #background-color: limegreen; top: 0px; margin-left: -683px; left: 50%; header { position: absolute; background-color: rgba(255, 255, 255, 0.95); width: 100%; height: 169px; padding: 0; top: 0px; box-shadow: 0px 0px 2px 0px rgb(232, 232, 232);.title { position: absolute; width: 1366px; height: 169px; margin: 0; padding: 0;.title h1 { position: relative; font-weight: 400; font-size: 79.87px; margin-top: 45px; margin-left: auto; margin-right: auto; width: auto; line-height: 0.75; #nav { position: relative; margin-top: 0px; padding: 0; margin-left: auto; margin-right: auto; width: 626px; margin-top: 135px; Workflow 5-10

8 #nav ul { margin-top: 0px; padding: 0; #nav ul li { float: left; text-decoration: none; list-style: none; font-weight: 700; font-size: 20px; padding: 0 30px 0 30px; #nav ul li a:link { float: left; text-decoration: none; list-style: none; font-weight: 700; font-size: 20px; padding: 0 29px 0 29px; color: #0096ff; text-decoration-line: none; width: auto; a:visited { text-decoration: none; color: #0096ff;.marklink a:visited { text-decoration: none; color: #888888; #nav ul li a:hover { float: left; text-decoration: none; list-style: none; font-weight: 700; font-size: 20px; padding: 0 29px 0 29px; color: #888888; #nav ul li a:active { float: left; text-decoration: none; list-style: none; font-weight: 700; font-size: 20px; padding: 0 29px 0 29px; color: #888888;.logo { position: absolute; margin-left: 259px; margin-top: 40px; background: url(img/logo.png); background-size: contain; height: 75px; width: 65px; background-repeat: no-repeat;.logo2 { position: absolute; margin-left: 1048px; margin-top: 40px; background: url(img/logo.png); background-size: contain; height: 75px; width: 65px; background-repeat: no-repeat; #tekstfor { width: 360px; height: 520px; background-color: rgba(255, 255, 255, 0.98); margin-top: 61px; margin-left: 230px; float: left; position: absolute; Workflow 6-10

9 box-shadow: 0px 0px 2px 0px rgb(200, 200, 200); #tekstfortekst { width: 340px; height: 500px; margin: 10px; margin-top: 5px; #background-color: deepskyblue; font-weight: 400; font-size: 17px; #tekstfortekst h3 { padding: 0px; font-weight: 700; font-size: 25px; color: #0096ff; margin-bottom: 5px; #tekstfortekst p { margin-top: 10px; padding: 0px; font-weight: 400; font-size: 17px; #tekstfortekst t { padding: 0px; font-weight: 400; font-size: 17px; #tekstfortekst p a { margin-top: 10px; padding: 0px; font-weight: 400; font-size: 17px; text-decoration: none; #tekstfortekst p a:hover { margin-top: 10px; padding: 0px; font-weight: 400; font-size: 17px; text-decoration: none; color: #888888; #billedforside { width: 490px; height: 512px; border: 5px solid white; background-image: url(img/klinikken.png); float: right; background-size: cover; margin-top: 34px; margin-right: 85px; box-shadow: 0px 0px 2px 0px rgb(200, 200, 200) #priser { width: 361px; padding: 10px; height: 230px; background-color: rgba(255, 255, 255, 0.90); float: left; margin-top: 35px; margin-left: 210px; box-shadow: 0px 0px 2px 0px rgb(200, 200, 200) #priser h3 { padding: 0px; font-weight: 700; font-size: 25px; Workflow 7-10

10 color: black; margin-bottom: -5px; margin-top: -5px; color: #0096ff; #priser p { margin-top: 25px; padding: 0px; font-weight: 700; font-size: 21px; #priser t { margin-top: 20px; padding: 0px; font-weight: 700; font-size: 21px; color: #0096ff; #billedpriser { width: 490px; height: 512px; border: 5px solid white; background-image: url(img/priser.png); float: right; background-size: cover; margin-top: 34px; margin-right: 85px; box-shadow: 0px 0px 2px 0px rgb(200, 200, 200) #person1{ height: 165px; width: 172px; background-image: url(img/palle.png); background-size: cover; margin-left: 154px; margin-top: 195px; border: 5px solid white; box-shadow: 0px 0px 2px 0px rgb(200, 200, 200) #person1t{ height: 60px; width: 230px; margin-left: 350px; margin-top: -70px; padding-left: 5px; padding-right: 5px; background-color: rgba(255, 255, 255, 0.65); position: relative; border: 5px solid white; box-shadow: 0px 0px 2px 0px rgb(200, 200, 200) #person1t p{ margin-top: 0px; padding: 0px; font-weight: 400; font-size: 23px; #person1t t{ height: 0px; margin-top: 0px; padding: 0px; font-weight: 400; font-size: 23px; color: #0096ff; #person2{ height: 165px; width: 172px; background-image: url(img/mar.jpg); background-size: cover; margin-left: 154px; Workflow 8-10

11 margin-top: 198px; border: 5px solid white; box-shadow: 0px 0px 2px 0px rgb(200, 200, 200) #person2t{ height: 60px; width: 230px; margin-left: 350px; margin-top: -70px; padding-left: 5px; padding-right: 5px; background-color: rgba(255, 255, 255, 0.65); position: relative; border: 5px solid white; box-shadow: 0px 0px 2px 0px rgb(200, 200, 200) #person2t p{ margin-top: 0px; padding: 0px; font-weight: 400; font-size: 23px; #person2t t{ height: 0px; margin-top: 0px; padding: 0px; font-weight: 400; font-size: 23px; color: #0096ff; #kontaktbilled{ width: 465px; height: 265px; background-image: url(img/kontakt.jpg); background-size: cover; background-repeat: no-repeat; margin-top: -548px; margin-left: 780px; position: absolute; box-shadow: 0px 0px 2px 0px rgb(200, 200, 200); border: 5px solid white; #kontaktbilledtekst{ width: 465px; height: 262px; background-color: white; position: absolute; margin-top: -270px; margin-left: 780px; box-shadow: 0px 0px 2px 0px rgb(200, 200, 200); border: 5px solid white; #iconer{ height: 190px; width: 44px; margin-top: 2px; background-image: url(img/iconer.jpg); background-repeat: no-repeat; background-size: cover; #kontaktbilledtekstt{ width: 425px; height: 200px; position: absolute; margin-top: -192px; margin-left: 50px; #kontaktbilledtekstt p1{ padding: 0px; line-height: 20px; font-weight: 700; font-size: 20px; color: black; margin-bottom: -5px; Workflow 9-10

12 margin-top: 34px; #kontaktbilledtekstt p2{ padding: 0px; line-height: 135%; font-weight: 700; font-size: 20px; color: black; margin-bottom: -5px; margin-top: 13px; #kontaktbilledtekstt p3{ line-height: 125%; font-weight: 700; font-size: 20px; color: black; margin-bottom: -5px; margin-top: 24px; -webkit-touch-callout:text; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; #kontaktbilledtekstt p4{ padding: 0px; font-weight: 700; font-size: 20px; color: black; margin-bottom: -5px; margin-top: 24px; line-height: 190%; #kontaktbilledtekstt p5{ padding: 0px; font-weight: 700; font-size: 20px; color: black; margin-bottom: -5px; margin-top: 24px; line-height: 169%; Workflow 10-10

13 Grafik og billede

14 Opgaven: Denne op gave gik ud på at lave et 3d pop ud billede, og for at vise lidt flere værktøjer, har jeg lavet en sammenklipning. I sammenklipningen har jeg ikke gået ret meget op i realistiske størrelses forhold, men mere brug af værktøjer. Mest brugte værktøjer: Pen Tool Eraser Tool Masks Program valg: Alt er lavet i photoshop Kvalitets vurdering: Jeg syndes jeg er endt ud med noget godt, min sammenklipning kunne være bedre, men det var ikke det, jeg lagde vægt på i denne opgave. Jeg har arbejdet med mange værktøjer, for at vise at jeg kender og kan bruge dem. Billede 1-10

15 Start billedet Billede 2-10

16 1 2 Startede med at lave en grov udskæring, for at gøre baggrunden mindre forstyrende, mens jeg arbejder på den. Groft udskåret billede. 3 4 En finere udskæring ved brug af Pen Tool. Sidste udskæring hvor jeg fjerner fejl, helt ned til de enkelte pixelsmed Eraser Tool. Billede 3-10

17 1 2 Den færdige udskæring. Derefter skulle jeg bruge den del der ikke skulle være pop ud. Det gjorde jeg med en mask, hvor jeg kan styre hvad der kan ses på mit layer. Jeg brugte Marquee Tool til det. 3 4 Sådan ser de 2 lag ud, når det ligger på hinanden. Fordi jeg har skæret min bil ud, og der ikke er nogen baggrund, kunne jeg skifte farven på bilen meget let, kun med hjælp af hue/saturation værktøjet. Billede 4-10

18 1 2 Jeg skulle fjerne den røde farve, fra de steder hvor den ikke skulle være. Det gjorde jeg ved at lave en helt grå bil, hvor jeg lavede en mask, som kun viste det grå bestemte steder. Her gjorde jeg det på ruden og lygterne. 3 4 Derefter gjorde jeg det på dæk samt skyggerne. Så skulle jeg fjerne alle lagene de steder hvor der er et BMW, så logoet forbliver den rigtige farve. Billede 5-10

19 1 2 Jeg satte en stroke rundt om det lag, der ikke skulle gå ud at billedet. Jeg lage et sort lag neden under mit billede, til at lave min skygge. Brugte ikke drop shadow fordi, at jeg skulle bøje kanterne på billedet, hvilket ville lave en underlig skygge hvis jeg gjorde. 3 4 Jeg brugte warp tool til at bøje mine kanter. Jeg brugte gaussian blur til at lave skyggen mindre hård. Billede 6-10

20 1 2 Nu ville jeg sætte den ind på et bord, for at vise flere værktøjer. Jeg brugte warp tool og liquify tool til at bøje kanterne ned over bordret. 3 4 Jeg brugte blur tool til at putte blur på bagenden har bilen, for at få mere dybte i billedet. Jeg brugte perspective tool, for at få mere dybte i billedet. Billede 7-10

21 1 2 Jeg ville vise lidt mere, så jeg valgte at sætte noget mere ind. Jeg startede med at fritlægge tingene, og så sætte dem ind i baggrunden med noget blur. 3 Jeg lavede noget glas gennemsigtigt, uden det skulle se for falsk ud. Jeg gjorde det ved, at lave 2 ens billeder, og lægge dem på hinanden, derefter sletter jeg det der skal være gennemsigtigt på det første lag med en feather på, for at give en mere blød overgang. Derefter tilpasser jeg gennemsigtigheden ved at skrue på opaciteten på den nederste lag. 4 Det samme gjorde jeg på flasken, men her brugte jeg eraser tool, fordi jeg gerne ville have lidt gennemsigtighed over det hele undtagen på mærkaten. Jeg brugte dropshadow til at putte skygge på. Og burn tool i bunden at blyantholderen, for at give mere skygge i bunden. Billede 8-10

22 Slut billedet Billede 9-10

23 Flere eksempler Billede 10-10

24 Grafisk design

25 Opgaven Opgaven gik ud på at lave et logo, til et projekt for unge i Skanderborg kommune som hedder projekt Min Vej. Projektet skulle hjælpe unge til at finde ud af, hvad de vil i fremtiden, og hvordan de vil når der til. I opgaven kom der lidt en forvirring, da der blev lavet helt om i kravene, efter at de sidste udkast var lavet. Jeg har valgt at lægge fokus på det første jeg lavede. Designkrav Der var ingen rigtige design krav i første omgang, det eneste var, at det meget gerne måtte gerne symbolisere noget. Anden omgang var det noget helt andet, som de ville have. De ville have at det var en Street stil noget med graffiti. Målgruppen Målgruppen er unge i alderen 12 til 18 år. Det er unge som har brug for en smule hjælp, til at komme videre i deres liv, og til at få en bedre fremtid uddannelses -mæssigt. Procesbeskrivelse Brainstorm om målgruppen Inspirations søgning brainstorm Skitser i hånden Font og farver Lave forskellige udkast Sortere i udkast Rettelser Endelige logo Få nye krav Lave nyt logo Få sidste rettelser fra kunden Færdigt logo Typografi og farver Skrift type: Kuro Farve: CMYK: 50, 0, 100, 0 RGB: 162, 192, 55 Kvalitetsvurdering Kunden kan godt lide slut produktet, men jeg kan stadig bedre lig mit første udkast. Jeg synes at mit første udkast, fangede temaet rigtigt godt, og det var på samme tid, et logo man let kan huske. Grafisk design 1-5

26 Skitser Grafisk design 2-5

27 Proces i illustrator Grafisk design 3-5

28 Proces i illustrator Grafisk design 4-5

29 Begrundelse for slut produktet Symboler: Jeg har valgt at bruge et træ som symbol på livet (livstræet), samt for at symbolisere starten på noget nyt. Jeg brugte hånden som stammen, for at vise den støtte som de tilbyder, og at du ikke skal klare at på egen hånd. Den grønne farve symbolisere det samme som de andre ting, og det er det bedste farve valgt, til at koble det hele sammen. Typografi: Jeg har valgt at bruge skrifttypen Kuro, fordi jeg ville have en skrift med lidt bløde former i, for at virke mindre hårdt. Derfor måtte det også gerne være en skrift, som ser en smule glad ud at kigge på. Form: Jeg har valgt at bruge dem runde form, fordi jeg gerne ville have, at man skulle føle at man fik hjælp, hvor at kanter virker mere bestemmende. Det ville også bare passe bedre sammen med natur temaet. Grafisk design 5-5

30 Typografi og Ombrydning

31 Opgaven Opgaven gik ud på at lave en avis artikel i et mindre format. Jeg har valgt at bruge en artikel om laser print, for at få lidt med vores fag med ind i opgaven. Layout Det er et enkelt layout med få elementer. Formatet er to sider med målene: 210mm x 280mm. Så to sider lidt mindre end en a4 side. Mit Baseline Grid har start: 14,6 mm og en increment på 12 pt. Har valgt at bruge fonten Oxygen. Der er en margin på 12,7 hele vejen rundt, undtagen på bunden hvor den er 15,633 mm, for at få den til at passe med mit Baseline Grid. Den er bygget op med to spalter på hver side, som har en gutter på 10 mm. Læsbarhed Læsbarheden er rigtig god, både på grund af den valgte font, men også på grund af at der kun er to spalter på hver side. Der er heller ikke for mange billeder, der ville gå ind og forstyrre teksten. Procesbeskrivelse Finde en ide Tekst søgning Finde format Valg af font Finde font størrelse på Rubrikker og brødtekst Indstille Baseline Grid Indstille margin og gutter Lave paragraph styles til resten Lave character styles Indstætte billeder med billede tekst Lav textwrap på billederne Sidetal på min master page Kvalitetsvurdering Jeg er godt tilfreds med mit produkt, jeg har arbejdet med nogle forskellige værktøjer. Det er ikke det flotteste grafiske, men det er også det tekniske jeg har lagt vægt på. Havde lidt problemer med at beslutte, om min brødtekst skulle være 10pt eller 9 pt, men fandt ud af, at 9 pt ville blive for små med den valgte font. T&O 1-4

32 Danske ingeniører laver verdens mindste print af Mona Lisa Paragraph style Character style Character style Paragraph style Et dansk forskerhold har lavet et farveprint af Mona Lisa, der ikke kan ses med det blotte øje. Teknikken kan bruges til at afsløre tyveknægte i fremtiden. Lasse Foghsgaard Videnskabsredaktør Hvis man skal beundre en ny dansk opfindelse, skal man have fat i et kraftigt forstørrelsesglas. For det er lykkedes ingeniører fra DTU at lave et farveprint af verdens måske mest berømte maleri, Mona Lisa, der er mikroskopisk lille. Så lille, at det ville kunne printes på tværsnittet af et hår, og det er mindre end det mindste farvekorn på en computerskærm, en pixel.»det er lykkedes os med nanoteknologi at lave verdens mindste print af Mona Lisa i farver på en plasticoverflade, der er coatet med et tyndt lag 1 pixel forstørret gange af aluminiumsfilm. Det er så småt, at det ikke kan ses med det blotte øje. Så det eneste, vi kan vise frem, hvis det skal give mening, er en forstørrelse«, siger professor Anders Kristensen fra DTU Nanotech, som sammen med forsker Xiaolong Zhu har stået i spidsen for den opsigtsvækkende og ikke iøjnefaldende opdagelse. Nyheden er netop blevet offentliggjort i det videnskabelige tidsskrift Nature Nanotechnology. Usynlig kunst Det er underligt, at man kan glæde sig Så skærmen på en PH lampe vil også i fremtiden kunne udstyres med usynlige stregkoder, som kan forebygge salg af stjålne varer. Anders Kristensen Professor, DTU over et kunstværk, som man ikke kan se. Men tanken om at kunne printe usynlige ting i farver på plasticoverflader åbner for mange nye anvendelsesmuligheder. Som for eksempel at udstyre tablets eller mobiltelefoner med usynlige stregkoder eller serienumre over det hele, som har den samme farve som baggrundsfarven.»det vil sige, at man kunne udstyre produkter med usynlige stregkoder, som ikke skæmmer produktets design og stadigvæk kunne skanne stregkoden, som findes overalt på produktet. I fremtiden kunne man forestille sig, at alle havde en skanner i deres mobiltelefon, og så kunne man sikre sig, at når man køber en ipad på Den Blå Avis, at sælgeren er den retmæssige ejer og ikke en tyveknægt ved ganske enkelt at skanne den usynlige kode«, siger Anders Kristensen. I fremtiden vil det sandsynligvis også kunne lade sig gøre at laserprinte mange forskellige overflader som glas, aluminium og lakeringer.»så skærmen på en PH lampe vil også i fremtiden kunne udstyres med usynlige stregkoder, som kan forebygge salg af stjålne varer«, siger Anders Kristensen. Få dit kæledyr printet på handskerummet Den nye teknologi er ikke kun banebrydende i mikroskopisk skala. For det er første gang nogensinde, at det er lykkedes at laserprinte på plastik, så printet fremstår i farver og ikke kun i sort eller hvid.»verden er ramt af en omsiggribende trend, hvor man individualiserer produkter til den enkelte kunde. Man kunne forestille sig fremadrettet, at man kunne implementere vores laserprintteknik i produktionen af eksempelvis fodboldstøvler eller interiøret i en bil. Hvor kunden sender et billede ind, som kan printes ud på støvlesnuden Det danske print af Mona Lisa er så lille, at man skal bruge et eller handskerummet af en onere laserprintteknologien (Grafik: Jens Mørch) kraftigt forstørrelsesglas til at se den. Opfindelsen kan revoluti- bil. Det kunne for eksempel være et billede af familiens kæledyr«, siger Anders Kristensen. DTU Nanotech er allerede i dialog med et af verdens førende leverandører af platicdele til biler, spanske Maier. I arbejdet med at lave en laserprinter, der kan printe småt og i farver, er de danske ingeniører blevet inspireret af farvespillet på sommerfuglevinger og sæbebobler.»en sæbeboblehinde er så tynd og nanostrukturerne på en sommerfuglevinge så små, at de kan manipulere med det hvide lys fra solen, som består af alle farver. Enten ved at slukke for nogle bølgelængder eller forstærke dem. Det er det, der gør sæbebobler regnbuefarvede eller eksempelvis gør et sæt sommerfuglevinger blå«, siger Anders Kristensen. Inspireret af sommerfuglevinger For at komme frem til den usynlige Mona Lisa, har de forsynet det, der kunne minde om verdens mindste legoklods, med et 20 nanometer tyndt lag af aluminiumsfilm. De har så rettet en grøn laser mod hver enkel legoknop og smeltet toppen med aluminium i korte tidsintervaller. Paragraph style Textwrap Paragraph style Character style side 3 T&O 2-4

33 Danske ingeniører laver verdens mindste print af Mona Lisa Et dansk forskerhold har lavet et farveprint af Mona Lisa, der ikke kan ses med det blotte øje. Teknikken kan bruges til at afsløre tyveknægte i fremtiden. side 3 Lasse Foghsgaard Videnskabsredaktør Hvis man skal beundre en ny dansk opfindelse, skal man have fat i et kraftigt forstørrelsesglas. For det er lykkedes ingeniører fra DTU at lave et farveprint af verdens måske mest berømte maleri, Mona Lisa, der er mikroskopisk lille. Så lille, at det ville kunne printes på tværsnittet af et hår, og det er mindre end det mindste farvekorn på en computerskærm, en pixel.»det er lykkedes os med nanoteknologi at lave verdens mindste print af Mona Lisa i farver på en plasticoverflade, der er coatet med et tyndt lag 1 pixel forstørret gange af aluminiumsfilm. Det er så småt, at det ikke kan ses med det blotte øje. Så det eneste, vi kan vise frem, hvis det skal give mening, er en forstørrelse«, siger professor Anders Kristensen fra DTU Nanotech, som sammen med forsker Xiaolong Zhu har stået i spidsen for den opsigtsvækkende og ikke iøjnefaldende opdagelse. Nyheden er netop blevet offentliggjort i det videnskabelige tidsskrift Nature Nanotechnology. Usynlig kunst Det er underligt, at man kan glæde sig Så skærmen på en PH lampe vil også i fremtiden kunne udstyres med usynlige stregkoder, som kan forebygge salg af stjålne varer. Anders Kristensen Professor, DTU over et kunstværk, som man ikke kan se. Men tanken om at kunne printe usynlige ting i farver på plasticoverflader åbner for mange nye anvendelsesmuligheder. Som for eksempel at udstyre tablets eller mobiltelefoner med usynlige stregkoder eller serienumre over det hele, som har den samme farve som baggrundsfarven.»det vil sige, at man kunne udstyre produkter med usynlige stregkoder, som ikke skæmmer produktets design og stadigvæk kunne skanne stregkoden, som findes overalt på produktet. I fremtiden kunne man forestille sig, at alle havde en skanner i deres mobiltelefon, og så kunne man sikre sig, at når man køber en ipad på Den Blå Avis, at sælgeren er den retmæssige ejer og ikke en tyveknægt ved ganske enkelt at skanne den usynlige kode«, siger Anders Kristensen. I fremtiden vil det sandsynligvis også kunne lade sig gøre at laserprinte mange forskellige overflader som glas, aluminium og lakeringer.»så skærmen på en PH lampe vil også i fremtiden kunne udstyres med usynlige stregkoder, som kan forebygge salg af stjålne varer«, siger Anders Kristensen. Få dit kæledyr printet på handskerummet Den nye teknologi er ikke kun banebrydende i mikroskopisk skala. For det er første gang nogensinde, at det er lykkedes at laserprinte på plastik, så printet fremstår i farver og ikke kun i sort eller hvid.»verden er ramt af en omsiggribende trend, hvor man individualiserer produkter til den enkelte kunde. Man kunne forestille sig fremadrettet, at man kunne implementere vores laserprintteknik i produktionen af eksempelvis fodboldstøvler eller interiøret i en bil. Hvor kunden sender et billede ind, som kan printes ud på støvlesnuden eller handskerummet af en bil. Det kunne Det danske print af Mona Lisa er så lille, at man skal bruge et kraftigt forstørrelsesglas til at se den. Opfindelsen kan revolutionere laserprintteknologien (Grafik: Jens Mørch) for eksempel være et billede af familiens kæledyr«, siger Anders Kristensen. DTU Nanotech er allerede i dialog med et af verdens førende leverandører af platicdele til biler, spanske Maier. I arbejdet med at lave en laserprinter, der kan printe småt og i farver, er de danske ingeniører blevet inspireret af farvespillet på sommerfuglevinger og sæbebobler.»en sæbeboblehinde er så tynd og nanostrukturerne på en sommerfuglevinge så små, at de kan manipulere med det hvide lys fra solen, som består af alle farver. Enten ved at slukke for nogle bølgelængder eller forstærke dem. Det er det, der gør sæbebobler regnbuefarvede eller eksempelvis gør et sæt sommerfuglevinger blå«, siger Anders Kristensen. Inspireret af sommerfuglevinger For at komme frem til den usynlige Mona Lisa, har de forsynet det, der kunne minde om verdens mindste legoklods, med et 20 nanometer tyndt lag af aluminiumsfilm. De har så rettet en grøn laser mod hver enkel legoknop og smeltet toppen med aluminium i korte tidsintervaller.»det laserbestrålede aluminium vil absorbere og reflektere det hvide lys fra solen alt efter, hvor lang tid vi har behandlet det og dermed ændret dets struktur. På den måde kan vi få hver enkelt legoknop til at fremstå i forskellige farver uden at bruge farvestof. Fordi vi ene og alene manipulerer med det hvide lys fra solen eller fra lamper«, siger Anders Kristensen. Det er den teknik, der gør, at de danske forskere nu kan printe i en hidtil uset høj opløsning, og det kan med held revolutionere laserprinterteknologien. Den første, der lagde krop til teknologien, var Mona Lisa. Laserstrålens intensitet bestemmer farven For at kunne printe de mikroskopiske billeder kræver det en overflade med en særlig struktur i nanoskala. Strukturen består af rækker med små søjler hver med en diameter på kun 100 nanometer. Denne strukturerede overflade dækkes herefter af 20 nanometer aluminium. Når en laserpuls føres fra nanosøjle til nanosøjle, opvarmes nanosøjlen lokalt, så den smelter og deformeres. Temperaturen kan nå op mod 1500 grader celsius, men kun i et tidsrum på få nanosekunder, så den ekstreme varme når ikke at brede sig. Laserstrålens intensitet bestemmer, hvilke farver der printes i overfladen, da det er omfanget af søjlens deformation, der afgør den farve, den reflekterer. Ved laserpulser af lav intensitet får man kun en mindre deformation af nanosøjlen, hvilket vil reflektere blå og lilla farvetoner. Ved en kraftig laserpuls sker en drastisk deformation, hvilket efterfølgende får nanosøjlen til at reflektere orange og gule farvetoner. Professor N. Asger Mortensen fra DTU Fotonik forklarer: Hver gang du ændrer en smule på søjlens geometri, ændrer du på, hvordan den absorberer lyset. Det lys, der ikke bliver absorberet, er den farve, vores øjne ser. Hvis søjlen for eksempel absorberer alt det blå lys, vil det røde lys være tilbage, og overfladen vil fremstå som rød. En ny slags printer Hvad er 3D print? 3D-print er en additiv produktionsmetode, der lag på lag bygger et 3D objekt. Der findes et hav af forskellige printere der kan printe med alt fra plastik, metal til gips og cement. 3D-printning har i de seneste år været under stor udvikling. De mindre printere, så som Ultimaker en og Replicator 2, har gjort det muligt for private, såvel som virksomheder, at benytte den teknologi, som førhen krævede store dyre maskiner. Og det er her det begynder at blive spændende, for 3D-printning har været muligt i mange år, men det er først nu, at det er blevet forfinet og simplificeret til et stadie, så de kan udnyttes af private. Der findes forskellige typer af 3D printere, der benytter hver deres teknologi til at skabe 3D objekter. Men den mest interessante er den teknologi der hedder FMD (Fused Deposition Modeling), som vi vil gennemgå i denne artikel. (psst, de 3D printere som os normale mennesker har råd til, benytter FDM). Hvis ikke du har set en 3D-printer i aktion før, vil jeg kort prøve at forklare, hvordan den fungerer. Forestil dig en meget præcis limpistol, der lægger et lag lim ad gangen. Så snart det første lag er tørt, lægges et nyt ovenpå, og stille og roligt bliver et 3D-print skabt. I stedet for lim, benytter printeren plast, eller en af de mange andre mulige materialer, dog er plast det mest almindelige. Hvad bruges en 3D-printning til i den virkelige verden? Mulighederne er mange. Bare i det private kan en 3D printer bruges til at printe alverdens praktiske ting, såsom knager, vaser, køkkengrej, lamper og holdere til tandbørsten, blyanter osv. Men derudover bliver de brugt til at lave alt fra reservedele til fly, proteser til mennesker, menneskeorganer af personens egne celler og så selvfølgelig pistoler og geværer, som der har været meget snak om i medierne. Praktisk talt er mulighederne uendelige. Der findes nogle store websites, såsom thingiverse, hvor det er muligt at finde alverdens gratis 3D filer. Det er et godt sted at finde inspiration. 3D print er i flyvende udvikling, og vil blive mere og mere normalt de næste par år. side 4