Hallo!

Hat jemand von euch Erfahrungen mit Masken (abgerundete Ecken) im
GIFBUILDER, und dann einem nachträglichen Schlagschatten? Das Ergebnis
der ersten Operation müsste in PNG Form vorliegen, damit man den
Schlagschatten durch die "transparenten" spitzen Ecken hindurchsieht.

Ich habe im Web TS Beispiele für beide Operationen gefunden, aber ich
scheitere daran diese unter einen Hut zu bringen.

Runde Ecken:
tt_content.image.20.1.file >
tt_content.image.20.1.file {
import.current = 1
width.field = imagewidth
m.mask.import.cObject = IMG_RESOURCE
m.mask.import.cObject.file = GIFBUILDER
m.mask.import.cObject.file {
# Hier wird die dynamische Maske mit der gleichen größe wie das
aktuele
# Bild erstellt, aber mit runden Ecken.
XY = [10.w],[10.h]
format = png
# Da der "XY" Parameter keinen stdWrap hat, finden wir die größe
durch
# erneutes laden des Bilds herraus
10 = IMAGE
10.file {
import.current = 1
width.field = imagewidth
maxW = {$styles.content.imgtext.maxW}
maxW.override.data = register:maxImageWidth
maxWInText = {$styles.content.imgtext.maxWInText}
maxWInText.override.data = register:maxImageWidthInText
}
# Erstellen einer weißen Box der die ganze größe einnimmt
20 = BOX
20.dimensions = 0,0,[10.w],[10.h]
20.color = #FFFFFF

# Die Maske für die Ecke oben links setzen
30 = IMAGE
30.file = {$imagePath}cornermask_tl.gif
30.align = l,t

# Die Maske für die Ecke oben rechts setzen
40 = IMAGE
40.file = {$imagePath}cornermask_tr.gif
40.align = r,t

# Die Maske für die Ecke oben unten links
50 = IMAGE
50.file = {$imagePath}cornermask_bl.gif
50.align = l,b

# Die Maske für die Ecke oben unten rechts
60 = IMAGE
60.file = {$imagePath}cornermask_br.gif
60.align = r,b
}

# Die schnellste methode (empfohlen) ist ein statisches Bild wie
folgt zu verwenden:
# m.bgImg = {$imagePath}clear.gif

# Aber es kann auch dynamisch erstellt werden:
m.bgImg.import.cObject = IMG_RESOURCE
m.bgImg.import.cObject.file = GIFBUILDER
m.bgImg.import.cObject.file {
# Hier wird die dynamische bgMask erstellt
# Größe dieses Bildes ist unwichtig
XY = [10.w],[10.h]
format = png
10 = BOX
10.dimensions = 0,0,10,10
10.color = {$bgColor}
}
}




Schlagschatten:

tt_content.image.20.1.file >
tt_content.image.20.1.file = GIFBUILDER
tt_content.image.20.1.file {
XY = [10.w]+20,[10.h]+20
# The background color of the image/content
backColor = #ffffff
# Create a "dummy" image from the real image which is 20 pixel
# smaller than the set width.
10 = IMAGE
10 {
file.import.current = 1
file.width.stdWrap = 1
file.width.stdWrap.field = imagewidth
file.width.stdWrap.wrap = |-20
file.width.prioriCalc = intval
offset = 10,10
}
# Draw a black/gray box over the dummy image
20 = BOX
20.dimensions = 10,10,[10.w],[10.h]
# You have to set lib.shadowIntensity in your constants.
20.color = {$lib.shadowIntensity}
# Blur the black box
30 = EFFECT
30.value = blur=99 |
# Blur again if required (wider blurred edge/shadow)
# 31 < .30
# Put the image on top again at a slightly more left top position.
50 < .10
50.offset = 5,5
}

Hat jemand vielleicht einen Tip für mich?


Gruß

Peter
_______________________________________________
TYPO3-german mailing list
TYPO3-german (AT) lists (DOT) netfielders.de
http://lists.netfielders.de/cgi-bin/...o/typo3-german

hallo peter,

hast du die beiden seiten auch gesehen ?

http://www.typo3wizard.com/de/snippe...r-bildern.html
http://www.typo3wizard.com/de/snippe...he-masken.html

lg

Peter Jaraczewski schrieb:
> Hallo!
>
> Hat jemand von euch Erfahrungen mit Masken (abgerundete Ecken) im
> GIFBUILDER, und dann einem nachträglichen Schlagschatten? Das Ergebnis
> der ersten Operation müsste in PNG Form vorliegen, damit man den
> Schlagschatten durch die "transparenten" spitzen Ecken hindurchsieht.
>
> Ich habe im Web TS Beispiele für beide Operationen gefunden, aber ich
> scheitere daran diese unter einen Hut zu bringen.
>
> Runde Ecken:
> tt_content.image.20.1.file >
> tt_content.image.20.1.file {
> import.current = 1
> width.field = imagewidth
> m.mask.import.cObject = IMG_RESOURCE
> m.mask.import.cObject.file = GIFBUILDER
> m.mask.import.cObject.file {
> # Hier wird die dynamische Maske mit der gleichen größe wie das
> aktuele
> # Bild erstellt, aber mit runden Ecken.
> XY = [10.w],[10.h]
> format = png
> # Da der "XY" Parameter keinen stdWrap hat, finden wir die größe
> durch
> # erneutes laden des Bilds herraus
> 10 = IMAGE
> 10.file {
> import.current = 1
> width.field = imagewidth
> maxW = {$styles.content.imgtext.maxW}
> maxW.override.data = register:maxImageWidth
> maxWInText = {$styles.content.imgtext.maxWInText}
> maxWInText.override.data = register:maxImageWidthInText
> }
> # Erstellen einer weißen Box der die ganze größe einnimmt
> 20 = BOX
> 20.dimensions = 0,0,[10.w],[10.h]
> 20.color = #FFFFFF
>
> # Die Maske für die Ecke oben links setzen
> 30 = IMAGE
> 30.file = {$imagePath}cornermask_tl.gif
> 30.align = l,t
>
> # Die Maske für die Ecke oben rechts setzen
> 40 = IMAGE
> 40.file = {$imagePath}cornermask_tr.gif
> 40.align = r,t
>
> # Die Maske für die Ecke oben unten links
> 50 = IMAGE
> 50.file = {$imagePath}cornermask_bl.gif
> 50.align = l,b
>
> # Die Maske für die Ecke oben unten rechts
> 60 = IMAGE
> 60.file = {$imagePath}cornermask_br.gif
> 60.align = r,b
> }
>
> # Die schnellste methode (empfohlen) ist ein statisches Bild wie
> folgt zu verwenden:
> # m.bgImg = {$imagePath}clear.gif
>
> # Aber es kann auch dynamisch erstellt werden:
> m.bgImg.import.cObject = IMG_RESOURCE
> m.bgImg.import.cObject.file = GIFBUILDER
> m.bgImg.import.cObject.file {
> # Hier wird die dynamische bgMask erstellt
> # Größe dieses Bildes ist unwichtig
> XY = [10.w],[10.h]
> format = png
> 10 = BOX
> 10.dimensions = 0,0,10,10
> 10.color = {$bgColor}
> }
> }
>
>
>
>
> Schlagschatten:
>
> tt_content.image.20.1.file >
> tt_content.image.20.1.file = GIFBUILDER
> tt_content.image.20.1.file {
> XY = [10.w]+20,[10.h]+20
> # The background color of the image/content
> backColor = #ffffff
> # Create a "dummy" image from the real image which is 20 pixel
> # smaller than the set width.
> 10 = IMAGE
> 10 {
> file.import.current = 1
> file.width.stdWrap = 1
> file.width.stdWrap.field = imagewidth
> file.width.stdWrap.wrap = |-20
> file.width.prioriCalc = intval
> offset = 10,10
> }
> # Draw a black/gray box over the dummy image
> 20 = BOX
> 20.dimensions = 10,10,[10.w],[10.h]
> # You have to set lib.shadowIntensity in your constants.
> 20.color = {$lib.shadowIntensity}
> # Blur the black box
> 30 = EFFECT
> 30.value = blur=99 |
> # Blur again if required (wider blurred edge/shadow)
> # 31 < .30
> # Put the image on top again at a slightly more left top position.
> 50 < .10
> 50.offset = 5,5
> }
>
> Hat jemand vielleicht einen Tip für mich?
>
>
> Gruß
>
> Peter
_______________________________________________
TYPO3-german mailing list
TYPO3-german (AT) lists (DOT) netfielders.de
http://lists.netfielders.de/cgi-bin/...o/typo3-german

Hallo Leihla,

Ja habe ich. Das erste TS Beispiel ist unter dem 2. Link zu finden. Die
Informaton im 1. Link interpretiere ich so, daß ich kein
"SHADOW" Unterobjekt vom GIFBUILDER im 2. TS Beispiel verwende, sondern
dort eine Box generiert und mit blur versehen wird. Somit sieht es so
aus, als wenn das Bild einen Schlgschatten erführe. Die Sache mit der
PNG Transparenz ist dann nochmal ein anderes Thema. dazu habe ich
folgendes bereits gefunden:
http://www.rvantwisk.nl/index.php?id=49


Gruß

Peter



Leihla schrieb:
> hallo peter,
>
> hast du die beiden seiten auch gesehen ?
>
> http://www.typo3wizard.com/de/snippe...r-bildern.html
>
> http://www.typo3wizard.com/de/snippe...he-masken.html
>
> lg
>
> Peter Jaraczewski schrieb:
>> Hallo!
>>
>> Hat jemand von euch Erfahrungen mit Masken (abgerundete Ecken) im
>> GIFBUILDER, und dann einem nachträglichen Schlagschatten? Das Ergebnis
>> der ersten Operation müsste in PNG Form vorliegen, damit man den
>> Schlagschatten durch die "transparenten" spitzen Ecken hindurchsieht.
>>
>> Ich habe im Web TS Beispiele für beide Operationen gefunden, aber ich
>> scheitere daran diese unter einen Hut zu bringen.
>>
>> Runde Ecken:
>> tt_content.image.20.1.file >
>> tt_content.image.20.1.file {
>> import.current = 1
>> width.field = imagewidth
>> m.mask.import.cObject = IMG_RESOURCE
>> m.mask.import.cObject.file = GIFBUILDER
>> m.mask.import.cObject.file {
>> # Hier wird die dynamische Maske mit der gleichen größe wie das
>> aktuele
>> # Bild erstellt, aber mit runden Ecken.
>> XY = [10.w],[10.h]
>> format = png
>> # Da der "XY" Parameter keinen stdWrap hat, finden wir die größe
>> durch
>> # erneutes laden des Bilds herraus
>> 10 = IMAGE
>> 10.file {
>> import.current = 1
>> width.field = imagewidth
>> maxW = {$styles.content.imgtext.maxW}
>> maxW.override.data = register:maxImageWidth
>> maxWInText = {$styles.content.imgtext.maxWInText}
>> maxWInText.override.data = register:maxImageWidthInText
>> }
>> # Erstellen einer weißen Box der die ganze größe einnimmt
>> 20 = BOX
>> 20.dimensions = 0,0,[10.w],[10.h]
>> 20.color = #FFFFFF
>>
>> # Die Maske für die Ecke oben links setzen
>> 30 = IMAGE
>> 30.file = {$imagePath}cornermask_tl.gif
>> 30.align = l,t
>>
>> # Die Maske für die Ecke oben rechts setzen
>> 40 = IMAGE
>> 40.file = {$imagePath}cornermask_tr.gif
>> 40.align = r,t
>>
>> # Die Maske für die Ecke oben unten links
>> 50 = IMAGE
>> 50.file = {$imagePath}cornermask_bl.gif
>> 50.align = l,b
>>
>> # Die Maske für die Ecke oben unten rechts
>> 60 = IMAGE
>> 60.file = {$imagePath}cornermask_br.gif
>> 60.align = r,b
>> }
>>
>> # Die schnellste methode (empfohlen) ist ein statisches Bild wie
>> folgt zu verwenden:
>> # m.bgImg = {$imagePath}clear.gif
>>
>> # Aber es kann auch dynamisch erstellt werden:
>> m.bgImg.import.cObject = IMG_RESOURCE
>> m.bgImg.import.cObject.file = GIFBUILDER
>> m.bgImg.import.cObject.file {
>> # Hier wird die dynamische bgMask erstellt
>> # Größe dieses Bildes ist unwichtig
>> XY = [10.w],[10.h]
>> format = png
>> 10 = BOX
>> 10.dimensions = 0,0,10,10
>> 10.color = {$bgColor}
>> }
>> }
>>
>>
>>
>>
>> Schlagschatten:
>>
>> tt_content.image.20.1.file >
>> tt_content.image.20.1.file = GIFBUILDER
>> tt_content.image.20.1.file {
>> XY = [10.w]+20,[10.h]+20
>> # The background color of the image/content
>> backColor = #ffffff
>> # Create a "dummy" image from the real image which is 20 pixel
>> # smaller than the set width.
>> 10 = IMAGE
>> 10 {
>> file.import.current = 1
>> file.width.stdWrap = 1
>> file.width.stdWrap.field = imagewidth
>> file.width.stdWrap.wrap = |-20
>> file.width.prioriCalc = intval
>> offset = 10,10
>> }
>> # Draw a black/gray box over the dummy image
>> 20 = BOX
>> 20.dimensions = 10,10,[10.w],[10.h]
>> # You have to set lib.shadowIntensity in your constants.
>> 20.color = {$lib.shadowIntensity}
>> # Blur the black box
>> 30 = EFFECT
>> 30.value = blur=99 |
>> # Blur again if required (wider blurred edge/shadow)
>> # 31 < .30
>> # Put the image on top again at a slightly more left top position.
>> 50 < .10
>> 50.offset = 5,5
>> }
>>
>> Hat jemand vielleicht einen Tip für mich?
>>
>>
>> Gruß
>>
>> Peter
_______________________________________________
TYPO3-german mailing list
TYPO3-german (AT) lists (DOT) netfielders.de
http://lists.netfielders.de/cgi-bin/...o/typo3-german

Peter Jaraczewski schrieb am Thu, 17 Jul 2008 16:37:15 +0200:

> Hallo!
>
> Hat jemand von euch Erfahrungen mit Masken (abgerundete Ecken) im
> GIFBUILDER, und dann einem nachträglichen Schlagschatten? Das Ergebnis
> der ersten Operation müsste in PNG Form vorliegen, damit man den
> Schlagschatten durch die "transparenten" spitzen Ecken hindurchsieht.
>
> Ich habe im Web TS Beispiele für beide Operationen gefunden, aber ich
> scheitere daran diese unter einen Hut zu bringen.
>
> Runde Ecken:
[...]
>
>
> Schlagschatten:
[...]
>
> Hat jemand vielleicht einen Tip für mich?

keine Lösung, aber ein paar Ideen:

IMAGE- und GIFBUILDER-Objekte können ineinander geschachtelt werden: jede
Bildresource (Bildvorlage) kann genauso ein GIFBUILDER-Objekt sein, das
wieder andere Bildresourcen benutzt.

So kann man erst die runden Ecken anfügen, dann aus dem so erzeugten Bild
(GIFBUILDER-Objekt) eine Maske machen, die dann für den Schlagschatten
benutzt werden kann.

sicherlich recht komplex.


bernd
--
http://www.pi-phi.de/t3v4/cheatsheet.html
_______________________________________________
TYPO3-german mailing list
TYPO3-german (AT) lists (DOT) netfielders.de
http://lists.netfielders.de/cgi-bin/...o/typo3-german