SlideShare a Scribd company logo
1 of 33
Download to read offline
Design av visittkort Ideutvikling for vg1 Design og håndverk 
Når du skal ut mot aktuelle bedrift/skole kan et visittkort med navn og 
telefonnummer være kjekt å ha med
Oppgaven går på å utvikle et bilde/motiv/mønster med tanke på å bruke videre i et visittkort som kan 
leveres til eks. bedrifter ved utplassering. Tema er Eleven visuell hverdag - Konkurranse. 
Arbeidsprosess fra idé til ferdig produkt: 
Ideutviklingsprosessen: 
En viktig del av ideutvikling handler om å få klarhet i hva som er det reelle 
behov/ønske. 
Start derfor med å stille en rekke spørsmål: 
Hva er målet med oppgaven? 
Å lage et design og layout for et visittkort. 
Å sette deg inn i og utnytte mulighetene for eksperimentering og redigering 
i Adobe Photoshop. 
Å redegjøre for visuelle virkemidler og begrunn valg du tar underveis.
| iii 
Innholdsfortegnelse 
1 Idefase - utprøving av verktøy 1 
2 Idefase - utprøving av trykket bakgrunn 9 
3 Idefase - Utvikling av flatemønster 15 
4 Idefase - utprøving av bakgrunn i Adobe Photoshop 21 
5 Løsning - Komposisjon av Visittkort 25
iv | 
1. Orginal
| 1 
1 Idefase - utprøving av verktøy 
Jeg har valgt et motiv som jeg vil 
bruke for å presentere meg på et 
visittkort. Brukt matpapir å lagt over. 
Stilisert motivet dvs. at detaljar og 
uviktige ting blir fjerna. 
Det typiske ved forma blir forsterka 
og gjort tydelegare. 
Skannet inn tegningen og bearbeidet 
den i Adobe Photoshop. 
Utprøving av : 
- Brush 
- Gradering 
- Adjustment > 
- Filter
Bruk av verktøyet BRUSH bv 
1. Tema: Ulike teksturer dvs. overflater .
| 3 
Komplimentærkontasten : 1. Farger som står rett overfor hverandre i Ittens fargesirkel er komplementære.
1. IMAGE < Adjustment < Gradient map
| 5 
1. Threserhold 
1. Posterize 1. Bevel and Embose 
1. IMAGE < Adjustment < 
1. Invert
1. Valgt ide for videreutprøving. Visitt-kort 
er et lite format. Formene og 
fargene må være klare, fargestrerke 
og tydelig. 
1. Prøvd ut Filter< Filter Galeri 
<Plastikkfilter. Gir fin tekstur . 
1. Valgt ide med tekstur laget 
med Brush verktøyet . Tydelig 
positiv og negative former. 
1. Prøvd ut Filter < Filter Galeri< 
vannfarger
| 7 
1. Med skygge . Fin dybde følelse. 
Stilisert husk med klare former. 
1. Prøvd ut Filter > Filter Galeri> 
spong 
1. Skygge og plastikkfilter 
1. Prøvd ut Filter > Filter Galelri> 
Grain. ( sandaktig tekstur)
8 | 
1. Valgt ide. Har fått en ren og klar form 
med tekstur som tar igjen overflaten på 
det dekk.
| 9 
2 Idefase - utprøving av trykket 
bakgrunn 
Valgt ide for videre utprøving av bakgrunn. 
Bakgrunn kan lages i Adobe Photoshop 
eller trykkes, for senere å skanne inn. 
Skannet inn bakgrunnsmateriale og 
bearbeidet det i Adobe Photoshop. 
Utprøving av: 
- innskannet bakgrunn jeg selv har laget. 
Bilder en tar naturens egne teksturer kan 
også brukes
1. Utprøving av bakgrunn på 
valgt ide 
1. Prøvd ut ulike trykkemetoder, 
Sjablongtrykk, trykk med ulike 
materialer som bobleplast. 
1. Lekt med sammensetning av 
ulike materialer, netting, avis og 
bølgepapp. 
1. Prøvd med ulike stempler. Alt 
er skannet inn for å bearbeide 
på data.
| 11 
C 
C 
1. Sjablong trykk 
1. Trykk med bobleplast og papp på 
avispapir 
1. Stempel rulle 1. Med netting
1. Sjablong negativ og positiv 
C 
1. Prøvd med ulike stempler. Alt 
er skannet inn for å bearbeide 
på data. 
1. Sjablong trykk på farget bak-grunn
| 13 
1. Rulle på teksturert papir. 
1. Prøvd med ulike stempler.og 
sjablong Alt er skannet inn for 
å bearbeide på data. 
1. Valgt bakgrunn med crakuleringsfil-ter 
(Filtergalleri)
1. Valgt ide for utvikling av flatemønster. Formene 
er ren og klaer uten dekk teksturen. Flatemøn-ster 
på visittkort skal være en bakgrunn for tekst.
| 15 
3 Idefase - utvikling av flatemønster 
Hvordan bruke valgt ide (dekorelement) til å laget et mønster i form av en 
bord eller til et sammenhengende mønster. 
Utprøving av: 
- Mønster 
- Bord 
- Ramme 
Til bruk på visittkortet 
Bruk gjerne hele eller deler av en form ved 
utvikling av mønster. (utsnitt)
1. Bord 
1. Flattemønster - flere like på radog 
rekke. Plassering ved bruk av 
rutened - Grid 
1. Flatemønster - Dobbel på rekke og 
diagonal 
1. Flatemønster - dobbel på rad
| 17 
1. Flate mønster ved hjelp av Pat-tern 
(defin Pattern - fil bøtte) 
1. Flatmønster med skygge 
1. Utprøving av ramme
1. Flatemønster - Filter > Distort 
> twril 
1. Utsnitt 
1. Flatemønster ->Filter ->Disort 
->rippel 
1. Flatemønster -rad
| 19 
1. Flate mønster> Edit > Trans-form> 
spher 
1. Flatemønster > Filter - Spher 1. Flatmønster> Edit > Transform 
> perspektiv 
1. Flatemønster > Filter > Distort 
> wave
1. Valgt ide for utvikling av flatemønster. Formene 
er ren og klaer uten dekk teksturen. Flatemøn-ster 
på visittkort skal være en bakgrunn for tekst.
| 21 
4 Idefase - utprøving av bakgrunn i 
Adobe Photoshop. 
Valgt ide for videre utprøving av bakgrunn. 
Hvordan bruke bøtta, bord og mønster i bakgrunn på valgt ide på visittkort 
Utprøving av: 
- Bøtta 
- Gradering 
- Pattern 
Til bruk på visittkortet 
Bruk gjerne hele eller deler av en form ved 
utvikling av mønster. (utsnitt)
1. Sirkelformet gradering 
fra rødt til grønt med 
Disort fyll. 
1. Ensfarget bakgrunn med bøtta.Tatt 
igjen fargen på husken. Blirmørk 
men fungere pga. skyggen.Må nok 
dempe grønnfargen 
1. Hvit bakgrunn med bøtta. Rolig-bakgrunn 
som fremmer bilde 
1. Diagonal gradering fra hvit til 
grønn.
| 23 
1. Få former i bakgrunn. Gir 
goddybde og fremmer husken. 
1. Flatemønster i bakgrunn. 1. Flatmønster> Edit > Transform 
> perspektiv 
1. Få former i bakgrunn. Gir god-dybde 
og fremmer husken
| 25 
5 Planlegging - komposisjon av 
visittkort 
Hvordan komponere mønster, ide og tekst. 
Utprøving av: 
- Komposisjon og elementer 
- Farge 
- Font 
Til bruk på visittkortet 
Grunnleggende elementene: 
Bedriftsnavn og logo 
Størrelse: 8,5 x5,5 
Navn og tittel 
Postadresse og telefon- og faksnum-mer 
E-postadresse og Adresse til webom-råde 
(URL-adresse
1. Visittkortet er 8,5cm x 5,5cm. 
Valgt fonten Garmond den er les-bare 
og tydelig. Prøver ut størrelse 
8,7 pkt. Teksten kommer tydligere 
frem på hvit bakgrunn. 
1. Valgt flatmønster i bakg-runn 
kan ta borte oppmer-skom 
for teksten. Kraftlig 
blikfang med husk på høyre 
side. Blir balanse i korte 
med teksten og rammen på 
venstre side.
| 27 
1. Jobbet med rene flater og hvit 
bakgrunn for hele eller deler av 
teksten. Husken er blikkfang. 
2. Velg er å jobbe videre med skissene 
på denne siden.
Visittkort 
Komposisjon og elementer. 
Jeg valgte en ganske standard løs-ning 
på visittkortet som måler 
8,5 x5,5 og trykkes på en side. 
Lite, men informativ tekst. Jeg valgte 
å fremme den rektangulære formen 
med en bord opp. Borden er sammen 
med logoens kraftige farge med på å 
skape blikkfang. 
(komplimentærkontrast) 
Kortets hvite farge er valgt for å 
fremmheve teksten som er det mest 
sentrale og økonomi ved trykking 
av kortet. 
Viktig å velge en god og lesbar 
font ved tanke på visittkortets 
størrelse. Jeg valgte Garmond 8,7 pkt. 
Når navn, adresse og annen 
tekst blir lagt til blir det god balanse. 
Et visittkort er et viktig verktøy for å 
markedsføre deg selv. Gi visittkort til 
kunder, bedrifter og andre du vil skal 
huske deg. 
Valgt visittkort
| 29

More Related Content

Viewers also liked

Viewers also liked (11)

Dwayne turner 5182
Dwayne turner 5182Dwayne turner 5182
Dwayne turner 5182
 
Dwayne turner 5182
Dwayne turner 5182Dwayne turner 5182
Dwayne turner 5182
 
Hexclick
HexclickHexclick
Hexclick
 
Sumo 101130044151-phpapp02
Sumo 101130044151-phpapp02Sumo 101130044151-phpapp02
Sumo 101130044151-phpapp02
 
Evaluation question 1
Evaluation   question 1Evaluation   question 1
Evaluation question 1
 
Cross Action Games
Cross Action GamesCross Action Games
Cross Action Games
 
For Sony Action Cam
For Sony Action CamFor Sony Action Cam
For Sony Action Cam
 
OpenComponents
OpenComponents OpenComponents
OpenComponents
 
36 Must See E-commerce Email Marketing Stats
36 Must See E-commerce Email Marketing Stats36 Must See E-commerce Email Marketing Stats
36 Must See E-commerce Email Marketing Stats
 
Vg1 dh hva kan du bli?
Vg1 dh hva kan du bli?Vg1 dh hva kan du bli?
Vg1 dh hva kan du bli?
 
Importance Of E-Commerce Personalization in 20 Revealing Stats
Importance Of E-Commerce Personalization in 20 Revealing StatsImportance Of E-Commerce Personalization in 20 Revealing Stats
Importance Of E-Commerce Personalization in 20 Revealing Stats
 

Similar to Ideutvikling 110413150802-phpapp02

Messestand2
Messestand2Messestand2
Messestand2sivjan
 
Abeidsrom til forfatter
Abeidsrom  til forfatterAbeidsrom  til forfatter
Abeidsrom til forfatterstinekastad
 
Usability for utviklere
Usability for utviklereUsability for utviklere
Usability for utviklereJarle Tronerud
 
Designe et nettsted
Designe et nettstedDesigne et nettsted
Designe et nettstedcarinasund
 
Viktig når du lager en nettside
Viktig når du lager en nettsideViktig når du lager en nettside
Viktig når du lager en nettsidecarinasund
 

Similar to Ideutvikling 110413150802-phpapp02 (6)

Messestand2
Messestand2Messestand2
Messestand2
 
K&H: Geometry and drawing
K&H: Geometry and drawingK&H: Geometry and drawing
K&H: Geometry and drawing
 
Abeidsrom til forfatter
Abeidsrom  til forfatterAbeidsrom  til forfatter
Abeidsrom til forfatter
 
Usability for utviklere
Usability for utviklereUsability for utviklere
Usability for utviklere
 
Designe et nettsted
Designe et nettstedDesigne et nettsted
Designe et nettsted
 
Viktig når du lager en nettside
Viktig når du lager en nettsideViktig når du lager en nettside
Viktig når du lager en nettside
 

Ideutvikling 110413150802-phpapp02

  • 1. Design av visittkort Ideutvikling for vg1 Design og håndverk Når du skal ut mot aktuelle bedrift/skole kan et visittkort med navn og telefonnummer være kjekt å ha med
  • 2. Oppgaven går på å utvikle et bilde/motiv/mønster med tanke på å bruke videre i et visittkort som kan leveres til eks. bedrifter ved utplassering. Tema er Eleven visuell hverdag - Konkurranse. Arbeidsprosess fra idé til ferdig produkt: Ideutviklingsprosessen: En viktig del av ideutvikling handler om å få klarhet i hva som er det reelle behov/ønske. Start derfor med å stille en rekke spørsmål: Hva er målet med oppgaven? Å lage et design og layout for et visittkort. Å sette deg inn i og utnytte mulighetene for eksperimentering og redigering i Adobe Photoshop. Å redegjøre for visuelle virkemidler og begrunn valg du tar underveis.
  • 3. | iii Innholdsfortegnelse 1 Idefase - utprøving av verktøy 1 2 Idefase - utprøving av trykket bakgrunn 9 3 Idefase - Utvikling av flatemønster 15 4 Idefase - utprøving av bakgrunn i Adobe Photoshop 21 5 Løsning - Komposisjon av Visittkort 25
  • 4. iv | 1. Orginal
  • 5. | 1 1 Idefase - utprøving av verktøy Jeg har valgt et motiv som jeg vil bruke for å presentere meg på et visittkort. Brukt matpapir å lagt over. Stilisert motivet dvs. at detaljar og uviktige ting blir fjerna. Det typiske ved forma blir forsterka og gjort tydelegare. Skannet inn tegningen og bearbeidet den i Adobe Photoshop. Utprøving av : - Brush - Gradering - Adjustment > - Filter
  • 6. Bruk av verktøyet BRUSH bv 1. Tema: Ulike teksturer dvs. overflater .
  • 7. | 3 Komplimentærkontasten : 1. Farger som står rett overfor hverandre i Ittens fargesirkel er komplementære.
  • 8. 1. IMAGE < Adjustment < Gradient map
  • 9. | 5 1. Threserhold 1. Posterize 1. Bevel and Embose 1. IMAGE < Adjustment < 1. Invert
  • 10. 1. Valgt ide for videreutprøving. Visitt-kort er et lite format. Formene og fargene må være klare, fargestrerke og tydelig. 1. Prøvd ut Filter< Filter Galeri <Plastikkfilter. Gir fin tekstur . 1. Valgt ide med tekstur laget med Brush verktøyet . Tydelig positiv og negative former. 1. Prøvd ut Filter < Filter Galeri< vannfarger
  • 11. | 7 1. Med skygge . Fin dybde følelse. Stilisert husk med klare former. 1. Prøvd ut Filter > Filter Galeri> spong 1. Skygge og plastikkfilter 1. Prøvd ut Filter > Filter Galelri> Grain. ( sandaktig tekstur)
  • 12. 8 | 1. Valgt ide. Har fått en ren og klar form med tekstur som tar igjen overflaten på det dekk.
  • 13. | 9 2 Idefase - utprøving av trykket bakgrunn Valgt ide for videre utprøving av bakgrunn. Bakgrunn kan lages i Adobe Photoshop eller trykkes, for senere å skanne inn. Skannet inn bakgrunnsmateriale og bearbeidet det i Adobe Photoshop. Utprøving av: - innskannet bakgrunn jeg selv har laget. Bilder en tar naturens egne teksturer kan også brukes
  • 14. 1. Utprøving av bakgrunn på valgt ide 1. Prøvd ut ulike trykkemetoder, Sjablongtrykk, trykk med ulike materialer som bobleplast. 1. Lekt med sammensetning av ulike materialer, netting, avis og bølgepapp. 1. Prøvd med ulike stempler. Alt er skannet inn for å bearbeide på data.
  • 15. | 11 C C 1. Sjablong trykk 1. Trykk med bobleplast og papp på avispapir 1. Stempel rulle 1. Med netting
  • 16. 1. Sjablong negativ og positiv C 1. Prøvd med ulike stempler. Alt er skannet inn for å bearbeide på data. 1. Sjablong trykk på farget bak-grunn
  • 17. | 13 1. Rulle på teksturert papir. 1. Prøvd med ulike stempler.og sjablong Alt er skannet inn for å bearbeide på data. 1. Valgt bakgrunn med crakuleringsfil-ter (Filtergalleri)
  • 18. 1. Valgt ide for utvikling av flatemønster. Formene er ren og klaer uten dekk teksturen. Flatemøn-ster på visittkort skal være en bakgrunn for tekst.
  • 19. | 15 3 Idefase - utvikling av flatemønster Hvordan bruke valgt ide (dekorelement) til å laget et mønster i form av en bord eller til et sammenhengende mønster. Utprøving av: - Mønster - Bord - Ramme Til bruk på visittkortet Bruk gjerne hele eller deler av en form ved utvikling av mønster. (utsnitt)
  • 20. 1. Bord 1. Flattemønster - flere like på radog rekke. Plassering ved bruk av rutened - Grid 1. Flatemønster - Dobbel på rekke og diagonal 1. Flatemønster - dobbel på rad
  • 21. | 17 1. Flate mønster ved hjelp av Pat-tern (defin Pattern - fil bøtte) 1. Flatmønster med skygge 1. Utprøving av ramme
  • 22. 1. Flatemønster - Filter > Distort > twril 1. Utsnitt 1. Flatemønster ->Filter ->Disort ->rippel 1. Flatemønster -rad
  • 23. | 19 1. Flate mønster> Edit > Trans-form> spher 1. Flatemønster > Filter - Spher 1. Flatmønster> Edit > Transform > perspektiv 1. Flatemønster > Filter > Distort > wave
  • 24. 1. Valgt ide for utvikling av flatemønster. Formene er ren og klaer uten dekk teksturen. Flatemøn-ster på visittkort skal være en bakgrunn for tekst.
  • 25. | 21 4 Idefase - utprøving av bakgrunn i Adobe Photoshop. Valgt ide for videre utprøving av bakgrunn. Hvordan bruke bøtta, bord og mønster i bakgrunn på valgt ide på visittkort Utprøving av: - Bøtta - Gradering - Pattern Til bruk på visittkortet Bruk gjerne hele eller deler av en form ved utvikling av mønster. (utsnitt)
  • 26. 1. Sirkelformet gradering fra rødt til grønt med Disort fyll. 1. Ensfarget bakgrunn med bøtta.Tatt igjen fargen på husken. Blirmørk men fungere pga. skyggen.Må nok dempe grønnfargen 1. Hvit bakgrunn med bøtta. Rolig-bakgrunn som fremmer bilde 1. Diagonal gradering fra hvit til grønn.
  • 27. | 23 1. Få former i bakgrunn. Gir goddybde og fremmer husken. 1. Flatemønster i bakgrunn. 1. Flatmønster> Edit > Transform > perspektiv 1. Få former i bakgrunn. Gir god-dybde og fremmer husken
  • 28.
  • 29. | 25 5 Planlegging - komposisjon av visittkort Hvordan komponere mønster, ide og tekst. Utprøving av: - Komposisjon og elementer - Farge - Font Til bruk på visittkortet Grunnleggende elementene: Bedriftsnavn og logo Størrelse: 8,5 x5,5 Navn og tittel Postadresse og telefon- og faksnum-mer E-postadresse og Adresse til webom-råde (URL-adresse
  • 30. 1. Visittkortet er 8,5cm x 5,5cm. Valgt fonten Garmond den er les-bare og tydelig. Prøver ut størrelse 8,7 pkt. Teksten kommer tydligere frem på hvit bakgrunn. 1. Valgt flatmønster i bakg-runn kan ta borte oppmer-skom for teksten. Kraftlig blikfang med husk på høyre side. Blir balanse i korte med teksten og rammen på venstre side.
  • 31. | 27 1. Jobbet med rene flater og hvit bakgrunn for hele eller deler av teksten. Husken er blikkfang. 2. Velg er å jobbe videre med skissene på denne siden.
  • 32. Visittkort Komposisjon og elementer. Jeg valgte en ganske standard løs-ning på visittkortet som måler 8,5 x5,5 og trykkes på en side. Lite, men informativ tekst. Jeg valgte å fremme den rektangulære formen med en bord opp. Borden er sammen med logoens kraftige farge med på å skape blikkfang. (komplimentærkontrast) Kortets hvite farge er valgt for å fremmheve teksten som er det mest sentrale og økonomi ved trykking av kortet. Viktig å velge en god og lesbar font ved tanke på visittkortets størrelse. Jeg valgte Garmond 8,7 pkt. Når navn, adresse og annen tekst blir lagt til blir det god balanse. Et visittkort er et viktig verktøy for å markedsføre deg selv. Gi visittkort til kunder, bedrifter og andre du vil skal huske deg. Valgt visittkort
  • 33. | 29