SVENDEPORTFOLIO // BJØRN NYBORG

Størrelse: px
Starte visningen fra side:

Download "SVENDEPORTFOLIO // BJØRN NYBORG"

Transkript

1 SVENDEPORTFOLIO // BJØRN NYBORG 1 bjornnyborg.com/svendeproeve

2 Indhold GRAFISK DESIGN TYPOGRAFI OG OMBRYDNING GRAFIK OG BILLEDBEHANDLING GRAFISK PRODUKTIONSFORSTÅELSE

3 Grafisk Design Jeg har lavet grafisk identitet og hjemmeside til min fritidsfreelance virksomhed»bjørn Digital«. Hjemmesiden skal være nytænkende, nem at navigere i, og de vigtigste oplysninger skal altid være synlige. SVENDEPORTFOLIO // BJØRN NYBORG 5

4 #digital_effektivisering Jeg elsker at hjælpe virksomheder med at få en mere effektiv arbejdsgang. Jeg tilbyder en bred vifte af digitale services og kan der igennem hjælpe virksomheder med at få realiseret deres smarte ideer. Eksempelvis har jeg været med til at udvikle systemer til både: lagersyring, dokumentopbevaring og tidsregistrering. Ansvar Jeg har selv haft ansvar for opgaven, da jeg selv er kunden. Jeg har dog haft kammerater fra branchen til at komme med feedback på designet. Idégenerering Inden jeg gik igang med projektet, lavede jeg en brainstorm. Ud fra denne udvalgte jeg de ord, som skulle kendetegne mit design. Specielt delen med at skulle være anderledes, men samtidigt informativt, var noget jeg meget gerne ville ligge vægt på, da jeg vil udstråle, at jeg er ung og nytænkende. Målgruppe Min målgruppe er nytænkende virksomheder, som mangler en til at realisere deres ideer. Professionelt Informativ Responsive webdesign Medievalg Jeg har udarbejdet: Logo, visitkort og hjemmeside. Derved har jeg lagt en grafisk stil igennem både digitale og trykte medier. Men da jeg primært beskæftiger mig med det digitale, vil de trykte mediers hovedformål være at henvise til hjemmesiden. Logo Stilrent Noget man ikke ser hver dag Bjørn Digital Kode Distribution Det færdige resultat kan ses på Kvalitet Webdesign Troværdigt Visitkort SVENDEPORTFOLIO // BJØRN NYBORG 7

5 Farver Typografi Til primær farve har jeg valgt en blå. Dette er for at give et seriøst udtryk som udstråler tillid, rolighed og sikkerhed. Min sekundære farve (og skriftfarve) er en helt mørk grå, som næsten er sort, hvilket giver en let læsbarhed på hvid baggrund, hvilket er blevet brugt i produktet. Dette gør, at teksten er blødere for øjnene at se på, end hvis det havde været en ren sort. Primær farve #083d5d Sekundær farve #222 Som skrifttype har jeg valgt at bruge»roboto Slab«. Det er en serif-font, som er kraftigt inspireret af de groteske skrifter. Dette giver et moderne udtryk, som samtidigt viser seriøsitet og kvalitet pga. fødderne. Jeg har valgt denne, da den passer godt til det jeg ønsker at brandet skal udtrykke. Samtidig kan den både bruges på de trykte og digitale medier. Rubrikker er skrevet i Roboto Slab Bold Brødteksten på siderne er skrevet med Roboto Slab Regular, Bacon ipsum dolor amet bresaola fatback pork chop cow spare ribs. Frankfurter ham spare ribs meatloaf. Prosciutto biltong hamburger tail bacon ham hock. Bresaola shoulder turducken cow. Spare ribs beef shoulder, chicken. Skriftfarven er hvid (negativ) de steder, teksten står på den primære eller den sekundære farve. Billeder Jeg har valgt at give billederne et overlay med min primær farve, for at skabe et meget gennemgående udtryk. Billedetonen er lavet vha. Gradient Map i Photoshop. Tertiær farve #fff Vi er ved at have så høj opløsning på de skærme, vi anvender i dagligdagen, så det problem, der tidligere har været med at læse serif-fonte på en skærm, er nærmest ikke eksisterende længere. Logo Jeg ønskede at lave et logo, som var super simpelt, men samtidigt afspejler, hvad jeg laver, og indeholder og indeholder navnet på mit firma. Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. Google Fonts Billederne, jeg anvender skal udtrykke et moderne og seriøst arbejdsmiljø, samt være et udtryk for kvalitet. Derfor valgte jeg at anvende et sæt Tuborgklammer, som er et symbol på programmering, da de bliver brugt i rigtig mange sprog til at indramme funktioner. Visitkort Til visitkortet har jeg valgt at anvende billedet fra forsiden på hjemmesiden, samt et simpelt logo og slogan. Dette skaber en god sammenhæng imellem det trykte og min hjemmeside. Inspirationen til logoet kom»brackets«logo, som er den kode editor, jeg anvender til dagligt. Jeg har valgt at bruge min primære font i logoet, for at skabe sammenhæng.»bjørn«står med fed. Dette er for at fremhæve, at det er en personlig freelance virksomhed. Brackets SVENDEPORTFOLIO // BJØRN NYBORG 9

6 Koncept Lige nu er hjemmesiden en onepage side, der indeholder grundlæggende information om firmaet, referencer og kontaktoplysninger. Der er dog lavet klar til, at den nemt kan udvides med flere undersider, når der kommer mere indhold til siden. Navigation Jeg har valgt, at den horisontale navigation skal bruges til at navigere rundt på forsiden, hvor de vigtigste informationer findes. Når der kommer mere indhold på siden, kommer»burger-menuen«i brug, hvor man vil kunne finde yderligere info. På mobilen gemmer vi alt indholdet under burger-menuen, for at få en app-feeling når man navigerer rundt på siden. Layout Jeg startede med at layoute hjemmesiden i Photoshop, hvor jeg kom frem til konceptet med, at hver sektion skulle fylde en hel skærmhøjde (med mindre man har en lille skærm, så skal man bare kunne scrolle). Layoutet er sat op efter bootstraps 12 kolonner, så jeg på den måde let har kunne implementere webdesignet i bootstrap, og derved også udnytte frameworkets responsive funktionalitet. Implementering i Umbraco Da hele frontenden var gennemtestet og responsivt, gik jeg igang med at implementere hjemmesiden i Umbraco. Umbraco er mit foretrukne CMS, da det er yderst fleksibelt, og man har 100% kontrol over al koden, der bliver outputtet. IDenne implementering er opsat således, at det er let at tilføje nye kunde cases, nye undersider, samt redigere i indholdet på siden. Udvikling af frontenden Da designet var færdigt, gik jeg igang med at udvikle min HTML/LESS/JS lokalt på min computer. I denne fase sørgede jeg også for, at hele designet var responsivt, og testede på forskellige skærmstørrelser. Kontaktformularen er også opsat til at sende en mail direkte til mig, når den bliver udfyldt. SVENDEPORTFOLIO // BJØRN NYBORG 11

7 Brug af animationer Der er anvendt animationer på siden, de steder, hvor det giver mening. Når man trykker på pilen, der viser videre på siden, bliver man scrollet ned, i stedet for, at man bare»hopper«ned. Når man åbner mobilmenuen, slider den ind fra den side, man åbner, og ud igen, når man lukker. Når man holder musen over»send«knappen ved kontaktformularen, så animerer baggrunden for at illustrere, at den»sender det videre«. Kvalitetsvurdering Kvalitetskontrol Jeg har anvendt forskellige online værktøjer for at sikre, at det tekniske er iorden på hjemmesiden. Billedeoptimering Jeg har optimeret billederne vha. Kraken. io, selvom jeg gemte billeder med»save for web«i Photoshop, så kunne denne service stadig skære 10-25% af billedestørrelsen uden at ødelægge kvaliteten. Det er primært unødvendig meta data den fjerner. Google Pagespeed Hastighed: 99/100 (Sidste point er caching af Google Analytics, det har jeg desværre ikke mulighed for) W3C Validator Min markup bliver valideret uden fejl eller advarsler. Designet som helhed Jeg har bedt flere bekendte komme med deres objektive mening om resultatet, og i den feedback jeg har fået, har nøgleordene været»innovativt, Anderledes, Simpelt, Elegant«. Jeg er rigtig glad for resultatet, da jeg har opnået målet om et anderledes og nytænkende design, der stadig er utrolig enkelt at navigere i og viser de nødvendige oplysninger omkring mig og firmaet på en enkel måde. Rent teknisk er jeg endt med et produkt, som scorer godt i de forskellige tests. Brugeroplevelse: 100/100 SVENDEPORTFOLIO // BJØRN NYBORG 13

8 Typografi og ombrydning Odense Bys Museum ønskede at genoplive projektet»en eventyrrejse med H.C. Andersen«. I den forbindelse skulle der udgives en novellesamling i hardcover med 9 udvalgte noveller af H.C. Andersen. (Opgaven er en skoleopgave) SVENDEPORTFOLIO // BJØRN NYBORG 15

9 Layout Ansvar Jeg har været alene om ansvaret for at få løst opgaven, men jeg har brainstormet sammen med et par klassekamerater. Målgruppe EN EVENTYR REJSE Der var ikke en specificeret målgruppe på opgaven. Dog har jeg valgt at fokusere på den modne læsergruppe, da det tidligere projekt henvendte sig til den yngre. Jeg har derfor forsøgt at ramme et rent og eksklusivt udtryk. Marginer Jeg har sat mine marginer efter ABCD princippet, for at få den optimale sideopbygning. Jeg har anvendt»de lige store søjlers«og»diagonal«-metoderne, for at få placeret mine marginer optimalt. Kolonner I det layout, hvor jeg anvender kolonner, har jeg 8mm luft, for at overholde lov om nærhed ift. mellemrubrikker. Format Kravet til formatet på bogen var 155 x 230 mm Bleed Der er afsat 3mm til beskæring. Baseline grid For at opsætte baseline griddets start korrekt, har jeg taget min margin i toppen og lagt sammen med 2/3 af min skriftstørrelse. Det gav næsten det ønskede resultat. Herefter justerede jeg en smule, så vi endte med at starte ved 22,7 mm. Jeg har været inde at ændre min basic-text-frame style til at sætte baseline efter Cap Height i stedet for Ascent. SVENDEPORTFOLIO // BJØRN NYBORG 17

10 Masterpages Brødtekst Master Page A Basis layout med sidetal og»running Header«. Master Page B Layout til novelle starter. Placeholder til introbillede, samt blå gennemgående grafik. Master Page C Dobbelt kolonnet Layout til fakta opslaget bagerst i bogen. Til brødteksten har jeg anvendt Lora, som er en let læselig serif font. Den har et kunstnerisk islæt i form af detaljer i bogstavernes serifer. Dette passer godt til den kreative H.C. Andersen. Lora er også en open-source skrift. RUBRIK Brødteksten på siderne er skrevet med Roboto Slab Regular, Bacon ipsum dolor amet bresaola fatback. Skriftstørrelse Brødteksten er sat i 10/14pt, da det er en størrelse alle i målgruppen kan læse. Linjeafstanden er i den høje ende, for at øge læsevenligheden, samt for at undgå, at bogen bliver for tung at læse. Rubrikker Rubrikkerne er sat med den stilrene sans-serif»raleway«, som findes i en»thin«udgave. Dette gav det rene udtryk i rubrikkerne, som jeg ledte efter. Rubrikkerne er sat i 22/27pt og alignet til griddet. Jeg har valgt at køre rubrikkerne i allcaps og centreret for at bidrage til det rene look. Raleway er desuden en open-source font, så den er tilgængelig for alle. Linjelængde Linjerne er ca. 65 tegn i brødteksten. Det er en læsevenlig længde, dog lidt til den lange side. Det kompencerer jeg for ved at have lidt højere linjeafstand. Justering Jeg har valgt at sætte brødteksten med fast bagkant for at igen at opnå det rene udtryk, og en god læsbarhed. Afsnitsmarkering Jeg har valgt at køre med luft mellem afsnittende (mellemslag) i stedet for indrykning, for at dele tekst mængderne mere op i spiselige bidder. Underrubrik Denne er dog sat med Lora Italic, for at distancere den lidt fra den egentlige rubrik, da den fungerer som en byline. SVENDEPORTFOLIO // BJØRN NYBORG 19

11 Udligning/justeringer Justering af brødtekst For nemt at kunne lave knipning og spærring af brødteksten, har jeg oprettet to versioner af brødteksten til dette. Udover disse to versioner, har jeg været nødt til at lave en del manuelle justeringer for at få det hele til at gå op. Udligning af rubrikker Jeg har manuelt udlignet rubrikkerne Uncial Første bogstav i hver novelle har jeg valgt at sætte som et unicial. Paragraph stylen er baseret på brødteksten, men med»drop Caps«sat til at spænde over 3 linjer og 2 karakterer. Jeg har herefter justeret først linje ind til unicialet, og efterfølgende 2 linjer er rykket ind med en tab. Indholdsfortegnelse Automatisk indholdsfortegnelse Jeg har lavet en automatisk indholdsfortegnelse, som finder alle rubrikker og kapitler og indsætter disse fra hele min book. Papirvalg og omslag Papir Jeg har valgt et 135g Book papir, hvis bogen skulle trykkes, da det giver en høj kvalitetsfølelse. Figursats På bagsiden har jeg lavet en figursats, som danner en silhuet af H.C. Andersen. Denne er så spejlet som en skygge på forsiden. Dette er lavet som grafisk effekt for at fange en evt. køber, der lige tager bogen op fra boghylden. Afstande Der er på omslaget taget højde for: 3mm nedbrænding og formering 30mm Ombuk 10,2mm Ryg (Beregnet med online beregner) Preflight Jeg har opsat en preflight profil, som jeg har gennemgået alle dokumenterne, i min book, med. Den tjekker for: Missing links Opløsning på billeder min. 300ppi Overset text Missing fonts Missing glyphs Styling med nested styles Jeg har anvendt nested styles til at kunne få det ønskede udseende på min indholdsfortegnelse. SVENDEPORTFOLIO // BJØRN NYBORG 21

12 Eksportering Booken blev eksporteret samlet vha. Indesigns eksporter Book til PDF funktion. Eksporteringen foregik i både i spreads og pages efter instruktioner fra opgavestilleren. Alle billeder blev nedskaleret til 300ppi (hvis de var større). Jeg konverterede dokumentet til Fogra39 farveprofilen med»preserve numbers«, men inkluderede den ikke i PDF en, for at undgå en evt. dobbeltprofilering. Desuden er der tilføjet»all printer marks«, og bleed bliver hentet fra dokumentets indstillinger. Kvalitetsvurdering Jeg er tilfreds med resultatet, da jeg har opnået det ønskede udtryk. Jeg har også overholdt mange typografiske retningslinjer, men stadig fået et resultat, som skiller sig lidt ud fra den gængse bog. Jeg er efterfølgende kommet til at tænke på, at jeg skulle have givet den lidt ekstra indvendig margin, og derved får en lidt kortere linje længde, og samtidig kompensere for nedfaldet i ryggen på bogen. SVENDEPORTFOLIO // BJØRN NYBORG 23

13 Før Grafik og billedebehandling Efter Andersen Furniture skal have lavet et billede hvor, deres møbler indgår i et moderne køkken, til brug i en kampagne. Eksisterende spisebord og stole skal fjernes, og Andersen Furniture møbler skal indsættes. (Opgaven er fiktiv, men baseret på en virkelig opgave) SVENDEPORTFOLIO // BJØRN NYBORG 25

14 Før billeder Fotografen leverede højopløste JPG filer af møblerne, og selve køkken billedet er et stock foto. Ansvar Jeg har selv stået for udarbejdelsen af opgaven, men har fået inspiration fra de andre grafikere på Ørskov gruppens lignende opgaver Målgruppe Andersen Furniture henvender sig til designbevidste personer, som ønsker højkvalitets design møbler. Resultatet skal udstråle kvalitet og stil. Afsender Andersen Furniture Se evt. hele processen som screencast på min hjemmeside: SVENDEPORTFOLIO // BJØRN NYBORG 27

15 Opsætning af dokument Opløsning: 300 ppi Farverum: Adobe RGB (1998) Jeg har behandlet billedet i så stor en størrelse som muligt, for at have en non-destruktiv arbejdsgang, og for at resultatet vil kunne anvendes til trykte medier. Jeg har arbejdet i Adobe RGB farverummet, fordi det er det, min skærm anvender. Så på denne måde opnår jeg størst mulig farvekorrekthed. Desuden arbejder jeg i RGB, fordi det er et større farverum. Efter min retouchering gik jeg igang med at fritlægge de elementer, der skulle anvendes 2). Fritlægningen er udført ved at lave en udvælgelse med pen-tool, og herefter lave en maske på baggrund af denne udvælgelse. Jeg har hele tiden holdt de forskellige elementer i separate filer, for at have en non-destruktiv arbejdsgang. 2a En evt. konvertering til CMYK vil først finde sted ved genereringen af den trykklare fil. 2b Fremgangsmåde Det første, jeg gjorde var at få fjernet det eksisterende bord på stock-billedet 1). Det var en stor udfordring pga. spejlningerne i gulvet, men det lykkedes vha. en masse Content Aware, Clone Stamp Tool og Spot Healing Brush. 1 2c SVENDEPORTFOLIO // BJØRN NYBORG 29

16 Da jeg var tilfreds med fritlægningerne, indsatte jeg de forskellige elementer, som smart-objects, og anvendte transform tools til at justere perspektiverne helt på plads 3). 3a Herefter har jeg maskeret de forskellige møbler, så de fremstår bag planterne. Her har jeg anvendt en brush til at lave masken 4). For at tilføje lidt hjemlighed til køkkenet, lavede jeg et ur til væggen 8). Herefter gav jeg elementerne lidt skygger, så det ser ud som, uret rent faktisk hænger på væggen. Til sidst maskerede jeg min gruppe med uret, så det ser ud til at være bag planterne fra baggrundsbilledet. le punkter der brænder ud på trykte medier, samt jeg har tilføjet lidt ekstra farvemætning for at give lidt mere glød i billedet. Jeg har til sidst været inde og justere hvid balancen så farverne på de hvide låger er helt hvide (dog med et mørkt punkt så de ikke brænder ud). 8 3b 4 For at genskabe lyssætningen fra stockbilledet, på de indsatte elementer, har jeg benyttet mig af dette lille trick: Opret 2 lag, ét til højlys og ét til skygge. Laget til højlys fyldes herefter med 50% grå farve. Det næste, jeg gjorde, var at tilføje skygger og spejlninger. Skyggerne har jeg lavet ved manuelt at male med en blød sort brush, og derefter give laget en lav opacitet 5). 7 Genskinnet fra bordet er lavet ved at spejle bordet ned på gulvet, og herefter tilpasse perspektivet 6). Så har jeg fyldt det med en grå farve. Derefter har jeg lavet en maske på laget, som vha. en gradering toner ud, og så har jeg givet laget noget gaussian blur for at genskabe gulvets forvrængning af spejlningen. Herefter har jeg givet laget Linear Burn og en opacitet på 20% 7). Marker laget, der indeholder baggrundsbilledet, gå til Channels og CTRL+Klik på RGB kanalen. På denne måde udvælger vi højlyset i laget. Kopier det herefter. Vælg laget til højlys som er fyldt med 50% grå, og indsæt din udvælgelse fra RGB kanalen. Herefter sættes lagets Blending mode til Soft light. Gentag step 2, men inverter udvælgelsen, så vi i stedet får skyggerne. Disse indsættes på det tomme lag, vi har oprettet til skyggerne. Blending mode på dette sættes til Multiply 9 De 2 lag flyttes øverst i lag panelet, og opaciteten justeres. 5a 5b På denne måde kan man overføre lyssætning fra et baggrundsbillede til de indsatte elementer 9). Man kan også bruge metoden til at justere kontrasten. 6 Herefter har jeg været inde at farve justere på billedet, så der ikke er nog- SVENDEPORTFOLIO // BJØRN NYBORG 31

17 Kvalitetsvurdering Jeg modtog godt, højopløst materiale fra fotografen, så jeg havde et godt udgangspunkt. Jeg er tilfreds med resultatet, da det fik det ønskede moderne udtryk, samt jeg fik møblerne til at se naturlige ud i køkkenet. Jeg har vist resultatet til andre på kontoret, samt en grafiker ven, og de udtaler at billedet har fået et moderne, stilrent udtryk. SVENDEPORTFOLIO // BJØRN NYBORG 33

18 Guds Fred Grafisk produktionsforståelse Jeg skulle lave hjemmeside og logo for Guds Fred, som er et musikalsk projekt af Thomas Kallehave. SVENDEPORTFOLIO // BJØRN NYBORG 35

19 Idegenerering Udtryk og symbolik Efter at jeg havde aftalt med Thomas, at jeg skulle lave dette projekt, holdt vi et hangout møde. Her snakkede vi en masse om, hvad projektet skulle udstråle, og hvordan vi skulle gøre det. Vi brainstormede, og vi kom frem til, at projektet skulle udtrykke: Ansvar Jeg har haft alt ansvaret for opgaven, men jeg har lavet det hele i dialog med Thomas. Målgruppe Musikken er henvendt den, der søger fred og sindsro, ung som gammel. Afsender Guds Fred v. Thomas Kallehave Rolig/fredlig atmosfære Overskuelig og ikke larmende Stilren Vi vil opnå dette ved at udarbejde et simpelt logo, og så anvende rolige naturbilleder i stor stil på siden. Logo Udviklingen af logoet har været en længere proces med mange skitser, former og figurer. Se produktet på Men efter en lang udvælgelses proces med en masse skitser, kom vi frem til at, det enten skulle være korset eller flammen, der skulle være symbolet i logoet. Vi endte med at vælge den simple flamme. Den forestiller en fyrfadslys-flamme, som oftest forbindes med fred og tryghed. Musikken skal også være med til at lyse i verden. Sidst men ikke mindst, så er korset også et meget mere brugt symbol, og derfor vil det være svært at få særlig meget gengendelsesværdi ud af det. SVENDEPORTFOLIO // BJØRN NYBORG 37

20 Billedestil Billederne er en blanding af billeder, jeg selv har taget, og nogle en veninde har taget med mit kamera på en vandretur. Alle billederne samlede jeg og lavede en photoshop effekt med justeringslag, som jeg kopierede ud på de forskellige billeder, for at få et ensartet udtryk. Frontend udvikling Da vi vidste, hvordan vi ville have hjemmesiden til at se ud, gik jeg igang med frontend udviklingen. Alle design detaljer var endnu ikke på plads, men jeg valgte at starte med udviklingen alligevel, da nogle ting først rigtig kan prøves af, når der er en prototype klar. Med LESS er det muligt at have sit stylesheet modulært opbygget i forskellige filer, men stadig at compile det til en enkelt CSS fil. Fælles for alle billederne er, at jeg har anvendt meget sharpen for at få lidt et»støvet«udtryk. På hjemmesiden har jeg herefter gjort billederne lidt mørkere for at få mere af det rolige/dæmpede udtryk frem. Webdesign Da vi var færdige med at finde udtrykket til projektet, gik jeg igang med at lave et webdesign. Webdesignet er bygget efter, at nemt skulle kunne gøres responsivt, og at der skulle være en mulighed for nemt at kunne høre sangene online samtidigt med, at man kan læse teksterne. Jeg startede med at udvikle frontenden lokalt, hvor jeg anvendte HTML5, LESS (preprocessor til CSS) og Javascript med jquery. Jeg anvendte Brackets som editor, hvor det her er muligt at se ens resultat live, imens man koder. Det sparer rigtig mange vindueskift og sideindlæsninger. Anvendelse af LESS: Her ses forskellige anvendelser af LESS fordele Udover disse fordele, er det også muligt at anvender variabler, mixins og meget andet smart. Det sparer udvikleren for rigtig meget arbejde. Det er også muligt at lave nested styling, altså at definere forskellige properties indeni en anden. Der er siden kommet en del justeringer til designet. F.eks. fandt jeg ud af, at det på mobil er meget mere hensigtsmæssigt at have Menu knappen i højre side, da det er sådan de fleste gør, og fordi det er nemmere at nå, når man betjener mobilen med højre hånd (hvilket de fleste gør). Ovenstående ville blive compilet til: SVENDEPORTFOLIO // BJØRN NYBORG 39

21 Anvendelse af Javascript: For at få en musikafspiller, som virker på alle enheder, anvendte jeg jplayer. På denne måde var det ikke nødvendigt at genopfinde den dybe tallerken. Det medfølgende udseende passede dog slet ikke ind i mit design, så jeg har derfor redesignet hele afspilleren, men anvender stadig samme bagvedliggende Javascript bibliotek. Backend udvikling Jeg har implementeret siden i CMS et Umbraco, som er et Open Source.NET baseret CMS, hvor man kan skræddersy systemet til at passe til ens behov. Anvendelsen af et CMS gør, at det er let at oprette og redigere i indhold på siden. Jeg har selv lavet funktionen, der viser og skjuler tekster på siden, baseret på playerens timeupdate callback. Jeg har f.eks. lavet en funktion, så man let kan tilføje lyrics til sangene på siden. Disse bliver trukket ud og får en data-attribute med det antal sekunder, inde i sangen, de skal fremgå, og dette bliver læst af javascriptet, som skjuler/viser vha. den tidligere beskrevne funktion. Udover dette har jeg skrevet en funktion til Parrallax effekt på baggrunden på tekstsider. Jeg flytter elementerne modsat af den vej, man scroller. På den måde laver jeg en illusion af dybde i billedet. Dette giver en mere interaktiv følelse af siderne, som nemt kan blive uinteressante, når det bare er tekstsider. SVENDEPORTFOLIO // BJØRN NYBORG 41

22 Kvalitetsvurdering Jeg er rigtig glad for resultatet, da vi har ramt den ønskede stemning og udtryk. Og samtidigt har vi fået det sat op således at, det er let at tilføje nyt indhold til siden og redigere i eksisterende. Efter vi fik sat siden op, var der dog nogle ting, som blev ændret. F.eks. fandt jeg ud af, at det var mere hensigtmæssigt, hvis menuen sad i den modsatte side, og at logoet blev indsat øverst til venstre, så man altid havde en genvej til forsiden uden at skulle åbne menuen. Kodemæssigt er siden også blevet af rigtig høj kvalitet, da den er hurtig, valid og struktureret opbygget. SVENDEPORTFOLIO // BJØRN NYBORG 43

23 2016 SVENDEPORTFOLIO // BJØRN NYBORG T: bjornnyborg.com

Typografi og ombrydning

Typografi og ombrydning Typografi og ombrydning Odense Bys Museum ønskede at genoplive projektet»en eventyrrejse med H.C. Andersen«. I den forbindelse skulle der udgives en novellesamling i hardcover med 9 udvalgte noveller af

Læs mere

Guds Fred Grafisk produktionsforståelse

Guds Fred Grafisk produktionsforståelse Guds Fred Grafisk produktionsforståelse Jeg skulle lave hjemmeside og logo for Guds Fred, som er et musikalsk projekt af Thomas Kallehave. 35 Idegenerering Udtryk og symbolik Efter at jeg havde aftalt

Læs mere

Grafisk Design. Jeg har lavet grafisk identitet og hjemmeside til min fritidsfreelance. virksomhed»bjørn Digital«.

Grafisk Design. Jeg har lavet grafisk identitet og hjemmeside til min fritidsfreelance. virksomhed»bjørn Digital«. Grafisk Design Jeg har lavet grafisk identitet og hjemmeside til min fritidsfreelance virksomhed»bjørn Digital«. Hjemmesiden skal være nytænkende, nem at navigere i, og de vigtigste oplysninger skal altid

Læs mere

Grafik og billedebehandling

Grafik og billedebehandling Før Grafik og billedebehandling Efter Andersen Furniture skal have lavet et billede hvor, deres møbler indgår i et moderne køkken, til brug i en kampagne. Eksisterende spisebord og stole skal fjernes,

Læs mere

O B T G O M B R Y D N I N G & T Y P O G R A F I N I K O L A J V A N G K I L D E M E D I E G R A F I K E R S V E N D E P R Ø V E 2 0 1 6

O B T G O M B R Y D N I N G & T Y P O G R A F I N I K O L A J V A N G K I L D E M E D I E G R A F I K E R S V E N D E P R Ø V E 2 0 1 6 O B T G O M B R Y D N I N G & T Y P O G R A F I N I K O L A J V A N G K I L D E M E D I E G R A F I K E R S V E N D E P R Ø V E 2 0 1 6 O P G A V E B E S K R I V E L S E En illustreret novellesamling med

Læs mere

OPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner.

OPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner. GRAFISK DESIGN OPGAVEN Min kæreste er medstifter af en vinloge. Medlemmerne af logen kunne godt tænke sig et sted, hvor de bl.a. kunne få et overblik over, hvilke vine de har bedømt og hvornår næste loge

Læs mere

TYPOGRAFI & OMBRYDNING

TYPOGRAFI & OMBRYDNING TYPOGRAFI & OMBRYDNING BOG OM DÚNÉ OPGAVE: IDÉ: ANSVAR: Ditte Rolighed G. Jørgensen En bog omkring Dúné, med portrætter, turneér, billeder og historie Inspiration ud fra musikmagasiner, men som udgangspunkt

Læs mere

H2 Portfolio. Patrick Lindholm-Andersen

H2 Portfolio. Patrick Lindholm-Andersen H2 Portfolio Patrick Lindholm-Andersen Grafisk design Opgave Opgaven gik ud på at designe et nyt logo til et gammelt fiktionelt bryggeri firma. Da kunden er engelsk har alt kommunikation foregået på engelsk

Læs mere

TYPOGRAFI OG OMBRYDNING

TYPOGRAFI OG OMBRYDNING TYPOGRAFI OG OMBRYDNING Opgave: Opgaven var at at producere et magasin for ansatte i, og andre med interesse for den grafiske branche. Magasinet skulle indeholde interaktive elementer i form af animation

Læs mere

TYPOGRAFI & OMBRYDNING

TYPOGRAFI & OMBRYDNING TYPOGRAFI & OMBRYDNING Årsskrift til Skyum Idrætsefterskole 1 REDEGØRELSE Hvad går opgaven ud på Skyum Idrætsefterskole skal have udarbejdet deres årsskrift, som informere læserne om året der gik. Årsskriften

Læs mere

grafisk produktion & workflow

grafisk produktion & workflow grafisk produktion & workflow OPGAVE At lave en bog til Stilladsarbejdernes Landsklub som hyldede stilladsarbejderne i al deres forskellighed. MÅL At lave en hyldestbog som kunne fjerne fordomme og vise

Læs mere

TYPOGRAFI & OMBRYDNING

TYPOGRAFI & OMBRYDNING TYPOGRAFI & OMBRYDNING BOX OFFICE E-MAGASIN Magasin Design http://issuu.com/mads-pj/docs/e-magazine DOKUMENTATION OPGAVE Opgaven jeg stillede mig selv, var at designe et e-magasin omkring Box Office resultater.

Læs mere

Typografi og ombrydning

Typografi og ombrydning Typografi og ombrydning Dokumentation Svendeprøve Juni 2015 - Pia Søgaard Kunde: Tr apholt Opgave: Magasin om Arne Jacobsen & sommerhuset Programmer: Indesign, illustrator og photoshop Farverum: CMYK OPSTART

Læs mere

Grafisk workflow. Se siden her: www.cormas.dk

Grafisk workflow. Se siden her: www.cormas.dk Grafisk workflow Se siden her: www.cormas.dk Dokumentation 4 Procesbeskrivelse 5 Inspirationssøgning 6 Skitser 8 Layout i Photoshop 9 Farver 10 Font 11 Flowchart 12 Wireframe 13 Storyboard 14 kontakt.html

Læs mere

1 - Karen-Louise Fejerskovs Portfolio

1 - Karen-Louise Fejerskovs Portfolio 1 - Karen-Louise Fejerskovs Portfolio Grafisk Design 3 - Karen-Louise Fejerskovs Portfolio Typografi & Ombrydning Grafik & billedbehandling Grafisk Workflow side 4 side 10 side 16 side 26 Grafisk Design

Læs mere

TESLA INC TYPOGRAFI & OMBRYDNING

TESLA INC TYPOGRAFI & OMBRYDNING TESLA INC TYPOGRAFI & OMBRYDNING OPGAVE BESKRIVELSE Dette er en fiktiv opgave.opgaven består af layout og ombrydning af et salgshæfte for Tesla Motors. Afsender Tesla Inc. er en amerikansk elbil- og batteriproducent

Læs mere

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed Redegørelse Grafisk Opgaven At redesigne en hjemmeside for AGF fanclub, som har et mere moderne look og et nyhedsarkiv som er let oversskueligt. Hjemmesiden er en opgave jeg selv har stillet mig og kunne

Læs mere

GRAFIK & BILLEDER GRAFIK & BILLEDER

GRAFIK & BILLEDER GRAFIK & BILLEDER GRAFIK & BILLEDER GRAFIK & BILLEDER GRAFIK GRAFISK & BILLEDER DESIGN Programmer Under produktionen af mit magasin, har jeg gjort brug af adobes forskellige programmer, primært Photoshop og InDesign, men

Læs mere

DOKUMENTATION 1. HOVEDFORLØB

DOKUMENTATION 1. HOVEDFORLØB DOKUMENTATION 1. HOVEDFORLØB GRAFISK DESIGN Design af tørklæde til sportsklub. Skal bruges som reklame og salg til klubbbens medlemmer og fans. Design Rentegning af logo Grafik Klargørin af grafik til

Læs mere

TYPOGRAFI OG OMBRYDNING

TYPOGRAFI OG OMBRYDNING TYPOGRAFI OG OMBRYDNING Opgaven var her at udarbejde en brochure for virksomheden Fynbo Glas A/S. Det er en engros virksomhed, der sælger glas til byggebranchen. Brochuren skulle bruges som en informationsbrochure,

Læs mere

WorkFlow. Svendeprøve Emil Momsen. BeskrivelseN ****** BeskrivelseN ******

WorkFlow. Svendeprøve Emil Momsen. BeskrivelseN ****** BeskrivelseN ****** Workflow Svendeprøve Emil Momsen BeskrivelseN WorkFlow BeskrivelseN Side - 2 / 8 Arktis Brief Fra kunde Opgave / Indhold Kunden var WWF og opgaven gik ud på at få folk til at blive klar over, hvor alvorligt

Læs mere

Grafisk Design. rafisk Design

Grafisk Design. rafisk Design rafisk Design Svendeprøve 2016 Opgaven I forbindelse med at ReklameTryk ville lancere en webshop skulle vores hjemmeside opdateres. Den skulle fremstå enkelt, lys og nem at navigere rundt på og samtidig

Læs mere

1. Hovedforløb. Mediegrafiker - 2015

1. Hovedforløb. Mediegrafiker - 2015 Af Ditte Vium Overgaard Grafik og billedbehandling 1. Hovedforløb Mediegrafiker - 2015 OPGAVEBESKRIVELSE Der er til alle de fire kernefagligheder taget udgangspunkt, i mit eget lille projekt, med design

Læs mere

Billed fra lurzer s archive

Billed fra lurzer s archive GRAFIK OG BILLED Billed fra lurzer s archive Steffen S. jensen 1 Grafik og billed Færdig billed Steffen S. jensen 2 Grafik og billed Dokumentation Puppeteer Detaljer Opgaven Opgaven var inspiration af

Læs mere

Typografi. og OMBRYDNING SÅDAN DUFTER MIN DRØMMEKVINDE, DET HAR JEG LÆRT, RASKE PENGE, CLAUS

Typografi. og OMBRYDNING SÅDAN DUFTER MIN DRØMMEKVINDE, DET HAR JEG LÆRT, RASKE PENGE, CLAUS BEHIM BH 06.06.2016 - kr. 42,50 Typografi og OMBRYDNING CAMILLA VINTER BEHIM SÅDAN DUFTER MIN DRØMMEKVINDE, DET HAR JEG LÆRT, RASKE PENGE, CLAUS JUNI 2016 BEHIM 1 HOLM, MÅNEDENS BABE, TEAM TVILLING, LAKRIDSKONGEN

Læs mere

Produkt. Index side GRAFISK DESIGN

Produkt. Index side GRAFISK DESIGN Grafisk design Produkt Index side Produkt Underside - kontakt Redegørelse OPGAVEN I forbindelse med valgfag, som jeg tog i København, havde vi lært forskellige nye funktioner, som vi skulle implementere

Læs mere

2. HOVEDFORLØB 2016 GRAFIK & BILLEDBEHANDLING

2. HOVEDFORLØB 2016 GRAFIK & BILLEDBEHANDLING 2. HOVEDFORLØB 2016 GRAFIK & BILLEDBEHANDLING KUNDEN POLE FITNESS VEJLE Pole Fitness Vejle (PFV) afholder klubmesterskab den 5/9 15 og skal derfor bruge en plakat til promovering heraf. Målgruppen Primært

Læs mere

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder.

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder. GRAFISK DESIGN KUNDEN PA Vaskeriteknik er en enkeltmandsvirksomhed som startede i 2008. Manden bag er Preben, som gennem 14 års brancheerfaring startede sit eget firma op da han føler at han med sit partnerskab

Læs mere

Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE

Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE Grafik og billedbehandling Grafik og billedbehandling l 17 Grafik og billedbehandling l 18 Annonce for Euroman 255x298 mm + 5 mm

Læs mere

Hovedforløb 1 Grafik & Billeder Stine Keller

Hovedforløb 1 Grafik & Billeder Stine Keller Typografi & Ombrydning Portfolio Grafisk Design Grafik & Billeder Grafisk Workflow Grafik & Billeder OPGAVEBESKRIVELSE Opgaven går ud på at producere en sammenkopiering af forskellige elementer til en

Læs mere

Typografi & ombrydning

Typografi & ombrydning Portfolio Hovedforløb 2 Af Siw Lysholt Jørgensen Opgave: Opgaven er selvopfundet og er derfor en nyopsætning. Jeg har lavet en brochure om top 10 seværdigheder på Bornholm, da jeg selv har været på Bornholm

Læs mere

GRAFIK & BILLEDEBEHANDLING

GRAFIK & BILLEDEBEHANDLING GRAFIK & BILLEDEBEHANDLING Forside Beskrivelse Opgaven Jeg vil lave en forside til en brochure. Denne opgave var oprindelig fiktiv, men efter et mindre samarbejde med esport Danmark, vil de gøre brug af

Læs mere

TYPOGRAFI & OMBRYDNING

TYPOGRAFI & OMBRYDNING TYPOGRAFI & OMBRYDNING GENNEMGANG AF MAGASIN HVAD GÅR OPGAVEN UD PÅ Opgaven er en fiktiv opgave, som jeg har stillet mig selv, da jeg længe har villet lave et magasin helt fra bunden; hvad skal magasinet

Læs mere

Xerox. Øvelse med tekst og billeder Nattergalen

Xerox. Øvelse med tekst og billeder Nattergalen Xerox Øvelse med tekst og billeder Nattergalen 1. opsætning af dokument i InDesign: - Klik File > New. I dialogboksen udfyldes indstillingerne som vist herunder. Det er vigtigt, at tage stilling til størrelser

Læs mere

Grafik og billedbehandling. NIVEA annonce

Grafik og billedbehandling. NIVEA annonce Grafik og billedbehandling NIVEA annonce 35 Robbert Rysholt Svendeprøve Juni 2015 Opgaven Jeg fik ide'en til denne opgave, da jeg så det her billede af en NIVEA reklame-installation. Jeg kunne rigtigt

Læs mere

GRAFIK & BILLEDBEHANDLING

GRAFIK & BILLEDBEHANDLING GRAFIK & BILLEDBEHANDLING INDHOLD Dokumentation.... 3 Procesbeskrivelse.... 4 Photoshop indstillinger.... 5 Anvendt billedmateriale.... 6 Oversigt layers.... 7 Smart Object & Filter.... 8 Fritlægninger

Læs mere

Anvendte programmer GRAFIK & BILLEDE. Produkt og målgruppe. Format. Process

Anvendte programmer GRAFIK & BILLEDE. Produkt og målgruppe. Format. Process Grafik & billede Produkt og målgruppe Til denne opgave, har jeg valgt at lave en fiktiv billedemanipulation. Jeg har valgt at lave en plakat til en parfumereklame. Her har jeg lagt vægt på sammenkopiering

Læs mere

Typografi. &ombrydning. Artikel tæt på Fit Living Magasinet. Typografi & ombrydning

Typografi. &ombrydning. Artikel tæt på Fit Living Magasinet. Typografi & ombrydning Typografi &ombrydning Artikel tæt på Fit Living Magasinet 1 OPGAVEN: Jeg fik til opgave at layoute en artikel om Louise Mieritz til Fitliving nr. 11 / 2015. Derudover skulle jeg booke fotograf, location

Læs mere

Produktdoku. Michelle Eistrup Grundforløbsprojekt juni 2011

Produktdoku. Michelle Eistrup Grundforløbsprojekt juni 2011 Produktdoku. Michelle Eistrup Grundforløbsprojekt juni 2011 Afsender Jeg har valgt, at afsenderen skal være Herningsholm Erhvervsskole, da de har et projekt igang, der omhandler motion og trivsel. Hvis

Læs mere

GRAFIK OG BILLEDBEHANDLING

GRAFIK OG BILLEDBEHANDLING GRAFIK OG BILLEDBEHANDLING OCEAN WILD LIFE PLAKAT MARÍ DYRMOSE OPGAVEN Ideen til hele opgaven startede efter, jeg havde set filmen "Ponyo on the cliff by the sea". Jeg var inspireret af scenen, hvor Ponyo

Læs mere

Typografi & Ombrydning

Typografi & Ombrydning Typografi & Ombrydning H2 Portfolio Mette Bonde Ørskov Opgavebeskrivelse OPGAVE Steen Rørvang ønsker at få samlet tekster fra flere forskellige medier til et sammenhængende kompendie han kan bruge i engelskundervisningen.

Læs mere

TYPOGRAFI Kunde / Liberté Opgave / 44 sidet Magasin (Fiktiv) Farve / CMYK (RGB Workflow) Programmer / Photoshop, Indesign

TYPOGRAFI Kunde / Liberté Opgave / 44 sidet Magasin (Fiktiv) Farve / CMYK (RGB Workflow) Programmer / Photoshop, Indesign 1 TYPOGRAFI Kunde / Liberté Opgave / 44 sidet Magasin (Fiktiv) Farve / CMYK (RGB Workflow) Programmer / Photoshop, Indesign Opgavebeskrivelse Magasin til mænd som udgives af herretøjsbutikken Liberté.

Læs mere

Typografi & Ombrydning

Typografi & Ombrydning Typografi & Ombrydning OPGAVEN Opgaven gik ud på at fremstille en årsrapport til CfDP, som er et magasin til samarbejdspartnere, mulige kunder og andre med interesse for virksomhedens beskæftigelser gennem

Læs mere

GRAFIK BILLED- BEHANDLING &2. HOVEDFORLØB

GRAFIK BILLED- BEHANDLING &2. HOVEDFORLØB GRAFIK BILLED- BEHANDLING &2. HOVEDFORLØB Opgaven I Grafik & Billedbehandling har jeg valgt at vise, hvordan jeg arbejder med forskellige værktøjer i forbindelse med grafik i Illustrator og billedbehandling

Læs mere

GRAFISK WORKFLOW. 1 Grafisk workflow

GRAFISK WORKFLOW. 1 Grafisk workflow GRAFISK WORKFLOW 1 Opgavebeskrivelse I forbindelse med et nyt online koncept Web in a box skulle jeg lave en Photoshop-skabelon, der kan eksportere materiale til en hjemmeside automatisk. Selve konceptet

Læs mere

grafisk design DOKUMENTATION 1. HOVEDFORLØB TRINE BONNESEN

grafisk design DOKUMENTATION 1. HOVEDFORLØB TRINE BONNESEN grafisk design DOKUMENTATION 1. HOVEDFORLØB TRINE BONNESEN Opgaven Jeg har lavet nyt logo til Murermester Dennis Sandbæk s firma samt lavet visitkort og brevpapir med det nye logo. Kunden havde før et

Læs mere

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning. Portfolie Redesign dette er en gennemgang af opbyggelse af mit portfolie, med samtilige begrunderlser af design valg. Forord Min portfolie hjemmeside er fra start af ment som et startplatform og ikke et

Læs mere

Typografi og ombrydning

Typografi og ombrydning Typografi og ombrydning Dugaard Cattle I dette kernefagområde har jeg udarbejdet et layout til en kogebog for Daugaard Cattle. Daugaard Cattle ville gerne have lavet et layout/udkast til en kogebog, som

Læs mere

Kernefaglighedsbeskrivelse. Af Ditte Vium Overgaard

Kernefaglighedsbeskrivelse. Af Ditte Vium Overgaard Kernefaglighedsbeskrivelse Af Ditte Vium Overgaard Kernefaglighedsbeskrivelse Opgavebeskrivelse VI PRODUCERER FOR DE STØRSTE OG STÆRKESTE BRANDS SKAL VI OGSÅ PRODUCERE FOR DIG? Opgave Jeg blev stillet

Læs mere

WORKFLOW & PRODUKTION

WORKFLOW & PRODUKTION OPGAVE Jeg har lavet et fiktiv website for en hundekennel. Det er mit bud på hvordan sådan en eventuelt kan se ud. PROGRAMMER Photoshop Dreamweaver Illustrator WORKFLOW & PRODUKTION KENNEL BISCO Dokumentation

Læs mere

Typografi. Magasin for Søndergård Hairdesign

Typografi. Magasin for Søndergård Hairdesign Typografi Magasin for Søndergård Hairdesign 2 01 TYPOGRAFI OPGAVEN Søndergård Hairdesign er en frisørsalon, som ligger inde i Odense Centrum. Udover klipning, håropsætning og påsætning af hårdele, så har

Læs mere

Mediegrafiker Ida Gustafsson Hovedforløb 1 29 feb - 18 mar

Mediegrafiker Ida Gustafsson Hovedforløb 1 29 feb - 18 mar Mediegrafiker Ida Gustafsson Hovedforløb 1 29 feb - 18 mar T ografi Ombrydning Grafisk Design Grafisk Produktion Grafik Billedbehandling T ografi & Ombrydning Opgave// Opgaven gik ud på, at lave et magasin.

Læs mere

TYPOGRAFI & OMBRYDNING

TYPOGRAFI & OMBRYDNING TYPOGRAFI & OMBRYDNING OPGAVEN Jeg fi k til opgave af et reklamebureau, at designe et magasin på 4 opslag. Undervejs sendte jeg mine idéer og nogle resultater til reklamebureauet for, at de kunne følge

Læs mere

Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE

Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE Grafisk produktion og workflow Grafisk produktion og workflow l 12 Pedersholmparken 6 DK 3600 Frederikssund Tlf.: +45 27 57 7164

Læs mere

GRAFISK DESIGN. Responsiv website - Mockup

GRAFISK DESIGN. Responsiv website - Mockup GRAFISK DESIGN I denne fiktive opgave skulle vi skabe et online portfolio til fotografen Sofia. Kravet var en forside, samt en galleri side, og websitet skulle kunne bruges på bade mobil og desktop. Billederne

Læs mere

Grafik & billedbehandling. Tina Outzen Søllested 23

Grafik & billedbehandling. Tina Outzen Søllested 23 Grafik & billedbehandling Tina Outzen Søllested 23 Specifikation Kunde Alzheimerforeningen (fiktiv opgave) Opgave Forsidefoto til brochure Programmer Photoshop, Illustrator Farverum srgb IEC61966-2.1 Format

Læs mere

Grafik og. billedbehandling. Helena Schmidt. Mediegrafiker uddannelsen - Svendeprøve

Grafik og. billedbehandling. Helena Schmidt. Mediegrafiker uddannelsen - Svendeprøve Grafik og billedbehandling Mediegrafiker uddannelsen - Svendeprøve Helena Schmidt Dokumentation Opgave beskrivelse: Opgaven er virkelig. Opgaven var at skabe et image omkring en ny energidrik som skulle

Læs mere

Dokumentation. Grafisk Design

Dokumentation. Grafisk Design Dokumentation Dokumentation OPGAVEN: Denne opgave er lavet for en ny opstartet cafe og restaurant i Vordingborg, de skulle derfor bruge et logo som det første og derefter en hel design linje. Deres ide

Læs mere

Mediegrafiker Dan Klessen 2011. Grafik og billedbehandling

Mediegrafiker Dan Klessen 2011. Grafik og billedbehandling Grafik og billedbehandling Grafik og billedbehandling I denne opgave inden for billedredigering, viser jeg før og efter billede, hvilke værktøjer jeg har brugt og hvad billedet skal bruges til. Billedet

Læs mere

Typografi & ombrydning

Typografi & ombrydning Typografi & ombrydning Produkt og målgruppe Redesign af Pixlart magasin Universet Pixlart er en digital billedudstilling, beliggende i Øster Vrå i en ombygget kirke. Målgruppen varierer fra udstilling

Læs mere

Typografi & Ombrydning

Typografi & Ombrydning Typografi & Ombrydning OPGAVE Design og opsætning af bog til brug i fritiden og ifm. arbejde. ANVENDTE PROGRAMMER KUNDE Mig selv og Morsø Jernstøberi A/S DATO FOR PROJEKT Maj 2015 MIT BIDRAG TIL OPGAVEN

Læs mere

Grafik & Billede. Vektorgrafik

Grafik & Billede. Vektorgrafik Grafik & Billede Vektorgrafik OPGAVEN Jeg fik til opgave af en kunde at lave et logo. Logoet var til ungøkonomi.dk, der er en online service der rådgiver unge om alle former for økonomi. Sitet hvorpå logoet

Læs mere

Typografi og Ombrydning. Kursustilbud på Aarhus Universitetshospital

Typografi og Ombrydning. Kursustilbud på Aarhus Universitetshospital Typografi og Ombrydning Kursustilbud på Aarhus Universitetshospital Redegørelsen Hvad går opgaven ud på? Denne opgave går ud på at lave kursuskataloget for 2015. Dette blad kommer ud hvert år, men denne

Læs mere

TYPOGRAFI & OMBRYDNING. Kenneth Friis Petersen

TYPOGRAFI & OMBRYDNING. Kenneth Friis Petersen TYPOGRAFI & OMBRYDNING Kenneth Friis Petersen Kenneth Friis Petersen - Svendeprøve 2015 UNICAL TEXT WRAP Opgavebeskrivelse Ombrydning og layout af lookbook til Nixwear, som er et nyopstartet tøj- og accessories

Læs mere

Produktbeskrivelse - Grafisk workflow

Produktbeskrivelse - Grafisk workflow Produktbeskrivelse - Grafisk workflow Opgavebeskrivelse Det er en nyhedsmail. De er en ny opsætning Ansvar for opgaveløsning Webadministratoren står for opgavefordeling. Tekst kommer fra salgs og butikslederen.

Læs mere

Typograf i & Ombrydning

Typograf i & Ombrydning Typograf i & Ombrydning Brochure til Take5 (Ny opstartet virksomhed) Typograf i & Ombrydning/Dokumentation Opgave Jeg har før lavet en brochure til Take5, men de besluttede sig lige pludselig for at de

Læs mere

MARIA SKAU MADSEN SVENDEPRØVE 2015 WWW.BY-M.DK

MARIA SKAU MADSEN SVENDEPRØVE 2015 WWW.BY-M.DK DOKUMENTATION MARIA SKAU MADSEN WWW.BY-M.DK INDHOLDSFORTEGNELSE OPGAVE BESKRIVELSE.... 5 RESEARCH, HVAD ER FSC?... 5 OPBYGNING AF BUDSKAB.... 5 SPECIFIKATIONER.... 5 CIELAB, RGB OG CMYK FARVERUM... 6 HISTORY....

Læs mere

1 SVENDEPRØVE 2016 GRAFIK & BILLEDER GRAFIK & BILLEDER

1 SVENDEPRØVE 2016 GRAFIK & BILLEDER GRAFIK & BILLEDER 1 SVENDEPRØVE 2016 GRAFIK & BILLEDER GRAFIK & BILLEDER 2 SVENDEPRØVE 2016 GRAFIK & BILLEDER 3 SVENDEPRØVE 2016 GRAFIK & BILLEDER 3 SVENDEPRØVE 2016 GRAFIK & BILLEDER 01. BRIEFING BILLEDEBEHANDLING 01.

Læs mere

Grafisk produktionsforståelse

Grafisk produktionsforståelse Grafisk produktionsforståelse Hæftet og målgruppe Udarbejdelse af hæftet Fra skitse til ikon. Historien om VW bussens udvikling fra 1950 til 2016. Hæftet henvender sig til alle med interesse for disse

Læs mere

GRAFISK PRODUKTIONSFORSTÅELSE

GRAFISK PRODUKTIONSFORSTÅELSE GRAFISK PRODUKTIONSFORSTÅELSE BRILLIANT BIKINIES WEBSITE MARÍ DYRMOSE OPGAVEN OPGAVEBESKRIVELSE Brilliant Bikini kompagniet skulle have designet og programmeret en website, hvor de kunne præsentere deres

Læs mere

Typografi og ombrydning

Typografi og ombrydning 2. hovedforløb Typografi og ombrydning Julia igaard abrahamsen mediegrafiker, hansenberg DOKUMENTATION Opgave: ( dette er en fiktiv opgave ) En brochure om Odense, hvor man bl.a. kan læse lidt om Odenses

Læs mere

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk Kunde Bogforlaget Frydenlund A/S Produkt www.his2rie.dk Opgave Hjemmesiden før Redesign af hjemmesiden www.his2rie.dk, som ejes af forlaget. Min opgave lød på, at udforme et nyt design til hjemmesiden,

Læs mere

GRAFIK OG BILLEDBEHANDLING PORTFOLIO PETER THØGERSEN SVENDEPRØVE 2016

GRAFIK OG BILLEDBEHANDLING PORTFOLIO PETER THØGERSEN SVENDEPRØVE 2016 GRAFIK OG BILLEDBEHANDLING PORTFOLIO PETER THØGERSEN SVENDEPRØVE 2016 PORTFOLIO // 2016 Cykeltøjet er af høj kvalitet og er skabt i samarbejde med Bo Hamburger. Hans kendskab til sporten er brugt til at

Læs mere

GRAFIK OG BILLEDE. 1 Grafik og Billede

GRAFIK OG BILLEDE. 1 Grafik og Billede GRAFIK OG BILLEDE 1 2 Opgavebeskrivelse I denne fiktive opgave har jeg valgt at lave artworket til forsiden af et playstation spil. Opgaven er inspireret af et rigtigt playstation spil ved navn Heavy Rain.

Læs mere

Dokumentation TYPOGRAFI & OMBRYDNING

Dokumentation TYPOGRAFI & OMBRYDNING Dokumentation TYPOGRAFI & OMBRYDNING INDHOLD Opgavebeskrivelse:... 3 Specifikationer:... 3 BRUGTE ELEMENTER... 3 Inspiration/moodboard:...4 Oprettelse af dokument... 5 Margin & Spalter... 5 Masterpages

Læs mere

GRAFIK OG BILLEDBEHANDLING. Fantasy

GRAFIK OG BILLEDBEHANDLING. Fantasy GRAFIK OG BILLEDBEHANDLING Fantasy AFSENDER ANSVAR FOR OPGAVELØSNING Jeg har haft ansvaret for opgaven, da den er fiktiv. OPGAVEBESKRIVELSE Opgaven er gået ud på at skabe et billede med et stærk budskab

Læs mere

GRAFIK OG BILLEDBEHANDLING SVENDEPRØVE Dorte Damsgaard Larsen

GRAFIK OG BILLEDBEHANDLING SVENDEPRØVE Dorte Damsgaard Larsen GRAFIK OG BILLEDBEHANDLING SVENDEPRØVE Dorte Damsgaard Larsen OPGAVE 3D-mapping af design til sengelinned Gaveæske med billede af sengelinned Plakat med gaveæske Udstilling af gaveæske og plakat i butik

Læs mere

Målgruppe Mayday Ghana

Målgruppe Mayday Ghana Dokumentation Hjælpeorganisationen Mayday Ghana med sloganet bortskaf e-skrot vil belyse problemet med e-skrot i Ghana og få folk til at forstå alvoren og konsekvensen af dumpingen. Som sloganet siger

Læs mere

Bettina Andersen M ED I E G RA F I K ER. 2. Hovedforløb

Bettina Andersen M ED I E G RA F I K ER. 2. Hovedforløb Bettina Andersen M ED I E G RA F I K ER 2. Hovedforløb Indholdsfortegnelse Grafisk design...3 Proces... 4 Inspirationssøgning... 4 Skitsering... 5 Rentegning.... 6 Typografi & Ombrydning..........................................

Læs mere

Tidsplan...3 Afgrænsning 1.1...4 Research...5 Idégenerering...6. Logo 1.1...8 Logo 1.2...9. Logo 1.4... 12. Farver... 11

Tidsplan...3 Afgrænsning 1.1...4 Research...5 Idégenerering...6. Logo 1.1...8 Logo 1.2...9. Logo 1.4... 12. Farver... 11 Tidsplan.... Afgrænsning.....4 Research...5 Idégenerering....6 Navn / identitet...7 Logo.....8 Logo....9 Logo.... 0 Farver.... Logo.4... Merchandise..... Brochure.... 4 Brochure..... 5 Brochure..... 6

Læs mere

GRAFISK DESIGN. Hjemmeside

GRAFISK DESIGN. Hjemmeside GRAFISK DESIGN Hjemmeside AFSENDER Dansk design ANSVAR FOR OPGAVELØSNING Jeg har haft ansvaret for at opgaven er blevet løst, og at den har overholdt de krav som jeg selv har stillet til den skal opfylde,

Læs mere

Grafik og billedbehandling

Grafik og billedbehandling Grafik og billedbehandling Kunde: Apple Opgave: Beats by Dr. Dre er et mærke af hovedtelefoner. Mærket blev købt af Apple i 2014, men var tidligere ejet af Dr. Dre, der er en amerikansk pladeproducer,

Læs mere

MARIA SKAU MADSEN SVENDEPRØVE 2015 WWW.BY-M.DK

MARIA SKAU MADSEN SVENDEPRØVE 2015 WWW.BY-M.DK DOKUMENTATION MARIA SKAU MADSEN WWW.BY-M.DK INDHOLDSFORTEGNELSE OPGAVE BESKRIVELSE.... 5 RESEARCH.... 5 DESIGN.... 5 SPECIFIKATIONER DET TRYKTE MEDIE.... 5 NUVÆRENDE IDENTITET... 6 PRIMÆR OG SEKUNDÆR MÅLGRUPPE....................6

Læs mere

GRAFISK PRODUKTION & WORKFLOW. Endotest website

GRAFISK PRODUKTION & WORKFLOW. Endotest website GRAFISK PRODUKTION & WORKFLOW Endotest website DOKUMENTATION OPGAVEN: Endotest ApS ønskede at redesigne deres hjemmeside, så den fremstår mere professionel og enkel. Derudover skal det nye site præsentere

Læs mere

GRAFIK & BILLEDER. Marc Jacobs Daisy parfume annonce

GRAFIK & BILLEDER. Marc Jacobs Daisy parfume annonce GRAFIK & BILLEDER Marc Jacobs Daisy parfume annonce PROCESSBESKRIVELSE Beskrivelse af fremgangsmåde for Marc Jacobs Daisy Dream annonce. Opstart 01. Brainstorm. 02. Research, filsøgning, idégenerering

Læs mere

2// Typografi og ombrydning

2// Typografi og ombrydning // Typografi og ombrydning Kunde Forfatter John Aasted Halse Produkt En trykt bog på 19 sider i en farve + sort. Papirtype: Munken Polar (uncoated papir) Farveprofil: Fogra 9 Trykkeri: AKA Print, Tilst

Læs mere

Sabine Puk Sørensen Svendeprøve portfolio

Sabine Puk Sørensen Svendeprøve portfolio Sabine Puk Sørensen Svendeprøve portfolio 2016 Typografi & ombrydning Svendeprøve Kvalitetsvurdering Den færdige bog er overskuelig og læsevenlig, på trods af at den skulle sættes op på så få sider som

Læs mere

TYPOGRAFI OG OMBRYDNING. skud på stammen 2014

TYPOGRAFI OG OMBRYDNING. skud på stammen 2014 skud på stammen 2014 Skud på stammen 2014 Opgavebeskrivelse Skud på Stammen handler om dansk og nordisk møbeldesign. Det er et 4 ugers forløb hvor de bedste designere, får deres værker fremstillet af elever

Læs mere

TYPOGRAFI OG OMBRYDNING

TYPOGRAFI OG OMBRYDNING TYPOGRAFI OG OMBRYDNING INFORMATION OM OPGAVEN OPGAVE: Fiktiv opsætning af en novelle i form af et hæfte. KUNDE: Forlaget Herning. DATO FOR PROJEKTET: Maj 2014. MIT BIDRAG TIL OPGAVEN: Jeg har lavet opsætningen.

Læs mere

Typografi & ombrydning

Typografi & ombrydning BASELINE Magasin lavet til magasindesignprojekt. Uddrag fra magasinet Uddrag fra magasinet Opgaven Opgaven gik ud på at lave et fagmagasin om grafisk design. Al tekst var bestemt på forhånd, og billederne

Læs mere

PORTFOLIO TYPOGRAFI & OMBRYDNING

PORTFOLIO TYPOGRAFI & OMBRYDNING PORTFOLIO TYPOGRAFI & OMBRYDNING Typografi & Ombrydning DOKUMENTATION Opgave beskrivelse Kunden ønsker at få en simpel bruchurer, som han kan dele ud i klubben. Han kunne godt tænke sig i denne brochure,

Læs mere

Grafik & billedbehandling

Grafik & billedbehandling # 3 Grafik & billedbehandling #Billedbehandling af modeller Opgave I denne opgave har jeg redigeret hudtoner, tilføjet skarphed, kontrast og mere tegning i de mørke toner, samt lavet en fritlægning. Selvom

Læs mere

TYPOGRAFI & OMBRYDNING OPGAVEBESKRIVELSE. 12 TIPS Til at finde det perfekte billede på nettet

TYPOGRAFI & OMBRYDNING OPGAVEBESKRIVELSE. 12 TIPS Til at finde det perfekte billede på nettet TYPOGRAFI & OMBRYDNING OPGAVEBESKRIVELSE Jeg har samlet en række hjemmesider, hvor man som bruger har mulighed for enten at downloade billeder gratis eller købe dem. Har undersøgt markedet for hvor mange

Læs mere

TYPOGRAFI & OMBRYDNING

TYPOGRAFI & OMBRYDNING TYPOGRAFI & OMBRYDNING OPGAVE At lave en flyer med prisliste til en neglesalon (Nailstudio). OVERVEJELSER - Hvilken målgruppe skal flyeren henvende sig til? - Hvilke informationer skal flyeren indeholde?

Læs mere

Redegørelse. Curves Kontrast Skygge Lysjustering Skarphed

Redegørelse. Curves Kontrast Skygge Lysjustering Skarphed Redegørelse Opgaven Jeg har valgt at finde flere forskellige billeder som sammenkopieres og gøres naturligt med et nutidigt look. Jeg har valgt elementer som både udfordrer mig og som kunne være en opgave

Læs mere

GRAFIK & BILLEDBEHANDLING. Billedbehandling og samkopieringsopgave for en bryllupsfotograf. Design af mønster til bryllupstakkekort.

GRAFIK & BILLEDBEHANDLING. Billedbehandling og samkopieringsopgave for en bryllupsfotograf. Design af mønster til bryllupstakkekort. GRAFIK & BILLEDBEHANDLING Billedbehandling og samkopieringsopgave for en bryllupsfotograf. Design af mønster til bryllupstakkekort. OPGAVEBESKRIVELSE En bryllupsfotograf kontaktede mig privat med en sammenkopieringsopgave.

Læs mere

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger GRAFISK PRODUKTION OG WORKFLOW Hjemmeside til Team Brügger DITTE MADSEN - SVENDEPRØVE - 2015 KUNDEPROFIL Team Brügger er en frisørsalon i Aars. Indehaveren Gitte Brügger startede salonen op sammen med

Læs mere

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet GRAFISK DESIGN Diner no. 34 Hjemmeside + Visuel identitet Diner no. 34 9 Opgavebeskrivelse Fiktive opgave. Redesign af visuel identitet og design af ny hjemmeside. Materialet skal skabe et genkendeligt

Læs mere

Grafisk workflow. Svendeprøve Juni 2015 - Pia Søgaard

Grafisk workflow. Svendeprøve Juni 2015 - Pia Søgaard Grafisk workflow Dokumentation Svendeprøve Juni 2015 - Pia Søgaard Kunde: LASTAS Opgave: Magasin Programmer: Indesign, illustrator og photoshop Farverum: CMYK OPSTART Vi fik til opgave at lave et magasin

Læs mere