/ Forside / Teknologi / Multimedie & design / Andet multimedie / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Andet multimedie
#NavnPoint
refi 19159
Klaudi 13515
severino 5400
pallebhan.. 4553
molokyle 4203
o.v.n. 3762
tedd 3707
bentjuul 3670
transor 2817
10  miritdk 2644
Design i Photoshop
Fra : Tine Müller


Dato : 20-02-04 16:14

Er der nogen som kender til en side, hvor der forklares hvordan man
præsenterer et design af en side lavet i Photoshop, som vises til kunden,
før man begynder at designe koderne i en editor o.lign. eller hvordan griber
I det selv an?

/Tine



 
 
KNL DtP (20-02-2004)
Kommentar
Fra : KNL DtP


Dato : 20-02-04 16:22

"Tine Müller" <tinem@email.dk> skrev i en meddelelse
news:TupZb.6291$TE7.1538@news.get2net.dk...

> Er der nogen som kender til en side, hvor der forklares hvordan man
> præsenterer et design af en side lavet i Photoshop, som vises til kunden,
> før man begynder at designe koderne i en editor o.lign.

Hvis du har lavet forskellige design-muligheder eller undresider med specielle
detaljer, kunne du jo eksportere hver side som en PDF-fil, og sætte dem sammen
med Acrobat (eller eksportere dem som præsentation, hvis har du har PS CS).

Når du fremviser (eller sender PDF'en til kunden), så kan du/de se hvad der
vil ske, hvis man klikker på et bestemt menupunkt - eller du kan vise
forskellige udkast til en forside.

Jeg plejer nu at grovtene opstillingen i Illustrator, da det er noget nemmere
at flytte rundt på tingene når de ligger som vektor, men det er vel en
smagssag.

MVH

Kristian
www.knl-dtp.dk



Tine Müller (21-02-2004)
Kommentar
Fra : Tine Müller


Dato : 21-02-04 08:32


"KNL DtP" skrev
> Hvis du har lavet forskellige design-muligheder eller undresider med
specielle
> detaljer, kunne du jo eksportere hver side som en PDF-fil, og sætte dem
sammen
> med Acrobat (eller eksportere dem som præsentation, hvis har du har PS
CS).
>
> Når du fremviser (eller sender PDF'en til kunden), så kan du/de se hvad
der
> vil ske, hvis man klikker på et bestemt menupunkt - eller du kan vise
> forskellige udkast til en forside.
>
> Jeg plejer nu at grovtene opstillingen i Illustrator, da det er noget
nemmere
> at flytte rundt på tingene når de ligger som vektor, men det er vel en
> smagssag.


Hej Kristian

Tak for dit svar. Det jeg egentligt også var ude efter, var hvordan man
laver filen i Photoshop. Hvad skal man tage hensyn til. Skal man lave filen
med f.eks. 760 pixel i bredde og hvordan med teksten, hvordan kommer den til
at se flottest ud osv. osv.?

Det design som jeg har tænkt mig at lave er en firkant i midten af skærmen
og her mener jeg så at bredden højst må være 760 for at folk med 800x600
også kan se denne. Jeg ved godt, at det er browservinduet man skal tage
hensyn til og at folk har dette åbnet forskelligt, men jeg vil altså også
have at folk, som har vinduet helt åbent og som kun kan bruge 800x600 skal
kunne se siden.

Ifølge http://www.echoecho.com/dk/ så ser det ud til, at der er en masse som
stadigvæk bruger denne opløsning.

>>(eller eksportere dem som præsentation, hvis har du har PS CS).
Dette ved jeg slet ikke hvad er? - Jeg har Photoshop 7. Jeg har også adgang
til Illustrator 10, men har aldrig haft mod på at komme igang med dette.

/Tine







KNL DtP (21-02-2004)
Kommentar
Fra : KNL DtP


Dato : 21-02-04 18:29

"Tine Müller" <tinem@email.dk> skrev i en meddelelse
news:WPDZb.315$Sa5.71@news.get2net.dk...

> Hvad skal man tage hensyn til.

Det jeg tænkte på var, at når kunden modtog PDF-filen, trykkede de Ctrl + L
for at se dit layout i fuld skærm. På den måde ville det give det mest
realistiske bud på det færdige syn i browseren.

De par gange jeg har præsenteret et design, havde jeg lavet et print screen af
en rigtigt browser (som folk genkender) og udskiftet URL-adressen med den
aktuelle. På den måde virker det mere naturligt.

Opret et RGB dokument på f.eks. 800 x 600 pixels (opløsning ligegyldigt). Lav
et par kasser og streger i forskellige størrelser + et par små billeder. Skriv
en eller andet test-tekst. Vælg så File > Save As. Vælg Photoshop PDF. Sæt den
til ZIP-kodning (evt. JPG i max), sæt hak i Image Interpolation og Include
Vektor Data og så Embed Fonts.

Åben PDF'en i Acorbat Reader og tryk Crtl + L. Grafikken og teksten skulle
gerne stå rimelig skarpt, da teksten stadig er tekst og ikke omdannet til
bitmap. Hvis grafikken bliver forstørret al for meget op, vil den bliver
udjævnet fremfor at blive pixels. Næsten uanset hvilken opløsning kunden kører
med, så skulle PDF'en give et ret godt bud på, hvordan det endelige layout
kommer til at se ud på hjemmesiden.


> Det design som jeg har tænkt mig at lave er en firkant i midten af skærmen
> og her mener jeg så at bredden højst må være 760 for at folk med 800x600

Jeg vil også mene, at min. opløsning bør sættes til 800 x 600 pixels.


> >>(eller eksportere dem som præsentation, hvis har du har PS CS).
> Dette ved jeg slet ikke hvad er?

CS står for Creative Suite, og er Adobes nyeste udgave af deres store
programmer (dvs. ver. 8 af Photoshop ect.). Der er en række nye muligheder,
som bl.a. gør det lidt nemmere at eksportere ting og sager fra Photoshop til
én samlet PDF-fil.


> Jeg har Photoshop 7. Jeg har også adgang
> til Illustrator 10, men har aldrig haft mod på at komme igang med dette.

De fleste synes faktisk at Illustrator er langt nemmere at gå til, da man ikke
skal tage hensyn til så meget som i Photoshop. Vektor-grafik er også noget
nemmere at arbejde med, da man bare kan hive i figure alt det man vil. Du
kunne jo prøve og starte Illustrator op, og se om du kunne gøre mere brug af
den.

MVH

Kristian
www.knl-dtp.dk



Tine Müller (24-02-2004)
Kommentar
Fra : Tine Müller


Dato : 24-02-04 07:20

Tine skrev
> > Det design som jeg har tænkt mig at lave er en firkant i midten af
skærmen
> > og her mener jeg så at bredden højst må være 760 for at folk med 800x600
>
"KNL DtP" skrev
> Jeg vil også mene, at min. opløsning bør sættes til 800 x 600 pixels.

Jeg forstår ikke rigtig ovenstående sætning? Skal bredden i grafikprogrammet
være 760 eller 800? Og hvorfor er det nu lige, at man ikke må lave bredden
800?


> De fleste synes faktisk at Illustrator er langt nemmere at gå til, da man
ikke
> skal tage hensyn til så meget som i Photoshop. Vektor-grafik er også noget
> nemmere at arbejde med, da man bare kan hive i figure alt det man vil. Du
> kunne jo prøve og starte Illustrator op, og se om du kunne gøre mere brug
af
> den.
Kender du et sted hvor man downloade sådan en fil og så prøve at flytte
rundt på elementerne, for at se hvordan det er lavet?


Jeg forstår ikke, at der ikke findes en tutorial eller online movie, som
viser/forklarer denne arbejdsgang. Der findes jo ellers hjælp til alt muligt
andet på Internettet, f.eks. her
http://www.vtc.com/productlist.php?action=showall. Jeg kan da ikke være den
eneste, som ikke er helt klar over, hvordan man skal lave denne, for at
præsentere et flot layout til kunden uden først at bruge en masse tid på at
kode siden i en editor/html.

Jeg synes mange gange, at det er nemmere at lære ved at se og høre, og disse
online movies er virkelig gode.

/Tine






Morten Lind (24-02-2004)
Kommentar
Fra : Morten Lind


Dato : 24-02-04 10:14

Tine Müller <tinem@email.dk> wrote:

> Tine skrev
> > > Det design som jeg har tænkt mig at lave er en firkant i midten af
> skærmen
> > > og her mener jeg så at bredden højst må være 760 for at folk med 800x600
> >
> "KNL DtP" skrev
> > Jeg vil også mene, at min. opløsning bør sættes til 800 x 600 pixels.
>
> Jeg forstår ikke rigtig ovenstående sætning? Skal bredden i grafikprogrammet
> være 760 eller 800? Og hvorfor er det nu lige, at man ikke må lave bredden
> 800?
>
>
> > De fleste synes faktisk at Illustrator er langt nemmere at gå til, da man
> ikke
> > skal tage hensyn til så meget som i Photoshop. Vektor-grafik er også noget
> > nemmere at arbejde med, da man bare kan hive i figure alt det man vil. Du
> > kunne jo prøve og starte Illustrator op, og se om du kunne gøre mere brug
> af
> > den.
> Kender du et sted hvor man downloade sådan en fil og så prøve at flytte
> rundt på elementerne, for at se hvordan det er lavet?
>
>
> Jeg forstår ikke, at der ikke findes en tutorial eller online movie, som
> viser/forklarer denne arbejdsgang. Der findes jo ellers hjælp til alt muligt
> andet på Internettet, f.eks. her
> http://www.vtc.com/productlist.php?action=showall. Jeg kan da ikke være den
> eneste, som ikke er helt klar over, hvordan man skal lave denne, for at
> præsentere et flot layout til kunden uden først at bruge en masse tid på at
> kode siden i en editor/html.
>
> Jeg synes mange gange, at det er nemmere at lære ved at se og høre, og disse
> online movies er virkelig gode.
>
> /Tine

Der er altså masser af toturials - også videopræsenteret - på
http://studio.adobe.com
M.
--
[dit mod er blot din evne til at undertrykke din angst(ml)]

KNL DtP (24-02-2004)
Kommentar
Fra : KNL DtP


Dato : 24-02-04 12:46

"Tine Müller" <tinem@email.dk> skrev i en meddelelse
news:v2C_b.945$991.587@news.get2net.dk...

> "KNL DtP" skrev
> > Jeg vil også mene, at min. opløsning bør sættes til 800 x 600 pixels.
>
> Jeg forstår ikke rigtig ovenstående sætning? Skal bredden i grafikprogrammet
> være 760 eller 800? Og hvorfor er det nu lige, at man ikke må lave bredden
> 800?

Hvis du vælger at din hjemmeside skal kunne ses korrekt med en skærmopløsning
på 800 x 600 pixels, så kan du jo ikke have noget grafik, der er større end
disse mål minus den plads browseren optager på skærmen. Derfor vil de 760
pixels sikkert være en fin max. længde.

Når jeg skrev, at du kunne opette et dokument på 800 x 600 pixels, så var det
fordi at jeg i sin tid foreslog, at du havde browseren med som "baggrund".
Derved fylder du jo hele siden ud.

Fidusen ved at lave et forslag til kunden er jo, at hvis de synes om et af
dem, så behøver du ikke starte helt forfra, men blot justere og finpudse
grafik og tekst. Derfor ville jeg lave det i 1:1, så at sige, så du ikke skal
til at skalere på dit layout, når du skal til at lave den rigtigt hjemmeside.


> Kender du et sted hvor man downloade sådan en fil og så prøve at flytte
> rundt på elementerne, for at se hvordan det er lavet?

Nææ, men hvad er der i vejen for at du selv tegner dem - det er super let:

Ind i Illustrator og opret et nyt dokument (Ctrl + N). Langt de fleste
komandoer, menuer og værktøjer kender du fra Photoshop. I værktøjeslinjen kan
du f.eks. vælge retangelet og prøve og tegne et par kasse og evt. farvelægge
dem. Dette gøres ved at markere den og finde en passende farve under
fanebladet Color. Herefter kan du med den sorte pil markere hver enkelt kasse
eller figur og flytte rundt med den. Når du arbejder med vektor-grafik, så
virker tingene mere som ude i den virkelige verden.


> Jeg kan da ikke være den
> eneste, som ikke er helt klar over, hvordan man skal lave denne, for at
> præsentere et flot layout til kunden uden først at bruge en masse tid på at
> kode siden i en editor/html.

Som jeg vist skrev i et tidligere indlæg i tråden, så starter jeg ofte i
Illustrator, hvor jeg prøver mig lidt frem med forskellige kasser og farver.
Når jeg synes jeg har grundformen, begynder jeg at sætte lidt tekst ind, som
skal virke som en menu. Når det hele ser fornuftigt ud, kan denne skitse vises
til kunden. Da det hele er vektorgrafik, skal du ikke tænke på størrelse og
opløsning. Ved at eksportere det hele som en PDF-fil, har kunden mulighed for
at se hvad jeg har i tankerne. Ved at lave flere sider, kan man hurtigt vise
flere forslag - eller vidreudviklinger af en bestemt idé.

Næste skridt er at lave det om til rigtigt bitmap-grafik, for det skal jo i
sidste ende bruges til web. Det er her du skal fastlægge hvilken opløsning man
som min. skal kunne se hele siden. Opret et dokument i denne opløsning i
Photoshop (husk at stille den til RGB), og herefter kan du blot kopiere
tingene fra Illustrator og sætte dem direkte ind i Photoshop. Så bliver dine
kasse og figure omdannet til pixels - fremfor vektor.

I Photoshop begynder du at finjustere farverne, finde den nøjagtige skrifttype
og størrelse, så det hele passer i en helhed. Når du har fået lavet dig en pæn
udgave i Photoshop, kan du vise denne til kunden - for at få rettet evt.
misforståelser eller uenigheder og designet.

Når kunden er glad, kan du begynder at klippe billedet op i små bidder og
gemme dem (Save For Web...) som enten JPG, PNG eller GIF (alt efter om det er
fotos eller simple knapper). Herefter er det et spørgsmål om at få skrevet
noget HTML-kode eller "tegne" det i FrontPage e.l. Når du har noget der kan
ses i en browser, viser du det igen til kunden. Det kan ikke undgås at der er
lidt forskel fra Illustrator til Photoshop til den endelige hjemmeside.

.... resten er mere et spørgsmål om at tilrette og optimere grafikken, så den
kan loades hurtigt muligt ind og derved skabe en effektiv hjemmeside.


> Jeg synes mange gange, at det er nemmere at lære ved at se og høre, og disse
> online movies er virkelig gode.

Mange af de toturials der ligger på nettet omhandler ofte små konkrete opgaver
(sådan laver du en stjenrehimmel i PS ect.). Skal du ud og lave en større
opgave, så kræver den næsten at du finder en grundbog i programmet eller
simpelthen prøver dig frem. Ovenstående har jeg selv udarbejder, efterhånden
som jeg kunne se det tidssparende i det. Der er vel ikke nogen endelig
løsning - ofte skal det tilpasses til en helt bestemt opgave.

Derfor er der ikke andet for end at prøve dig frem. Hvis du er lidt usikker i
Illustrator, så find en bog eller et hæfte, som har nogle nemme opgaver, så du
kan blive fortrolig med funktionerne. Hvis du er i tvivl om noget, så kan du
jo bare spørge løs her i NG'en - den er der jo for det samme :)

MVH

Kristian
www.knl-dtp.dk



Henrik (24-02-2004)
Kommentar
Fra : Henrik


Dato : 24-02-04 22:53

"KNL DtP" <knl_dtp@hotmail.com> wrote in message news:<4037956e$0$19001$ba624c82@nntp04.dk.telia.net>...
>
> CS står for Creative Suite, og er Adobes nyeste udgave af deres store
> programmer (dvs. ver. 8 af Photoshop ect.). Der er en række nye muligheder,
> som bl.a. gør det lidt nemmere at eksportere ting og sager fra Photoshop til
> én samlet PDF-fil.

Photoshop CS har ny funktionalitet, som kan bruges ifm. at vise
forskellige designs. Det drejer sig om layer comp-paletten
(Window->layer comps). Saml f.eks. elementer i design 1 i layer comp 1
og så fremdeles. Dermed bevarer du alle designs i et photoshop
dokument. Du kan evt. eksportere til mange-sidet pdf.

I web-editoren Dreamweaver - som er den bedste - vælger du blot
800x600, så finder programmet ud af, hvor meget plads der er til
indholdet.

Mvh. Henrik

KNL DtP (25-02-2004)
Kommentar
Fra : KNL DtP


Dato : 25-02-04 14:59

"Henrik" <henriktorp2@yahoo.dk> skrev i en meddelelse
news:ac33ff1f.0402241353.5ecdef70@posting.google.com...

> Photoshop CS har ny funktionalitet, som kan bruges ifm. at vise
> forskellige designs. Det drejer sig om layer comp-paletten
> (Window->layer comps). Saml f.eks. elementer i design 1 i layer comp 1
> og så fremdeles. Dermed bevarer du alle designs i et photoshop
> dokument. Du kan evt. eksportere til mange-sidet pdf.

Det er altså kommet en række nye smarte funktioner i CS.


> I web-editoren Dreamweaver - som er den bedste - vælger du blot
> 800x600, så finder programmet ud af, hvor meget plads der er til
> indholdet.

Kender ikke lige Dreamwaver - det er ikke så meget webgrafik jeg laver, og til
dette fungerer Photoshop ganske fint :)

MVH

Kristian
www.knl-dtp.dk



Tine Müller (26-02-2004)
Kommentar
Fra : Tine Müller


Dato : 26-02-04 08:06

Mange tak for Jeres svar.

/Tine



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste