Mailing List Archive: How would I create a vignette effect with fanart?

How would I create a vignette effect with fanart?

Sep 24, 2009, 4:48 AM

Post #1 of 7 (4880 views)

I'm interested in creating a similar effect as the vignette version of
the fanart on thetvdb.com (e.g. http://thetvdb.com/banners/fanart/vignette/73739-34.jpg)
. It seems like the best idea, however, is to download the full sized
fanart and then use MythUI to create the vignette. That way the theme
can decide whether and what type of vignette to use.

Could it be done just with a single imagetype using a mask file? Or
is a mask file only useful for cropping? The mask attribute
description is:

mask allows a second image to be set to alpha-mask the original. This
is a black and transparent image of identical size to the imagetype
area, where black is visible and transparent will be masked. This
allows for smooth edges and exotic shapes to your image. Masks cannot
be resized or scaled.

The usage of "alpha-mask" implies I could get varying level of
transparancy, but the later portion of the description seems to imply
only black and transparent are relevant.

_______________________________________________
mythtv-theming mailing list
mythtv-theming@mythtv.org
http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-theming

Re: How would I create a vignette effect with fanart? [ In reply to ]

robert.mcnamara at gmail

Sep 24, 2009, 7:04 AM

Post #2 of 7 (4757 views)

Permalink

On Thu, Sep 24, 2009 at 4:48 AM, David Asher <asherml@gmail.com> wrote:
> I'm interested in creating a similar effect as the vignette version of the
> fanart on thetvdb.com (e.g.
> http://thetvdb.com/banners/fanart/vignette/73739-34.jpg). It seems like the
> best idea, however, is to download the full sized fanart and then use MythUI
> to create the vignette. That way the theme can decide whether and what type
> of vignette to use.
>
> Could it be done just with a single imagetype using a mask file? Or is a
> mask file only useful for cropping? The mask attribute description is:
>
> mask allows a second image to be set to alpha-mask the original. This is a
> black and transparent image of identical size to the imagetype area, where
> black is visible and transparent will be masked. This allows for smooth
> edges and exotic shapes to your image. Masks cannot be resized or scaled.
>
> The usage of "alpha-mask" implies I could get varying level of transparancy,
> but the later portion of the description seems to imply only black and
> transparent are relevant.

Why not just try it?

Yes, a mask will work fine for your purposes.

Robert
_______________________________________________
mythtv-theming mailing list
mythtv-theming@mythtv.org
http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-theming

Re: How would I create a vignette effect with fanart? [ In reply to ]

asherml at gmail

Sep 24, 2009, 7:17 AM

Post #3 of 7 (4741 views)

Permalink

On Sep 24, 2009, at 10:04 AM, Robert McNamara wrote:

> On Thu, Sep 24, 2009 at 4:48 AM, David Asher <asherml@gmail.com>
> wrote:
>> I'm interested in creating a similar effect as the vignette version
>> of the
>> fanart on thetvdb.com (e.g.
>> http://thetvdb.com/banners/fanart/vignette/73739-34.jpg). It seems
>> like the
>> best idea, however, is to download the full sized fanart and then
>> use MythUI
>> to create the vignette. That way the theme can decide whether and
>> what type
>> of vignette to use.
>>
>> Could it be done just with a single imagetype using a mask file?
>> Or is a
>> mask file only useful for cropping? The mask attribute description
>> is:
>>
>> mask allows a second image to be set to alpha-mask the original.
>> This is a
>> black and transparent image of identical size to the imagetype
>> area, where
>> black is visible and transparent will be masked. This allows for
>> smooth
>> edges and exotic shapes to your image. Masks cannot be resized or
>> scaled.
>>
>> The usage of "alpha-mask" implies I could get varying level of
>> transparancy,
>> but the later portion of the description seems to imply only black
>> and
>> transparent are relevant.
>
> Why not just try it?
>
> Yes, a mask will work fine for your purposes.

Because I like to overthink things...

I guess I also don't understand image transparency. In my head black
is a color, transparent is an alpha level. I guess my real question
is: what attribute in the mask image implies 50% transparency? A 50%
gray pixel? Something else? Does the wiki mean opaque is visible?

_______________________________________________
mythtv-theming mailing list
mythtv-theming@mythtv.org
http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-theming

Re: How would I create a vignette effect with fanart? [ In reply to ]

robert.mcnamara at gmail

Sep 24, 2009, 7:20 AM

Post #4 of 7 (4754 views)

Permalink

On Thu, Sep 24, 2009 at 7:17 AM, David Asher <asherml@gmail.com> wrote:
>
> On Sep 24, 2009, at 10:04 AM, Robert McNamara wrote:
>
>> On Thu, Sep 24, 2009 at 4:48 AM, David Asher <asherml@gmail.com> wrote:
>>>
>>> I'm interested in creating a similar effect as the vignette version of
>>> the
>>> fanart on thetvdb.com (e.g.
>>> http://thetvdb.com/banners/fanart/vignette/73739-34.jpg). It seems like
>>> the
>>> best idea, however, is to download the full sized fanart and then use
>>> MythUI
>>> to create the vignette. That way the theme can decide whether and what
>>> type
>>> of vignette to use.
>>>
>>> Could it be done just with a single imagetype using a mask file? Or is a
>>> mask file only useful for cropping? The mask attribute description is:
>>>
>>> mask allows a second image to be set to alpha-mask the original. This is
>>> a
>>> black and transparent image of identical size to the imagetype area,
>>> where
>>> black is visible and transparent will be masked. This allows for smooth
>>> edges and exotic shapes to your image. Masks cannot be resized or scaled.
>>>
>>> The usage of "alpha-mask" implies I could get varying level of
>>> transparancy,
>>> but the later portion of the description seems to imply only black and
>>> transparent are relevant.
>>
>> Why not just try it?
>>
>> Yes, a mask will work fine for your purposes.
>
> Because I like to overthink things...
>
> I guess I also don't understand image transparency. In my head black is a
> color, transparent is an alpha level. I guess my real question is: what
> attribute in the mask image implies 50% transparency? A 50% gray pixel?
> Something else? Does the wiki mean opaque is visible?

50% opacity = a black pixel at 50% transparency (which will appear
gray, but is not gray)

Robert
_______________________________________________
mythtv-theming mailing list
mythtv-theming@mythtv.org
http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-theming

Re: How would I create a vignette effect with fanart? [ In reply to ]

asherml at gmail

Sep 24, 2009, 7:29 AM

Post #5 of 7 (4754 views)

Permalink

On Sep 24, 2009, at 10:20 AM, Robert McNamara wrote:

>> I guess I also don't understand image transparency. In my head
>> black is a
>> color, transparent is an alpha level. I guess my real question is:
>> what
>> attribute in the mask image implies 50% transparency? A 50% gray
>> pixel?
>> Something else? Does the wiki mean opaque is visible?
>
> 50% opacity = a black pixel at 50% transparency (which will appear
> gray, but is not gray)

Ah, that makes MUCH more sense. Thanks for answering the beginner
question. I've done lots of programming, but due to lack of artistic
skill I've never done anything resembling graphic art.

Your pointer to the Inkscape tutorials made me want to give it a try.

Re: How would I create a vignette effect with fanart? [ In reply to ]

stuart at tase

Sep 24, 2009, 9:21 AM

Post #6 of 7 (4731 views)

Permalink

On Thursday 24 Sep 2009 12:48:16 David Asher wrote:
> I'm interested in creating a similar effect as the vignette version of
> the fanart on thetvdb.com (e.g.
> http://thetvdb.com/banners/fanart/vignette/73739-34.jpg) . It seems like
> the best idea, however, is to download the full sized fanart and then use
> MythUI to create the vignette. That way the theme can decide whether and
> what type of vignette to use.

Something like http://miffteevee.co.uk/imagebin/filmstrip_browser.png ?
Ok, I guess that's not a vignette, since it's the whole image but the fade at
the left edge uses masking.
--
Stuart Morgan
_______________________________________________
mythtv-theming mailing list
mythtv-theming@mythtv.org
http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-theming

Re: How would I create a vignette effect with fanart? [ In reply to ]

asherml at gmail

Sep 24, 2009, 10:53 AM

Post #7 of 7 (4778 views)

Permalink

On Sep 24, 2009, at 12:21 PM, Stuart Morgan wrote:

> On Thursday 24 Sep 2009 12:48:16 David Asher wrote:
>> I'm interested in creating a similar effect as the vignette version
>> of
>> the fanart on thetvdb.com (e.g.
>> http://thetvdb.com/banners/fanart/vignette/73739-34.jpg) . It
>> seems like
>> the best idea, however, is to download the full sized fanart and
>> then use
>> MythUI to create the vignette. That way the theme can decide
>> whether and
>> what type of vignette to use.
>
> Something like http://miffteevee.co.uk/imagebin/
> filmstrip_browser.png ?
> Ok, I guess that's not a vignette, since it's the whole image but
> the fade at
> the left edge uses masking.

Yep, similar. I find it annoying when the fanart gets obscured, so I
was going to try and create a theme which moves the info off it, and I
liked the fade effect so there wasn't a hard edge.

That's not one of the examples from the MythUI Demo Themes, is it?

Thanks.

_______________________________________________
mythtv-theming mailing list
mythtv-theming@mythtv.org
http://mythtv.org/cgi-bin/mailman/listinfo/mythtv-theming