Avatar billede fico Nybegynder
10. oktober 2001 - 17:41 Der er 24 kommentarer og
1 løsning

Hvordan laver jeg disse billeder?

Hej

Hvordan laver man billeder som fx på www.pizzadude.dk, det gælder den der diskette og ENTER knappen. Det er mest logo\'et, hvordan man laver sådan nogle billeder?´

MVH
fico
Avatar billede hojben Novice
10. oktober 2001 - 17:45 #1
Igen er der et \",\" i dit link *G*

Linket er altså

http://www.pizzadude.dk
Avatar billede prodic Mester
10. oktober 2001 - 17:47 #2
Det ligner meget noget der er tegnet i frihånd i Illustrator.

Men kort sagt - det er tegnet manuelt.
Avatar billede fico Nybegynder
10. oktober 2001 - 17:47 #3
Ups, det var det du mente... Takker
Avatar billede fico Nybegynder
10. oktober 2001 - 17:49 #4
Det tivler jeg på, fordi det er både lavet fonts med sådan nogle ho\'der og det er ikke kun der de er ?
Avatar billede prodic Mester
10. oktober 2001 - 17:49 #5
Enter knappen kan du dog godt lave i et billedbehandlingsprogram.

Sig til så laver vi en forklaring - ihvertfald til Photoshop...
Avatar billede fico Nybegynder
10. oktober 2001 - 17:49 #6
til
Avatar billede prodic Mester
10. oktober 2001 - 17:50 #7
\"Det tivler jeg på, fordi det er både lavet fonts med sådan nogle ho\'der og det er ikke kun der de er ?\"

Den forstår jeg ikke helt.

Men nej fonten er naturligvis bare en speciel skrifttype der er indskrevet som normalt.

Men selve logoet, og enter-tasten/knappen ligner noget Vektorgrafik.
Avatar billede fantomas Nybegynder
10. oktober 2001 - 17:52 #8
disketten:

Den laver du bare i Photoshop,Paint Shop Pro eller hvilket grafik program du har.
Du kan evt. tegne den og scanne den....

Enter knap.

Nu er det så dejlig med javascript at du blot kan nøjes med viskode, også har du dit svar. =)
Du bruger bare 2 billeder og en mouse over fuktion i Javascript.

<html>
<head>
<script Language = \"JavaScript\">
  <!--
    if (document.images)
      {
    enteroff=new Image();
enteroff.src=\"splash/enteroff.gif\"
    enteron=new Image();  enteron.src=\"splash/enteron.gif\"
      }

    function pic_aktiv(imgName)
      {
        if (document.images)
        {
          imgOn = eval(imgName + \"on.src\");
          document [imgName].src = imgOn;
        }
      }

    function pic_passiv(imgName)
      {
        if (document.images)
        {
          imgOff = eval(imgName + \"off.src\");
          document [imgName].src = imgOff;
        }
      }
  // -->

</script>
</head>
<body>
<a href=\"http://www.pizzadude.dk/home.html\" onMouseOver=\"pic_aktiv(\'enter\');window.status=\'// enter //\';  return true;\" onMouseOut=\"pic_passiv(\'enter\')\"><img SRC=\"splash/enteroff.gif\" NAME=\"enter\" NOSAVE BORDER=0 height=78 width=148></a>
</body>
</html>
Avatar billede prodic Mester
10. oktober 2001 - 17:53 #9
Enterfiguren er lavet ved at vælge
Elliptical Marquee og lave den runde form.

Når du så har lavet den fylder du selectionen ud med en farve.
Når det er sket, så vælger du Edit->Stroke->Outside og X antal pixels og farven.

Til sidst skriver du så din tekst inden i figuren - plain and simple.


Forklaring nok?
Avatar billede prodic Mester
10. oktober 2001 - 17:53 #10
fantomos->Tror nu forklaring gik mere på billederne - ikke effekten. ;-)
Avatar billede fantomas Nybegynder
10. oktober 2001 - 18:04 #11
Ups så har jeg misforstået noget.... sorry.
Avatar billede fico Nybegynder
10. oktober 2001 - 18:24 #12
Ja det var billedet, effekten ved jeg godt.
Avatar billede prodic Mester
10. oktober 2001 - 18:31 #13
Fico->har du prøvet \"løsningen\" jeg beskrev?
Avatar billede fico Nybegynder
10. oktober 2001 - 18:39 #14
Ja, men det er mere det at pizzadude.dk\'s kan man ikke se takkerne i cirklen, dvs. den er mere glat/lige. Hvis du forstår.
Avatar billede prodic Mester
10. oktober 2001 - 18:43 #15
Hvis du bruger Photoshop 6.0 - så er det også en lettere løsning.

jeg tog bare den generelle løsning...bruger du PS 6.0?
Avatar billede fico Nybegynder
10. oktober 2001 - 18:50 #16
Jeps
Avatar billede prodic Mester
10. oktober 2001 - 19:12 #17
Du kan dog undgå de værste kanter ved at vælge AntiAliase i Elliptial værktøjet - det fjerner de værste kanter.


Men PS6.0 løsningen er som følger.

Vælg Ellipse tool\'et(HotKey=U) - og tegn din figur med det værktøj.
Husk at indstille fyldfarven først.

Når du så har fået lavet din figur vælger du :
Layer->Layer Style->Stroke og indtaster de nødvendige informationer for at lave kanten i den rigtige tykkelse/farve.

Så mangler du bare teksten - det behøver jeg vel ikke beskrive...vel?
Avatar billede fico Nybegynder
10. oktober 2001 - 19:29 #18
Takker.
Inden jeg afslutter spørgsmålet, er der overhoved ingen måde at lave de figure andet end i fri hånd ? Man ser dem faktisk også meget i flash.
Avatar billede callesen Praktikant
10. oktober 2001 - 21:59 #19
Jeg tror ganske bestemt, at de er lavet med vector i PS, PSP eller et særligt vector-program (fx. Zoner Callisto). En forholdsvis nem måde i PS eller PSP er at tegne dit billede løst i et lag - eller scanne et forlæg - og så linie for linie lægge vectorlinier ovenpå i et nyt lag. Så sletter man det \'løse\' lag og gemmer i en gif eller converter raster og farvelægger med flood-fill.
Avatar billede prodic Mester
10. oktober 2001 - 22:04 #20
Fico->Når jeg skriver i frihånd, mener jeg ikke at tegne det hele i hånden.
Nogle af figuerne kan du jo tegne med de forskellige værktøjer, og så sammensætte dem til figuren.
På den måde bliver det jo også i hånden.

Men der er ingen \"lektion\" til netop sådanne figurer som f.eks disketten.
Avatar billede fico Nybegynder
11. oktober 2001 - 16:40 #21
Ok. SÅ lige en hurtig ting: Hvordan laver man cirkelens streg mere blød ? Dvs. så man ikke kan så pixelene, altså så man ikke kan se så mange tagger ?
Avatar billede prodic Mester
11. oktober 2001 - 16:52 #22
hvilken af de 2 metoder bruger du?

Metoden til PS6.0 giver automatisk en blød kant når du vælger Stroke - eller ihvertfald så blød som den kan.
Den kan dog godt blive en anelse blødere - men det har sin pris.
Avatar billede fico Nybegynder
11. oktober 2001 - 18:14 #23
Jeg bruger den i PS6, men jeg tænkte generelt i PS6, hvis man nu fx ikke brugte stroke !
Avatar billede fico Nybegynder
11. oktober 2001 - 18:15 #24
Damn, jeg kan bare godt lide de \"Accepter\"-knapper. Selvfølge skulle du have pointene, men jeg skulle lige have svar på det sidste spørgsmål.
Avatar billede prodic Mester
11. oktober 2001 - 18:18 #25
Fico->Ang. det med takkerne, så kan du evt. bruge en højere opløsning, bruge Anti-Alise eller blure dine kanter.
Men helt undgå problemet kan du ikke - af den grund af det er pixelgrafik, og at en pixel nu engang er firkantet.


Takker for pointene - for 100 point må man også gerne få lidt uddybning af problemet. :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester