Flex
Senior Moderator
Äh ja richtig, das sollte nur eine Bildergalerie sein auf dieser Seite in der einen Tabelle.
Fotos mit Rahmen und Schlagschatten versehen und automatisieren
Diskutiere Fotos mit Rahmen und Schlagschatten versehen und automatisieren im Web & Grafik Forum im Bereich Internet & Telekomunikation Forum; Äh ja richtig, das sollte nur eine Bildergalerie sein auf dieser Seite in der einen Tabelle.
T
TrµMAn
Bekanntes Mitglied
ok dann lass mich mal basteln damit du NICHTS anderes mehr eintrage must außer dem teil in den Head-tags
Flex
Senior Moderator
WOW!! Okay, gerne!!
Und Danke schon mal für Deine Mühen!!
Und Danke schon mal für Deine Mühen!!
T
TrµMAn
Bekanntes Mitglied
und wieder merke ich wie wenig ich davon in den 1 1/2 wochen verstanden habe. Ich traue CSS einfach zu viel zu ^^
Also ich muss sagen, es tut mir leid, leider finde ich keine Möglichkeit, die dir das einbinden der einzelnen <div>-Boxen ersparrt ... naja wieder was gelernt
Also ich muss sagen, es tut mir leid, leider finde ich keine Möglichkeit, die dir das einbinden der einzelnen <div>-Boxen ersparrt ... naja wieder was gelernt
Flex
Senior Moderator
Kein Problem TryMAn, trotzdem vielen Dank für deine Bemühungen. Zumindest haste schon mal um einiges mehr Anhung von CSS als ich, aber ich bin immer wieder am Lernen 
Ansonsten werde ich das per Photoshop lösen, das würde mir auch genügen.
Das einzigste, was mich hier noch bisschen stört, wäre der weiße Rand links und oben - vielleicht kennz hier noch jemand eine Möglichkeit wie man diesen auch bei einer Automatisierung weg bekommt.
Der Ablauf von amihandot ist schon fast perfekt, nur noch der weiße Rand links und oben sollte weg!!
Ansonsten werde ich das per Photoshop lösen, das würde mir auch genügen.
Das einzigste, was mich hier noch bisschen stört, wäre der weiße Rand links und oben - vielleicht kennz hier noch jemand eine Möglichkeit wie man diesen auch bei einer Automatisierung weg bekommt.
Der Ablauf von amihandot ist schon fast perfekt, nur noch der weiße Rand links und oben sollte weg!!
fellon
Bekanntes Mitglied
- Dabei seit
- 04.05.2003
- Beiträge
- 3.520
- Reaktionspunkte
- 0
Du stellt die Vergrößerung der Arbeitsfläche so ein, dass sie nur nach unten und rchts wirkt.
Dazu klinkst du im Dialogfenster mit den Größenangaben auf den Pfeil der nach links oben zeigt. Dann siehst du, wie sich die pfeile neu anordnen nach recht, rechts unten und unten.
Das war die ganze Magie.
Probier das mal mit einem Bild, wenn du das hinbekommst, dann einfach den Spaß als Aktion aufnehmen. Das wars.
Wenns noch Fragen gibt, stellen.
Dazu klinkst du im Dialogfenster mit den Größenangaben auf den Pfeil der nach links oben zeigt. Dann siehst du, wie sich die pfeile neu anordnen nach recht, rechts unten und unten.
Das war die ganze Magie.
Probier das mal mit einem Bild, wenn du das hinbekommst, dann einfach den Spaß als Aktion aufnehmen. Das wars.
Wenns noch Fragen gibt, stellen.
T
TrµMAn
Bekanntes Mitglied
mir fallen jetzt grade noch 2 Sachen ein:
1. Denke ich das man soetwas besser mit CSS lösen sollte, da jemand, der sich ein paar der Bilder (egal ob gewünscht oder nicht) herunterläd erstmal die Ramen entfehrnen müsste
2. Es wird, sobald sich CSS 3 in allen Browsern eingenistet hat, einen vereinfachten Befehl geben, der es ganz einfach macht, einen Schatten an objekte zu legen! Box-shadow
da sähe der code dann einfach nur so aus:
1. Denke ich das man soetwas besser mit CSS lösen sollte, da jemand, der sich ein paar der Bilder (egal ob gewünscht oder nicht) herunterläd erstmal die Ramen entfehrnen müsste
2. Es wird, sobald sich CSS 3 in allen Browsern eingenistet hat, einen vereinfachten Befehl geben, der es ganz einfach macht, einen Schatten an objekte zu legen! Box-shadow
da sähe der code dann einfach nur so aus:
Code:
td img {
box-shadow:8px 8px 8px 8px #666;
}
amihandot
Bekanntes Mitglied
Du stellt die Vergrößerung der Arbeitsfläche so ein, dass sie nur nach unten und rchts wirkt.
Dazu klinkst du im Dialogfenster mit den Größenangaben auf den Pfeil der nach links oben zeigt. Dann siehst du, wie sich die pfeile neu anordnen nach recht, rechts unten und unten.
Das war die ganze Magie.
Geht auch nicht so ganz - er will ja links und oben den Rand haben und dafür wird eine etwas vergrößerte Arbeitsfläche in die beiden Richtungen benötigt.
Aber man kann ja entweder
1. zwei mal Vergößern: erst nach allen Seiten z.B. 3 Pixel für den Rand und anschließend noch nach rechts und unten für den Schlagschatten oder
2. So machen wie bisher und zum Schluss den Rand links und oben einfach wieder mit dem "Ausschneiden-Werkzeug" entfernen.
Ich denke aber für eine Aktion ist die erste Methode besser.
Grüße
ami
fellon
Bekanntes Mitglied
- Dabei seit
- 04.05.2003
- Beiträge
- 3.520
- Reaktionspunkte
- 0
Muss nicht sein.
Wenn der Rand innen oder mittig gesetzt wird, braucht man nur die Arbeitsfläche in die Richtungen vergrößern, die auch den Schlagschatten darstellen.
Aber hast recht, dass hatte ich vergessen zu beachten.
Ich habe aber das Gefühl, dass Flex hier nicht ganz durchsteigen wird.
Oder geht das in Ordnung für dich?
Wenn der Rand innen oder mittig gesetzt wird, braucht man nur die Arbeitsfläche in die Richtungen vergrößern, die auch den Schlagschatten darstellen.
Aber hast recht, dass hatte ich vergessen zu beachten.
Ich habe aber das Gefühl, dass Flex hier nicht ganz durchsteigen wird.
Oder geht das in Ordnung für dich?
Flex
Senior Moderator
Hehe LOL... also die zweite Methode, das mit dem "Ausschneiden Werkzeug" bzw. freistellen, das klappt ja nur manuell, aber automatisieren kann man das wohl nicht, da jedes Bild ja eine andere Größe hat.
Aber bissal verwirrt hats mich jetzt doch, denn amihandot schreibt, ich will links und oben einen Rand haben? Nein, das will ich eigentlich nicht, einen Rahmen ja, aber keinen Rand.
Ich versuch mich jetzt ein bisschen mal mit den neuen Tips die Ihre geschrieben habt und wenn's nicht klappt, dann frag ich euch Photoshop-Profis nochmal
@TryMAn
Ja, schön wärs, wenn CSS3 schon überall laufen würde... aber der neue CSS-Befehl klingt sehr vielversprechend!
Aber bissal verwirrt hats mich jetzt doch, denn amihandot schreibt, ich will links und oben einen Rand haben? Nein, das will ich eigentlich nicht, einen Rahmen ja, aber keinen Rand.
Ich versuch mich jetzt ein bisschen mal mit den neuen Tips die Ihre geschrieben habt und wenn's nicht klappt, dann frag ich euch Photoshop-Profis nochmal
@TryMAn
Ja, schön wärs, wenn CSS3 schon überall laufen würde... aber der neue CSS-Befehl klingt sehr vielversprechend!
amihandot
Bekanntes Mitglied
Ja, stimmt... Vielleicht sollte ich etwas langsamer schreiben, dann verwirre ich nicht als die Leute...
Ich meinte natürlich, dass du oben und links den Rahmen möchtest, nicht den Rand
Grüße
ami
Ich meinte natürlich, dass du oben und links den Rahmen möchtest, nicht den Rand
Grüße
ami
T
TrµMAn
Bekanntes Mitglied
ich habs nur kurz überflogen, es klappt auch jetzt schon mit dem Firefox ab version 3.5
Code:
img {
-moz-box-shadow: 8px 8px 8px 8px #666;
}Flex
Senior Moderator
@amihandot
Ja genau, so stimmts wieder!
@TryMAn
Beim IE wird es wohl wahrscheinlich erst ab Version 8 gehen, vermute ich mal...
Ja genau, so stimmts wieder!
@TryMAn
Beim IE wird es wohl wahrscheinlich erst ab Version 8 gehen, vermute ich mal...
T
TrµMAn
Bekanntes Mitglied
leider nicht, ich verwende den IE8 zum validieren von Websites ... leider gibt es dort noch kein box-shadow ...
Flex
Senior Moderator
Oh, das ist ja schwach!! Typisch Microsoft
themeniac
nicht zu ändern
Hast du eventuell
ImageMagick
aufm Server laufen?
ImageMagick
aufm Server laufen?
Flex
Senior Moderator
Äh nein, was ist das?
Flex
Senior Moderator
Stimmt, meinte mit "Bühne" natürlich "Arbeitsfläche". Hatte das mit Flash verwechselt...
Hier nochmal eine ausführliche Anleitung:
1. Arbeitsfläche zu allen Seiten um ein paar Pixel vergrößern (in diesem Fall 10 Pixel)
2. Die Bild-Ebene makieren und unten über "Ebenenstil hinzufügen --> Kontur" einen Rahmen erstellen
3. Nun über "Ebenenstil hinzufügen --> Schlagschatten" einen Schlagschatten mit den gewünschten Einstellungen erstellen.
4. Wenn man das Bild nun auf einen weißen Hintergrund setzt, sieht es aus, wie es gewünscht war
Das dürfte nun verständlich sein...
Grüße
ami
Zu deiner Anleitung hätte ich noch ein paar Sachen:
1. Man muss ja erstmal aus dem Hintergrund eine Ebene machen und dann die Arbeitsfläche vergrößern - richtig?
2. Der Kontor muss ich die Position "Innen" geben, wenn ich die Arbeitsfläche nur nach rechts und unten vergrößere, da sonst die Kontur oben und links nicht zu sehen ist.
3. Wie erstellst du die zweite Ebene mit der weißen Hintergrundfarbe? Einfach mit dem Füllenwerkzeug die neue Ebene mit weiß auffüllen - oder gibts hier eine kürzere Methode?
amihandot
Bekanntes Mitglied
1. Jop, sonst wird der Rest deines Bildes mit weiß aufgefüllt, was du ja nichts möchtest.
2. Ebenfalls richtig. Wenn du "Mitte" wählst siehst du zwar auch was, aber das macht ja in dem Fall hier keinen Sinn, weil es links und oben dann nur halb so dick zu sehen wäre wie rechts und unten....
3. Du kannst auch "Strg + Shift + N" drücken und in dem Dialog dann als Farbe "weiß" auswählen, aber ich weiß nicht, ob das schneller geht...
Grüße
ami
Grüße
ami
2. Ebenfalls richtig. Wenn du "Mitte" wählst siehst du zwar auch was, aber das macht ja in dem Fall hier keinen Sinn, weil es links und oben dann nur halb so dick zu sehen wäre wie rechts und unten....
3. Du kannst auch "Strg + Shift + N" drücken und in dem Dialog dann als Farbe "weiß" auswählen, aber ich weiß nicht, ob das schneller geht...
Grüße
ami
Grüße
ami
Flex
Senior Moderator
Ok danke dir!
zu 3. Das mit der Tastenkombi klappt, aber ich kann bei Farbe nicht "weiß" wählen, was mach ich hier falsch? Geht nur "ohne" oder "rot" "orange" "gelb" "grau" "violett" usw. aber nicht weiß... ??
zu 3. Das mit der Tastenkombi klappt, aber ich kann bei Farbe nicht "weiß" wählen, was mach ich hier falsch? Geht nur "ohne" oder "rot" "orange" "gelb" "grau" "violett" usw. aber nicht weiß... ??
Thema:
