Spacing between tiles on a watermark

[dekay14]

Hello,
I am trying to create a watermark using Text and I am using the following example. As you can see below the label text is pretty long,(actual use case has a much longer text). The tile needs to be at an angle of 45 degrees reading left to right. I don't seem to understand why the spacing between the tiles increase as the length of the text increases. How can I configure the spacing between the tiles? Also, would this be the right approch if I have to alternate between fonts on the watermark? Appreciate any help.

magick logo.gif \ \( -background none -font Arial -pointsize 18 -fill grey \ label:"This is very long long long long long long long long label." -rotate -45 -write mpr:tile +delete \) \ \( +clone -tile mpr:tile -draw "color 0,0 reset" \) \ -compose over -composite wm_test.gif

Thank you!

[fmw42]

The spacing increases because of the rotation of the text image. You need to tile the text image before rotating.

Try this. Adjust the 30 on the splices to change the spacing.

magick logo: -set option:dims "%[fx:2*w]x%[fx:2*h]" \
\( -background none -font Arial -pointsize 18 -fill grey \
label:"This is very long long long long long long long long label." \
-write mpr:text +delete \) \
\( mpr:text -background none -gravity south -splice 0x30 \
-gravity east -splice 30x0 -write mpr:tile +delete \) \
\( -size "%[dims]" tile:mpr:tile -rotate -45 \) \
-gravity center -compose over -composite wm_test.gif

If you want different fonts, then make two text label: images and append them with space between using -smush and perhaps offset in x using -roll. Then tile that.

[dekay14]

Thanks @fmw42 ! the following worked for me. Not sure why we would need the use -roll though , I included the script with -roll as well, it seemed to have shifed the image a little bit.

magick logo.gif -set option:dims "%[fx:2*w]x%[fx:2*h]" \ \( -background none -font Arial -pointsize 18 -fill black \ label:"This is very long long long long long long long long label that is hard to display with in a image" \ -background none -font Arial -pointsize 18 -fill "rgba(0,0,0,0.5)" \ label:"This is very long long long long long long long long label that is hard to display with in a image" \ -smush 30 \ -write mpr:text +delete \) \ \( mpr:text -background none -gravity south -splice 0x20 \ -gravity east -splice 20x0 -write mpr:tile +delete \) \ \( -size "%[dims]" tile:mpr:tile -rotate -45 \) \ -gravity center -compose over -composite wm_logo_test.gif.jpg

magick logo.gif -set option:dims "%[fx:2*w]x%[fx:2*h]" -roll +25+0 \ \( -background none -font Arial -pointsize 18 -fill black \ label:"This is very long long long long long long long long label that is hard to display with in a image" \ -background none -font Arial -pointsize 18 -fill grey \ label:"This is very long long long long long long long long label that is hard to display with in a image" \ -smush 20 \ -write mpr:text +delete \) \ \( mpr:text -background none -gravity south -splice 0x20 \ -gravity east -splice 20x0 -write mpr:tile +delete \) \ \( -size "%[dims]" tile:mpr:tile -rotate -45 \) \ -gravity center -compose over -composite wm_logo_test1.gif.jpg

[fmw42]

Please put your code inside the <> tags so that it is more readable and copyable.

You should roll the second line of text and put some spaces after each line of text.

magick logo: -set option:dims "%[fx:2*w]x%[fx:2*h]" \
\( \
    \( -background none -font Arial -pointsize 18 -fill black \
         label:"This is very long long long long long long long long label that is hard to display with in a image.      " \) \
    \( -background none -font Arial -pointsize 18 -fill gray \
         label:"This is very long long long long long long long long label that is hard to display with in a image.      " -roll +50+0 \) \
-smush 20 -write mpr:text +delete \
\) \
\( mpr:text -background none -gravity south -splice 0x20 \
-write mpr:tile +delete \) \
\( -size "%[dims]" tile:mpr:tile -rotate -45 \) \
-gravity center -compose over -composite wm_logo_fred.png

[dekay14]

Thanks you so much!

[dekay14]

Hi @fmw42 ,
I am trying to figure out if I can have the text to be continues instead of repeating so that the text is not lost. As you can see some of the text is never displayed unless the resolution of image is large enough. Appreciate your advice.

Thanks!

[fmw42]

I do not know what you mean by contuous so that it is not lost? Lost in what sense? If you have very long text, you can do that provided it covers your image. However, once you rotate the image, there will be empty spaces at the corners, since ImageMagick rotate fills out the image to account for the increased size due to the rotation. Alternately, you would have to crop the image to the bounds of the text. Can you give me an example of the text you want to use for the image above?

So this is all that ImageMagick can do. It cannot fill to the corners.

magick logo: -set option:dims "%wx%h" \
\( -size "%[dims]" -background none -fill gray -gravity center \
caption:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." \) \
-compose over -composite \
-rotate -45 result.png

[dekay14]

The problem is the text size, I need to disply a very long text. The watermarking style does not change (alternating color, text aligned at 45 degree angle etc), the image with watermarking shown above from few weeks ago works just fine. It's the text, you see how each row in the alternating tiles is exactly aligned. This is causing certain part of text to be lost, there might be some text that will never be displayed (especially, text at the begining and end of the text). I am trying to figure out if there is a way for the text to roll over to the next tile, so there is some continuity and the text is not lost. Appreciate your help.

Thanks!

[fmw42]

I am not sure I understand what you want. Could mock up something in GIMP or PS to show me the kind of output you expect?

There is quite a bit strange about your code.

First, please use the <> keys to format your commands so that the end of line \ are at the end of line and so that you do not present your code in one line. Second, in IM 7, use magick, not magick convert and not convert. Third label: keys off -size and -background. So are creating text images from label: using -size 1000x1000, perhaps not what you want. Label: does not recognize xc:none. If you want a transparent background use -background none and specify a -size Wx or -size Hx -size WxH appropriate for the pointsize. Next, I think you may need to put each label: in separate set of parentheses. Label: creates a new image. So have to place each label: image onto your xc:none background image where desired. You either need to combine the two text images and then tile that or tile each separately and then overlay each onto your background image.

Bottom line, I just do not know what you want for the output to be able to correct your code or more likely write it from scratch. I think you are very far from having clean code.

[dekay14]

@fmw42 , Appologize for not providing the detailed context. The issue I was working on was to watermark an image which you help me with few months back. But now I am trying to see of I can do the same thing in a performant manner. To achive this, I would like to create a Text image with the watermarking text with 100% transperancy and use this to super impose on the actual jpeg file which needs watermarking.
Right now am just focused on the first part, which is to create the water marked text image as shown below:

here, as you can see the alternating text have different fonts and text. I am trying to use Label to achive this. Also each of these Label needs to be tiled (repeat itself). I tried leveraging what you had suggeseted last time but certainly looks like I am missing or not using the right commands to do this.

[fmw42]

You need to create two text images, one for each font and size. Then append them (or smush them if you want spacing). The do the same think as my top post on this page

magick logo: -set option:dims "%[fx:2*w]x%[fx:2*h]" \
\( \
\( -background none -font Arial -pointsize 18 -fill black label:"This Is Text1" \) \
\( -background none -font Candice -pointsize 24 -fill black label:"This Is Text2" \) \
+smush 30 -write mpr:text +delete \
\) \
\( mpr:text -background none -gravity south -splice 0x30 -gravity east -splice 30x0 -write mpr:tile +delete \) \
\( -size "%[dims]" tile:mpr:tile -rotate -45 \) \
-gravity center -compose over -composite wm_test.gif

I do not understand your comment about transparent text. If the text is transparent, you will not see it at all.

If you mean do the same on an image that is transparent, then replace logo: with -size WxH xc:none. HOWEVER, there seems to be a bug and a physical file needs to be created from the transparent image and piped. I suspect it has to do with the -set option.

magick -size 640x480 xc:none MIFF:- | magick - -set option:dims "%[fx:2*w]x%[fx:2*h]" \
\( \
\( -background none -font Arial -pointsize 18 -fill black label:"This Is Text1" \) \
\( -background none -font Candice -pointsize 24 -fill black label:"This Is Text2" \) \
+smush 30 -write mpr:text +delete \
\) \
\( mpr:text -background none -gravity south -splice 0x30 -gravity east -splice 30x0 -write mpr:tile +delete \) \
\( -size "%[dims]" tile:mpr:tile -rotate -45 \) \
-gravity center -compose over -composite wm_test2.gif

[dekay14]

Thank you @fmw42 , that code looks more like my inital post on Friday. I updated the code to use -smush to alternate the labels as shown below:

But why don't I get the same result when I try to change the output image to jpg rather than a gif? I just get an image with a black background when I change the output file format to jpg.
Also, why would the text be a bit grainy (doesn't seem clear, not sure if it's just me).

So, I was able to achive what I wanted though using the watermark command
magick composite -watermark 100% -gravity South wm_test2.gif The-Mickey-A-Baseball-Pro.jpg wm_logo2.jpg

and follwoing is the resulting image:

But still have few questions about the file format and the grainy-ness of the text. Thanks again Fred! Appreciate all your help.

[dekay14]

Also, what method would you prefer for applying watermarking, the above method where I created the watermark image and superimposed it on the actual image to watermark or or what we had suggested earlier:

magick logo.gif -set option:dims "%[fx:2*w]x%[fx:2*h]" -roll +25+0  \ 
\( -background none -font Arial -pointsize 18 -fill black  \ 
label:"This is very long long long long long long long long label that is hard to display with in a image"  \
-background none -font Arial -pointsize 18 -fill grey \ 
label:"This is very long long long long long long long long label that is hard to display with in a image"  \ 
-smush 20 \ -write mpr:text +delete \) \ \( mpr:text -background none -gravity south -splice 0x20 \ 
-gravity east -splice 20x0 -write mpr:tile +delete \)  \ 
\( -size "%[dims]" tile:mpr:tile -rotate -45 \) \ 
-gravity center -compose over -composite wm_logo_test1.gif.jpg

[snibgo]

I just get an image with a black background when I change the output file format to jpg.

You don't show the command that made that image, so we can only guess. Perhaps you write opaque black text on a transparent black background. JPG cannot record transparency.

Also, why would the text be a bit grainy (doesn't seem clear, not sure if it's just me).

Please show your command, and any input files.

[dekay14]

Hi @snibgo,
Following is the command, am just changing the output image format to a jpg instead of a gif:

magick -size 640x480 xc:none MIFF:- | magick - -set option:dims "%[fx:2*w]x%[fx:2*h]" \
\( \
\( -background none -font Arial -pointsize 18 -fill black label:"This Is Text1" \) \
\( -background none -font Candice -pointsize 18 -fill black label:"This Is Text2" \) \
-smush 30 -write mpr:text +delete \
\) \
\( mpr:text -background none -gravity south -splice 0x30 -gravity east -splice 30x0 -write mpr:tile +delete \) \
\( -size "%[dims]" tile:mpr:tile -rotate -45 \) \
-gravity center -compose over -composite wm_test3.jpg

resultant image:

regarding the text being grainy, here's the command :

magick -size 640x480 xc:none MIFF:- | magick - -set option:dims "%[fx:2*w]x%[fx:2*h]" \
\( \
\( -background none -font Arial -pointsize 18 -fill black label:"This Is Text1" \) \
\( -background none -font Candice -pointsize 18 -fill black label:"This Is Text2" \) \
-smush 30 -write mpr:text +delete \
\) \
\( mpr:text -background none -gravity south -splice 0x30 -gravity east -splice 30x0 -write mpr:tile +delete \) \
\( -size "%[dims]" tile:mpr:tile -rotate -45 \) \
-gravity center -compose over -composite wm_test.gif

Thank you!

[fmw42]

With regard to the JPG output, you are creating your text on a transparent background and trying to save it as JPG. JPG does not support transparency and the result will be totally black. If you want it to show on JPG, you must composite it onto an opaque background image before saving to JPG. So you either must do it at one time onto some other image, or save using PNG or GIF on transparent background and then later composite it over some other background. If the background is opaque, you can save as JPG; otherwise, save as PNG or GIF or TIF