website hilfe (vektor vs. pixel)
website hilfe (vektor vs. pixel)
Hallo ihr Lieben!
Um precore auch mal wieder abseits des Bilder-threads ernsthaft zu nutzen, werde ich euch in den kommenen Stunden und Tagen mit meinen "Hilfe-ich-bin-ein-Noob-und-muss-ne-website-machen-Fragen" überhäufen.
Zur Aufgabe: Eine 5-seitige website über ein Lieblingsobjekt. (HTML/CSS).
Ich wählte eine Corsage und sitze heute schon den ganzen Tag an der Gestaltung der Home/Eingangsseite.
Sooo fleissig war ich in Freehand & Illustrator und jetz is alles matschig! Klar, ich weiß um die Probleme, wenn man Vektor in Pixel einbinden will usw. Aber andere schaffen das ja auch halbwegs ordentlich.
Zur Vorgehensweise: Aus Freehand eine .png exportiert, in Photoshop CS2 platziert, Ergebnis siehe unten.
1. Ist das grundsätzlich der richtige Weg?
2. Würde es glatter, wenn ich versuche das mit den eingeschränkten Vektorfunktionen die PS bietet nochmal nachzuzeichnen?
3. Sonst irgendwelche Tips?
Danke schonma!
[img]http://www.aktfotoclub.de/afc/cpg/albums/userpics/precore.jpg[/img]
Um precore auch mal wieder abseits des Bilder-threads ernsthaft zu nutzen, werde ich euch in den kommenen Stunden und Tagen mit meinen "Hilfe-ich-bin-ein-Noob-und-muss-ne-website-machen-Fragen" überhäufen.
Zur Aufgabe: Eine 5-seitige website über ein Lieblingsobjekt. (HTML/CSS).
Ich wählte eine Corsage und sitze heute schon den ganzen Tag an der Gestaltung der Home/Eingangsseite.
Sooo fleissig war ich in Freehand & Illustrator und jetz is alles matschig! Klar, ich weiß um die Probleme, wenn man Vektor in Pixel einbinden will usw. Aber andere schaffen das ja auch halbwegs ordentlich.
Zur Vorgehensweise: Aus Freehand eine .png exportiert, in Photoshop CS2 platziert, Ergebnis siehe unten.
1. Ist das grundsätzlich der richtige Weg?
2. Würde es glatter, wenn ich versuche das mit den eingeschränkten Vektorfunktionen die PS bietet nochmal nachzuzeichnen?
3. Sonst irgendwelche Tips?
Danke schonma!
[img]http://www.aktfotoclub.de/afc/cpg/albums/userpics/precore.jpg[/img]
Ist aufjedenfall nen blödes Problem dass ich nur zu gut kenne, aber ich denk die Vektorexperten können dir helfen. Ich habs dann einfach so gelassen, hat sich keiner weiter dran gestört.
und überhaupt....was nutzt man eigentlich für schriftgrößen?
und: da wo jetzt links diese diese ösen zum schließen sind, das wird die navi. da steht dann, home, galerie, kontakt usw. nebendran.
wenn man das anklickt, soll es farbig werden. wie lege ich das in der gestaltung an? 5 einzelne ebenen, die jeweils an dieser stelle nen farbigen streifen haben?
ich hab in freehand wie in PS ne fläche von 800x600 pixeln bei 72 dpi eingestellt...das was ich aus freehand importiere ist im photoshop aber kleiner.......wtf?!
und überhaupt....was nutzt man eigentlich für schriftgrößen?
und: da wo jetzt links diese diese ösen zum schließen sind, das wird die navi. da steht dann, home, galerie, kontakt usw. nebendran.
wenn man das anklickt, soll es farbig werden. wie lege ich das in der gestaltung an? 5 einzelne ebenen, die jeweils an dieser stelle nen farbigen streifen haben?[/quote]
Würde die Navi als einzelne Button-Images erstellen und dann im Editor der jeweiligen Seite an der Stelle einbinden, aber kann auch sein dass das nich wirklich der effektivste Weg ist , bin mir nich sicher
ich hab in freehand wie in PS ne fläche von 800x600 pixeln bei 72 dpi eingestellt...das was ich aus freehand importiere ist im photoshop aber kleiner.......wtf?![/quote]
schau mal obs beides pixel(800x600) und dpi(72) sind, machma sins auch so schwachsinnsfehler dass ich einmal statt dpi, cm per inch habe, aber haste sicher schon gechekt. kann auch sein dass es wenn dus importierst auf die größe des objekts zugeschnitten wird wie es coreldraw tut wenn du ne jpg exportierst...
Leg doch mal en Rahmen auf die Außenkannte(kann ja auch nen weißer sein), so kannst du diesen Fehler beheben wenn es dieser ist...
Würde die Navi als einzelne Button-Images erstellen...[/quote]
ich stell mich bestimmt sehr blöd an, aber ich versteh nich wie du das meinst, ich hab kein bild vor meinem auge.
es gibt diese ösenelemente, dann gibt es daneben die schrift. das zusammen soll ein klickbarer button werden. das krieg ich ja auch hin. aber wenn man da klickt, soll es eben farbig unterlegt sein. und wie ich das gestalten/anlegen soll, weiß ich eben nicht.
ratschläge for dummies please :D
und danke schonmal!
Erstell am besten erstma eine Seite... diesen Quelltext kopierst du und änderst dann nur was auf den anderen seiten anders sein soll
Bin im erklären ne Niete, am besten nutzt du diesen Link, den hat uns unser Lehrer am ersten Tag gegebn und dann nix mehr gesagt, aber wir hams alle geschafft
http://de.selfhtml.org/
Was noch gut wäre ist ne DVD von VideotoBrain, ist zwar extrem lang, aber deutsch und gut gegliedert. Danach hab ich prima durchgeblickt
wir sollen ja erst das komplette layout der seite im photoshop fertig gestalten.
ich will einfach wissen, ob ich den farbigen bereich mit dem die navi-elemente bei klick/aktivität hinterlegt werden extra in ebenen anlegen muss oder wie oder was :?:
wenn png-export, dann "anti-aliasing" einstellung in freehand beachten ... steht standardmäßig auf 2, was dazu führen kann, dass es matschig wird.
als tipp vielleicht noch:
du hast sehr viel weiß in deinem screen ... das muss nicht teil der grafik sein. exportiere nur die einzelnen elemente und platziere sie in html (besser eigentlich mit css, aber das führt zu weit ...).
du hast zwar bisher nur knapp 35 kb, aber es gibt noch andere nachteile: eine webseite sieht auf jedem rechner mimimal anders aus, und mit genauer positionierung (wie im print) kannst du nicht rechnen. wenn also alles von EINEM grossen hintergrundbild abhängt, gibt's spätestens dann böse überraschungen, wenn ein user die schriftgröße verändert (was du nicht verhindern kannst) ... es verschiebt sich dann alles, und nur der hintergrund bleibt "stehen".
zur schrift: wenn du mit css arbeitest, sind 9 oder 10pt. ne gute lesegröße. idealerweise gibt man aber gar keine größe vor, sondern richtet sich nach den einstellungen des users (stichwort: em). das muss das layout natürlich abkönnen (siehe oben). dass es im web nur zwei verlässliche schriftarten gibt, weißt du ja wahrscheinlich (in css: sans-serif und serif). du kannst zwar andere angeben, aber die muss der user dann auch installiert haben (sonst sieht er nur seine standardschrift, was unter windows die schmucke "times" ist). grafischer text geht zwar, ist aber weder skalier- noch von suchmaschinen lesbar.
"richtiges" webdesign ist leider ein viel zu komplexes thema, um's "mal eben so" zu erklären. aber darauf kommt's bei design-studiengängen ja auch nicht an. in der praxis hast du eh entwickler für sowas, die sich mit dem code rumschlagen =)
Dann würd ich entweder nur auf eine Seite beschränken was ja auch das Ergebnis eines Layout hätte oder mehrere Seiten machen und in ImageReady zusammen schustern
Aufjedenfall so wies *fragile* sagt als einzelne Elemente, das mit der Änderung an den verschiedenen Bildschirmen ist sonst so heftig und ich wollts auch nich glauben, aber allein ne unterschiedliche Bildschirmauflösung reicht und die beabsichtigte Gestaltung der Page siegt aus wie nen zerdepperter Spiegel
also, dann speichere ich jedes objekt als einzelne ebene, hab ich das jetz richtig verstanden?
links den corsagenteil, rechts, den hintergrund, den haupttext, die naviworte.....
[img]http://www.aktfotoclub.de/afc/cpg/albums/userpics/precore02.jpg[/img]
Gemeint war dann im web das Ganze per Code zu platzieren(also den Ort genau angeben) und nicht wie im Photoshop ne punktuelle Plazierung zu wählen...