Beiträge von phore

phore

gib mal die url durch damit man sich das ansehen kann.

phore

Da speziell im Grafikforum täglich immer wieder dieselben Fragen auftauchen hab ich beschlossen mal ein FAQ (Frequently Asked Questions) Thread zu machen.
Ich beantworte hier mal alle Fragen die mir so einfallen - wenn es weitere FAQ's gibt wäre ich froh über eine PN oder einer Antwort hier im Thread damit ich ihn ergänzen kann! Danke. Also..

# Inhalt
- Grundlegendes zu Grafik
- Was gibt es für Grafikprogramme?
- Wo bekomme ich ein gratis Grafikprogramm?
- Wie/Womit erstelle ich ein animiertes Bild?
- Darf ich Grafiken/Webdesigns kopieren?
- Wie erstelle ich ein Webdesign?
- Wie schneide ich ein Bild aus?
- Bild als Hintergrund?

# Grundlegendes zu Grafik
Man unterscheidet Grafiken hauptsächlich in 2 Kategorien: Pixel- und Vektorgrafiken.
3d Grafiken sind Vektorbilder.

Pixel- / Bitmap- oder Rastergrafik:
- http://de.wikipedia.org/wiki/Pixelgrafik
Grafikformate: .jpg .gif .png .bmp usw.

Die meisten Grafiken die wir kennen sind Pixelgrafiken. Im Prinzip sind es einfach Bilder die aus mehreren Bildpunkten (Pixeln) zusammengesetzt zu einem Bild sind. Die Bilder die wir im Internet nutzen sind Pixelbilder. Der Nachteil dieser Bilder ist dass man sie nur in der Originalgrösse nutzen kann - wenn man sie vergrössert werden die Pixel gestreckt und die Qualität des Bildes wird schlechter.

Beispiel Pixelbild:
[Blockierte Grafik: http://www.altours-bg.com/Altours_files/hotels/sandanski/spartacus-190x190.gif]

Pixel vergrössert:
[Blockierte Grafik: http://east-handel.de/images/pixelgrafik01cols2cols2.gif]

Vektorgrafik:
- http://de.wikipedia.org/wiki/Vektorgrafik
Grafikformate: .eps (und weitere)

Vektorgrafiken bestehen nicht aus kleinen Bildpunkten, sondern aus Farbflächen die ein bestimmtes Grössenverhältnis haben. Sie lassen sich ohne Qualitätsverlust vergrössern und verkleinern. Vektorgrafiken kann man nur mit speziellen Programmen bearbeiten die vektororientiert sind. Wenn man die Vektorgrafik mal fürs Web oder so abspeichert dann wird es wieder in ein Pixelbild umgewandelt. Die Quelldatei bleibt aber ein Vektorbild.

Vektorgrafiken werden zb. für Logos eingesetzt.
Vektorgrafiken erstellt man mit Vektorprogrammen, in einem Prozess bei dem man entweder einfach das Vektorbild zeichnet oder eine Pixelgrafik als Vorlage nimmt und dieses vektorisiert. Dabei ersetzt man Stück für Stück die Teile der Pixelgrafik mit Vektorelemente (Polygone, Kreise usw.)

- Vektortutorial - Programmabhängig, am besten googlen
- Vektoreffekt

Erklärung:
[Blockierte Grafik: http://design.emu.dk/billeder/artik/00/02-vektor.gif]

Vektorgrafik:
[Blockierte Grafik: http://www.endesk.com/files/users/10019/thumb_VectorFace.jpg]
(kommt noch ein besseres)

# Was gibt es für Grafikprogramme
Die Grafikprogramme werden auch nach Pixel und Vektor unterscheidet.

Pixelorientierte:
- Adobe Photoshop
- Macromedia Fireworks
- Photoimpact
- Paint Shop Pro
- GIMP

Vektororientierte:
- Adobe Illustrator
- Macromedia Freehand
- Inkscape

3d Programme:
- Cinema 4d
- 3dmax
- Blender
- Maya

# Wo bekomme ich ein gratis Grafikprogramm?
Das oben erwähnte GIMP ist Freeware und Opensoure.
- Offizielle Webseite
- GIMP Deutsch
- Deutsches GIMP Handbuch

Inkscape - Freeware und Opensoure.
- Offizielle Webseite
- Inkscape Deutsch
- Inkspace Wiki

Für 3d Grafiken ist Blender zu empfehlen, ist auch Freeware und Opensource.
- Offizielle Webseite
- Blender Deutsch
- Blender Dokumentation

# Wie/Womit erstelle ich ein animiertes Bild?
Eine gif Animation ist einen Ablauf von mehreren Bildern, diese einzelnen Bilder werden Frames genannt.

Programme:
- Adobe ImageReady
- GIMP
- Macromedia Fireworks
- Animation Shop 3
- Ani-maker
- GIF Animator

Wie genau ein animiertes gif erstellt wird kommt aufs Programm an. Am besten ein Tutorial suchen (http://www.google.de -> gif tutorial + programmname) oder das Handbuch lesen.

[Blockierte Grafik: http://www.hal-pc.org/~bsilverm/images/Simple%20Animation.gif]

Anmkerung:
Eine Webseite vollgepflastert von irgendwelchen gifs wird nicht sehr geschätzt. Beim Webdesign gilt "weniger ist mehr". Gif's kann man zb. für Kurzerklärungen oder Navigationsbuttons sinnvoll einsetzen. Aber Webseiten wo auf jeder Seite animierte Bildern von Sonnen, Grafiken, "Welcome" werden nicht gern gesehen.

# Darf ich Grafiken/Webdesigns kopieren?
Nein! Wenn sie nicht von dir sind musst du dir die Erlaubnis einholen.

# Wie erstelle ich ein Webdesign?
Da kann man keine einfache Antwort geben. Wie bei vielen Dingen: Übung macht Meister
Es gilt zu beachten dass man ein Design nicht grösser als 800x600 machen sollte damit man es bei allen Auflösungen betrachten kann.

Vorgehensweise:
- Webdesign in einem Grafikprogramm erstellen
- überlegen was alles mit HTML / CSS umgesetzt werden kann (Farbflächen, Navigation etc.)
- die Teile Ausschneiden die man fürs Design braucht (zb. Header usw.)
- das Design mit HTML / CSS verarbeiten

Am besten ist es wenn das Design sich den Auflösungen der User anpasst. Also möchlichst wenig Grafiken brauchen (Überschriften, Navigation usw. alles mit HTML / CSS machen).

# Wie schneide ich ein Bild aus?
Kommt etwas aufs Programm an. Aber die meisten Grafikprogramme haben einen Radiergummi, ein Auswahlwerkzeug und ein Zauberstab. Damit kann man sich die überflüssige stellen löschen. Um diesen Bereich dann noch transparent zu machen muss man noch die Hintergrundebene löschen.

Mit Photoshop kann man sehr sauber ausschneiden mit der "extrahieren" Funktion.
- Photoshop extrahieren-Tutorial

# Bild als Hintergrund?
Wie und ob man ein Bild als Hintergrund nehmen kann unterscheidet sich von der "Bauart" der Webseite.
Denkt dran dass ein Hintergrundbild nur bei einer Auflösung richtig angezeigt wird! Die bessere Variante ist ein Hintergrund der sich wiederholen lässt - zb. ein Muster:

[Blockierte Grafik: http://www.squidfingers.com/patterns/patterns/img_136.gif]

- Alles zu HTML/CSS und Hintergrundbilder

Frames:
Bei Frames muss man das Bild "zerschneiden" mit einem Grafikprogramm und dann die einzelnen Teile jeweils beim richtigen Frame als Hintergrund setzen. Dies macht man am besten mit CSS - entweder im Stylesheet:

Code

body {
  /* pfad zum bild */
  background-image: url('ordner/bildname.jpg');
  /* verhindert das mitscrollen des Bildes */
  background-attachment: fixed;
  /* verhindert dass sich das Bild wiederholt */
  background-repeat: no-repeat;
}

oder direkt im <body> tag der HTML Datei:

Code

<body style="background-image: url('ordner/bildname.jpg'); background-attachment: fixed; background-repeat: no-repeat;">

Tabellen:
Funktioniert eigentlich ähnlich wie bei den Frames, ausser dass man dann die einzelnen Teile des Bildes als Hintergrundgrafik der Tabellenzellen nimmt. Das funktioniert gleich wie oben, einfach td anstatt body nehmen (je nach Layout kann man das Bild auch einfach ohne zerschneiden als body Hintergrund nehmen und die Zellen transparent lassen):

Code

<td style="background-image: url('ordner/bildname.jpg'); background-attachment: fixed; background-repeat: no-repeat;">

man kann das natürlich auch wieder im Stylesheet definieren.

CSS Layout:
Wenn ihr ein Layout mit CSS schafft dann wisst ihr auch wie man ein Hintergrundbild einfügt
und auch dass sich Hintergrundbilder bei CSS Layouts nicht eignen.

Schlusswort:
Ich hoffe dieser Thread hilft bei einfachen Fragen weiter. Bei Fragen zu diesem Thread einfach eine Antwort schreiben und es wird sicher jemand helfen können.

so long

phore

mit flash könnte man es noch - so wie auf youtube.com zb.
kenne mich aber mit flas nicht besonders aus.

phore

ja hab ich mir vorgenommen. ich erstelle dann mal einen.

phore

gimp, gimp und nochmal gimp.
die frage wird hier jeden tag 2x beantwortet

phore

-> google
-> schattenbaum.net
-> php.net

phore

1. script suchen oder schreiben mit dem man eine txt datei lesen kann
2. in der schleife vom oben genannten script sowas einbauen:

Code

if ($string == $array[1]) {
  return false;
}

$array[] ist das array von dem script von 1.
so long

phore

nein das geht nicht.

phore

so sollte es stimmen:

PHP

<?php
  $selAlbumId = "SELECT `album_id` FROM 'fusion_photo_albums'";
  $getAlbumId = mysql_query($selAlbumId);


  while ($row = mysql_fetch_array($getAlbumId)) {
    if (strlen($row['album_id']) != 3) {
      $newId = "0".$row['album_id'];
      $updAlbumId = "UPDATE `fusion_photo_albums` SET `album_id` = '$newId' WHERE `album_id` = ".$row['album_id']."";
      mysql_query($updAlbumId);
    }
  }
?>

Alles anzeigen

phore

probiers mal so:

Code

while ($row = mysql_fetch_row($getAlbumId)) {
  if (str_len($row['album_id']) != 3) {
    echo $row['album_id'];
  } 
}

wenn er keine zahl ausgibt dann poste mal deinen aktuellen code.

Zitat

Da vorher das problem einfach nur bei falschen anführungszeichen lag hab ich auch hier alles durchprobiert. von ' über ` und ´ bis zu ".
bringt entweder ganz andere fehler oder eben wieder die selben.

nein - das gäbe keinen solchen fehler. tabellennamen und spalten werden ohne oder mit `` geschrieben, und werte mit ' ' - zahlen brauchen gar nichts.

Zitat

wenn ich allerdings das .$row[] entfernen arbeitet er das script durch ohne einen fehler auszugeben. allerdings ist in der db kein eintrag geändert worden.

logisch - dann weiss er ja auch nicht was er updaten soll.

Zitat

aber so wie ich das verstehe wird doch in zeile
while ($row = mysql_fetch_row($getAlbumId)) {
festgelegt das die variable $row das umgedrehte ergebnis von $getAlbumId ist.
dachte mir deshalb das ein $row['album_id'] dann ja doppelt gemoppelt ist, da row ja schon mit der album_id definiert wurde. oder versteht ich da was falsche

nein nein - so liest man einfach eine mysql datenbank aus. die zeile bedeutet einfach dass im array $row alle werte der aktuellen reihe in der db kommen.

so long

phore

dort wo du den film willst.

ja kann man - .mov ist aber eigentlich gar nicht schlecht fürs internet.

phore

dann sind es wohl .mov dateien.
lad sie einfach ganz normal per ftp hoch und baue sie so ein:

Code

<embed SRC="videos/deinfilm.mov" AUTOPLAY="true" CONTROLLER="true" WIDTH="breite" HEIGHT="höhe" PLUGINSPAGE="http://www.apple.com/quicktime/download/"></embed></object>

so long

phore

bei solchen fehler stimmt meist was am sql nicht.

Code

$selAlbumId = "SELECT `album_id` FROM 'fusion_photo_albums'";

ist falsch - fusion_photo_albums ist ja die tabelle und nicht ein wert - wird also nicht mit '' eingebaut sondern ohne hochkomma's oder mit ``

also so:

Code

$selAlbumId = "SELECT `album_id` FROM `fusion_photo_albums`";

viel spass

phore

kenn ich (wie immer hehe)

phore

wie wärs mit url oder code?

phore

wenn du es einfach machen willst
: link

etwas ähnliches kann man mit flash noch einfacher machen..kA ob du flash hast?

und wenn du es richtig machen willst musst du vektor lernen. gibt genug tutorials die das erklären. das geht mit programmen wie freehand oder adobe illustrator.

so long

phore

pfffffff

schöner urlaub!

phore

ich bin damals einfach einen ganzen nachmittag rumgefahren und hab überall angehalten wo ich dachte die könnten evtl. eine aushilfe brauchen
mit genug geduld hats funktioniert.

so long

phore

hallo.
ja das ist möglich. probiers mal mit diesem code:

Code

$selAlbumId = "SELECT `album_id` FROM `alben`";
$getAlbumId = mysql_query($selAlbumId);


while ($row = mysql_fetch_row($getAlbumId)) {
  if (str_len($row['album_id']) != 3) {
    $newId = "0".$row['album_id'];
    $updAlbumId = "UPDATE `alben` SET `album_id` = '$newId' WHERE `album_id` = ".$row['album_id']."";
    mysql_query($updAlbumId);
  }
}

Alles anzeigen

ist halt nur pseudocode - habs nicht getestet. sollte aber zu schaffen sein mit meinem ansatz.
man könnte es natürlich mit functions() sauberer machen aber das reicht ja. wenn es nach dem ersten
durchgang immer noch id's gibt die nicht 3stellig sind lässt du das script einfach nochmal laufen.

achja - nächstes mal vorher überlegen wie du es mit den id's machen willst

so long

phore

mit schatten, spiegelungen und vor allem dodge & burn (nachbelichter, abwedler) schafft man das

Beiträge von phore

problem mit Linkname

Grafik FAQ - bitte lesen!

Kleine Videos hochladen?

Auschneiden

Auschneiden

mit eintrag in txt datei vergleichen

mit eintrag in txt datei vergleichen

Programm auf der hp

Datensätze auslesen, überprüfen und ändern

Datensätze auslesen, überprüfen und ändern

Kleine Videos hochladen?

Kleine Videos hochladen?

Datensätze auslesen, überprüfen und ändern

das böse klopfen...

Das erste Bild kommt, das zweite nicht (beide JPG)

COMICFIGUREN

@ Ronald

Nebenverdienst?!?!

Datensätze auslesen, überprüfen und ändern

-> "3D LOGOTYPES"?