website hilfe (vektor vs. pixel)

Sie sind hier

Letzter Beitrag
butterflyandelephant
Beiträge: 796
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]
SandraLe
Beiträge: 58
is das gemein und wir mussten das ganze als Assistenten 20seitig tun :cry:

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.
http://ledesignartwork.blogspot.com/
butterflyandelephant
Beiträge: 796
hm....sowas schwant mir auch...

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?
butterflyandelephant
Beiträge: 796
und noch ein problem hab ich!

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?!
SandraLe
Beiträge: 58
[quote="butterflyandelephant"]hm....sowas schwant mir auch...

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
http://ledesignartwork.blogspot.com/
SandraLe
Beiträge: 58
-->
http://ledesignartwork.blogspot.com/
SandraLe
Beiträge: 58
[quote="butterflyandelephant"]und noch ein problem hab ich!

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...
http://ledesignartwork.blogspot.com/
butterflyandelephant
Beiträge: 796
[quote="SandraLe"]

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!
SandraLe
Beiträge: 58
ich mein dass du dir erstma die css anweisung raus suchst, da gibts auch nen code bei dem was passieren soll wenn du über den Links fährst oder wenn du schon drauf geklickt hast.... wenn du zb. auf der startseite bild1(schwarze schrift) als link hast und auf der seite wo du dann rauskommst bild2(meinetwegen rote schrift) gibst du einfach in dem jeweiligen quelltext den ort des bildes an!

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
http://ledesignartwork.blogspot.com/
butterflyandelephant
Beiträge: 796
nee, also es geht garnicht um das schreiben der seite!

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 :?:
fragile
Beiträge: 18
von freehand nach photoshop geht auch per copy/paste ... dann sparst du dir den umweg über png.

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 =)
SandraLe
Beiträge: 58
Nur als Layout? Is ja wenn es mit der Farbveränderung fuktioniern soll dann quasi doch ne page... komisch :roll:

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
http://ledesignartwork.blogspot.com/
butterflyandelephant
Beiträge: 796
ja, das layout wird dann später schon auch geschrieben :) aber das soll erstmal komplett fertig sein, damit muss ich jedenfalls zur konsultation.

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]
SandraLe
Beiträge: 58
Ja, scheint am effektievsten 4 mal die startseite zu dublizieren(4mal dublizieren is auch geil) und dann nur die jeweiligen Navi-elemente zu ändern. Dann reicht dass ja auch wenn die links nichs funzen müssen und du zur Präsentation nur die ebenen ein- un ausblendest
http://ledesignartwork.blogspot.com/
SandraLe
Beiträge: 58
Achso und wenn du das Layout zur Konsultation nich als html zeigen musst sondern in Photoshop, dann kannst du die Startseite komplett auf einer Ebene speichern und die anderen Seiten jeweils als eine.. das Browserproblem tritt ja dann nicht auf...

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...
http://ledesignartwork.blogspot.com/
Cockroach
Beiträge: 72
Ich weiss jetzt nicht, welche Version Du von Photoshop benutzt, aber seit CS2 gibt es SmartObjects, wo man Vektorgrafiken verlustfrei in Photoshop nutzen kann.
[url=http://www.fahruz.org/Gelman/]japanisches Deutsch[/url]

Friends

  • Art Directors Club
  • Butter & Fisch
  • Designdidaktik
  • Designspotter
  • designweeks.net