It is currently Thu Aug 20, 2026 1:51 am


All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  [ 38 posts ]  Go to page 1, 2  Next
Author Message
 Post subject: help me decipher the 'Satin' effect, pls
PostPosted: Sun Jan 27, 2013 1:07 pm  (#1) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2769
the last effect i didnt explain yet in my "make layerfx effects by hand" tutorial, was the 'Satin effect'

technically you achieve it by two duplicated blurred layers and offset them in opposite directions
in PS the intersection of the two offset layers cancel each other out, so that you mostly end up with a shadow kind of effect
you can see the construction and endresult here:
i used: Tahoma Bold 200px, Offset 20/20; -20/-20, on Multiply 60%, Gaussian Blur: 15
Attachment:
Satin EXP.png
Satin EXP.png [ 701.62 KiB | Viewed 3618 times ]


when you use the FX-Foundry Satin script, you get this layer with a layermask on top:
Attachment:
Satin-Mask.png
Satin-Mask.png [ 49.97 KiB | Viewed 3618 times ]


now i need your help because i just cant replicate the effect like this
i tried using three saved channels, two of them offset, but i dont know how to combine the selections to get the same endresult

here is part of the code for the FX-Foundry Satin script, maybe somebody can translate that for me into a mini-tutorial ?!
(let* (
        (old-bg (car (gimp-context-get-background)))
        (width (car (gimp-drawable-width layer)))
        (height (car (gimp-drawable-height layer)))
        (radians (/ (* 2 *pi* angle) 360))
        (x-offset (* offset-radius (sin radians)))
        (y-offset (* offset-radius (cos radians)))
        (layer-mode (cond ((= layer-mode 0) 3)
        ((= layer-mode 2) 0)
        (layer-mode)))
        (satin-layer1 (car (gimp-layer-new img width height RGBA-IMAGE
        "Satin Effect" 100 NORMAL-MODE)))
        (satin-layer2 (car (gimp-layer-new img width height RGBA-IMAGE
        "Satin Effect" 100 DIFFERENCE-MODE)))
        (satin-layer)
        (satin-mask1)
        (satin-mask2)
        (satin-mask3)

        (gimp-image-undo-group-start img)
        (gimp-image-add-layer img satin-layer1 -1)
        (gimp-image-add-layer img satin-layer2 -1)
        (gimp-drawable-fill satin-layer1 WHITE-IMAGE-FILL)
        (gimp-drawable-fill satin-layer2 WHITE-IMAGE-FILL)
        (gimp-selection-layer-alpha layer)
        (gimp-context-set-background '(0 0 0))
        (gimp-edit-fill satin-layer1 BG-IMAGE-FILL)
        (gimp-edit-fill satin-layer2 BG-IMAGE-FILL)
        (gimp-drawable-offset satin-layer1 FALSE OFFSET-BACKGROUND x-offset y-offset)
        (gimp-drawable-offset satin-layer2 FALSE OFFSET-BACKGROUND (- x-offset) (- y-offset))

        (set! satin-layer (car (gimp-image-merge-down img satin-layer2 EXPAND-AS NECESSARY)))
        (set! satin-mask1 (car (gimp-layer-create-mask satin-layer BLACK-MASK)))

        (gimp-layer-add-mask satin-layer satin-mask1)
        (gimp-edit-fill satin-mask1 WHITE-IMAGE-FILL)
        (gimp-selection-none img)
        ;(plug-in-colortoalpha 1 img satin-layer '(255 255 255))
        (if (eqv? invert? TRUE)
        (gimp-invert satin-layer))
        (gimp-edit-copy satin-layer)
        (set! satin-mask2 (car (gimp-floating-sel-anchor
        (car (gimp-edit-paste satin-mask1 0)))))
        ;replaced 2005-11-13
        ; (gimp-image-remove-layer-mask img satin-layer APPLY)
        (gimp-layer-remove-mask satin-layer APPLY)
        (set! satin-mask3 (car (gimp-layer-create-mask satin-layer BLACK-MASK)))

        (gimp-layer-add-mask satin-layer satin-mask3)
        (gimp-selection-layer-alpha layer)
        (gimp-edit-fill satin-mask3 WHITE-IMAGE-FILL)

        (gimp-selection-layer-alpha satin-layer)
        (gimp-context-set-background color)
        (gimp-edit-fill satin-layer BG-IMAGE-FILL)
        (gimp-selection-none img)
        (if (< 0 blur-radius)
        (plug-in-gauss-iir2 1 img satin-layer blur-radius blur-radius))
        (gimp-layer-set-opacity satin-layer opacity)
        (gimp-layer-set-mode satin-layer layer-mode)

        (gimp-image-set-active-layer img layer)
        (gimp-context-set-background old-bg)
        (gimp-image-undo-group-end img)
        (gimp-displays-flush)
        (list satin-layer)


Last edited by Esper on Sun Jan 27, 2013 4:43 pm, edited 1 time in total.

Share on Facebook Share on Twitter Share on Orkut Share on Digg Share on MySpace Share on Delicious Share on Technorati
Top
 Post subject: Re: help me decipher the 'Satin' effect, pls
PostPosted: Sun Jan 27, 2013 4:35 pm  (#2) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2769
so after trying for hours, i got this procedure:

01. type text
02. create white layer on top
03. alpha to select text
04. fill selection with black on white layer
05. duplicate layer
06. offset layers in opposite directions
07. set upper offset layer on mode 'Difference'
08. merge down
09. blur
10. apply color to alpha = white
11. gaussian blur
12. layermask from alpha selected text
13. set mode on satin layer to 'Multiply', reduce opacity


Top
 Post subject: Re: help me decipher the 'Satin' effect, pls
PostPosted: Sun Jan 27, 2013 4:49 pm  (#3) 
Offline
GimpChat Member
User avatar

Joined: Sep 22, 2012
Posts: 2089
Location: US
Esper wrote:
when you use the FX-Foundry Satin script, you get this layer with a layermask on top:
Attachment:
Satin-Mask.png


now i need your help because i just cant replicate the effect like this
i tried using three saved channels, two of them offset, but i dont know how to combine the selections to get the same endresult

here is part of the code for the FX-Foundry Satin script, maybe somebody can translate that for me into a mini-tutorial ?!


If I understood you correctly, it's a layer mask you're after.
FX Foundry is written in Scheme scripting language, and to see how and what it does, you can simply enter one by one the lines of the code inside Script-fu console in Filters>Script-Fu .


Top
 Post subject: Re: help me decipher the 'Satin' effect, pls
PostPosted: Sun Jan 27, 2013 5:05 pm  (#4) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2769
K1TesseraEna wrote:
If I understood you correctly, it's a layer mask you're after.
FX Foundry is written in Scheme scripting language, and to see how and what it does, you can simply enter one by one the lines of the code inside Script-fu console in Filters>Script-Fu .
no, its a mask with an added layermask, to be precise
and i think i found a way to replicate the script (see above)

i will have a look at the console - thanks K1te, thats very good advice !

here is my first result:
text with satin effect and contours
Attachment:
Satin_roundedSteps.png
Satin_roundedSteps.png [ 42.54 KiB | Viewed 3530 times ]
Attachment:
Satin deepCove & Sawtooth.png
Satin deepCove & Sawtooth.png [ 73.11 KiB | Viewed 3522 times ]


Top
 Post subject: Re: help me decipher the 'Satin' effect, pls
PostPosted: Sun Jan 27, 2013 7:09 pm  (#5) 
Offline
Script Coder
User avatar

Joined: Feb 18, 2011
Posts: 4826
Location: Bendigo Vic. Australia
Iccii's Satin script adds a shadow to the centre of text, the only thing I have changed is to make the layer-mode of the final top layer hardlight

Image

Image

_________________
Image
No matter how much you push the envelope, it'll still be stationery.


Top
 Post subject: Re: help me decipher the 'Satin' effect, pls
PostPosted: Mon Jan 28, 2013 12:42 pm  (#6) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2769
Graechan wrote:
Iccii's Satin script adds a shadow to the centre of text, the only thing I have changed is to make the layer-mode of the final top layer hardlight
im not sure what you are saying here ...

are you saying you made the text the way i described and then added a shadow on hardlight ?

how did you add the shadow ? what offset did you use ?


Top
 Post subject: Re: help me decipher the 'Satin' effect, pls
PostPosted: Mon Jan 28, 2013 2:20 pm  (#7) 
Offline
GimpChat Member
User avatar

Joined: Jan 10, 2013
Posts: 863
In examples below, was used plugin layerfx effects in Top image, and used shadows with offset by hand in botton image, and set mode to divide.

Image

I dont know what is satin... but was reading and so tried.

_________________
bbbbbbbbbbbImage
bbbbbbbbbbb Be patient, English is not my language.


Top
 Post subject: Re: help me decipher the 'Satin' effect, pls
PostPosted: Mon Jan 28, 2013 2:43 pm  (#8) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2769
something like this, Akros
http://psd.tutsplus.com/articles/tools/ ... yle-satin/


Top
 Post subject: Re: help me decipher the 'Satin' effect, pls
PostPosted: Mon Jan 28, 2013 6:20 pm  (#9) 
Offline
GimpChat Member
User avatar

Joined: Jan 10, 2013
Posts: 863
Esper,
Site super interesting, great tutorials. Although PS to serve as a guide for achieving the same with gimp. Thanks for the indication of reading! :bigthup

_________________
bbbbbbbbbbbImage
bbbbbbbbbbb Be patient, English is not my language.


Top
 Post subject: Re: help me decipher the 'Satin' effect, pls
PostPosted: Mon Jan 28, 2013 9:49 pm  (#10) 
Offline
Script Coder
User avatar

Joined: Feb 18, 2011
Posts: 4826
Location: Bendigo Vic. Australia
Esper now I get it

Image

_________________
Image
No matter how much you push the envelope, it'll still be stationery.


Top
 Post subject: Re: help me decipher the 'Satin' effect, pls
PostPosted: Tue Jan 29, 2013 2:44 am  (#11) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2769
Akros wrote:
Esper,
Site super interesting, great tutorials. Although PS to serve as a guide for achieving the same with gimp. Thanks for the indication of reading! :bigthup
i think the techniques are universal
PS just uses very sophisticated software to achieve the effect for maximum comfort

the interesting thing about layereffects is, they have a few things in common: using selection and inverted selections, blurring, moving (offset), modes, layermasks, alpha curves (contours)
its like somebody invented that all just by playing with these elements

satin is just a very advanced method of using inner shadow/shadow

Graechan wrote:
Esper now I get it

Image

i still dont, how did you make that ?


K1TesseraEna wrote:
FX Foundry is written in Scheme scripting language, and to see how and what it does, you can simply enter one by one the lines of the code inside Script-fu console in Filters>Script-Fu .
i tried that, but nothing happened at all
what am i doing wrong ??


Top
 Post subject: Re: help me decipher the 'Satin' effect, pls
PostPosted: Wed Feb 13, 2013 10:41 pm  (#12) 
Esper wrote:
here is part of the code for the FX-Foundry Satin script, maybe somebody can translate that for me into a mini-tutorial ?!

Are you still looking for this Esper?

1. Create "Text" layer
2. Add new "Satin Effect" layer in Normal Mode above Text layer.
3. Add new "Satin Effect 1" layer in Difference Mode above "Satin Effect" layer.
4. Fill "Satin Effect" layer with White.
5. Fill "Satin Effect 1" layer with White.
6. Alpha to Selection the "Text" layer
7. Set the Background colour to Black
8. Fill the selection on the "Satin Effect" layer.
9. Fill the selection on the "Satin Effect 1" layer.
10. Offset the "Satin Effect" layer by the calculated offset.
11. Offset the "Satin Effect 1" layer by the negative of the calculated offset.
12. Merge Down the "Satin Effect 1" layer into the "Satin Effect" layer.
13. Add a Black layer mask to the "Satin Effect" layer.
14. Select the layer mask and fill the selection with White.
15. Select None.
16. If Invert has been chosen Invert the "Satin Effect" layer. Colors->Value Invert ?
17. Copy the "Satin Effect" layer.
18. Paste it into the "Satin Effect" layer's mask.
19. Anchor the floating selection.
20. Apply the mask.
21. Create a new Black mask for the "Satin Effect" layer.
22. Alpha to Selection the "Text" layer
23. Fill the "Satin Effect" layer's mask with White
24. Alpha to Selection the "Satin Effect" layer.
25. Set the background colour to the chosen colour.
26. Fill the selection on the "Satin Effect" layer.
27. Select None.
28. Gaussian Blur the "Satin Effect" layer using IIR mode.
29. Set the Opacity of the "Satin Effect" layer.
30. Set the layer mode of the "Satin Effect" layer.

Cheers
fluffybunny


Top
 Post subject: Re: help me decipher the 'Satin' effect, pls
PostPosted: Thu Feb 14, 2013 6:36 am  (#13) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2769
yes i do
thanks fb !!! :clap

was just yesterday trying to decipher that damn code
great you wrote it down into some steps i can finally understand
will check it asap


Top
 Post subject: Re: help me decipher the 'Satin' effect, pls
PostPosted: Thu Feb 14, 2013 6:54 am  (#14) 
Offline
GimpChat Member
User avatar

Joined: Apr 07, 2010
Posts: 14182
I would like to achieve this: Image

_________________
Image


Top
 Post subject: Re: help me decipher the 'Satin' effect, pls
PostPosted: Thu Feb 14, 2013 7:01 am  (#15) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2769
you made that with PS, right ?


Top
 Post subject: Re: help me decipher the 'Satin' effect, pls
PostPosted: Thu Feb 14, 2013 7:04 am  (#16) 
Offline
GimpChat Member
User avatar

Joined: Apr 07, 2010
Posts: 14182
Yeah, right. No I took a scr shot of it from the link above. I love that affect

_________________
Image


Top
 Post subject: Re: help me decipher the 'Satin' effect, pls
PostPosted: Thu Feb 14, 2013 8:47 am  (#17) 
Offline
GimpChat Member
User avatar

Joined: Sep 24, 2010
Posts: 12834
World's smallest pattern and it's significant role in satin.

zipped the pattern and xcf file; the xcf file pretty much is the tut. Used the base image as the displacement for the pattern fill. Shown below are the 1x1 displacement and the 5x5 displacement examples (xcf is the 1x1 displacement). It's all about the moiré. Play with various opacities, colors, and displacement ratios until you get bored. :)

Attachment:
satin_1x1.png
satin_1x1.png [ 492.13 KiB | Viewed 2068 times ]


Attachment:
satin_5x5.png
satin_5x5.png [ 883.82 KiB | Viewed 2068 times ]


Attachments:
satin.7z [527.1 KiB]
Downloaded 91 times

_________________
Lyle

Psalm 109:8

Image
Top
 Post subject: Re: help me decipher the 'Satin' effect, pls
PostPosted: Thu Feb 14, 2013 8:49 am  (#18) 
Offline
GimpChat Member
User avatar

Joined: Apr 07, 2010
Posts: 14182
Wow, are those ever nice Lyle. I love the Moire look and I will sure try to experiment with it...thank you

_________________
Image


Top
 Post subject: Re: help me decipher the 'Satin' effect, pls
PostPosted: Thu Feb 14, 2013 9:03 am  (#19) 
Offline
GimpChat Member
User avatar

Joined: Sep 24, 2010
Posts: 12834
Thanks Molly. Here's yet another variation. I took the pattern fill, then vertical blurred it 2px then displaced. Also, did a 1x4 displacement. Might have did some opacity adjustments, but those are for controlling the over exhuberent blowouts. lol


Attachments:
satin_1x4.png
satin_1x4.png [ 529.44 KiB | Viewed 2063 times ]

_________________
Lyle

Psalm 109:8

Image
Top
 Post subject: Re: help me decipher the 'Satin' effect, pls
PostPosted: Thu Feb 14, 2013 9:07 am  (#20) 
Offline
GimpChat Member
User avatar

Joined: Apr 07, 2010
Posts: 14182
Gorgeous :gimp :yes

_________________
Image


Top
Post new topic Reply to topic  [ 38 posts ]  Go to page 1, 2  Next

All times are UTC - 5 hours [ DST ]


cron

* Login  



Powered by phpBB3 © phpBB Group