W3C home > Mailing lists > Public > www-style@w3.org > May 2013

Re: [css-compositing]new Editor's draft posted

From: Rik Cabanier <cabanier@gmail.com>
Date: Wed, 22 May 2013 11:52:32 -0700
Message-ID: <CAGN7qDDk1f7VQyvVM_uUV5at4L0vkvq7ejEtdEC3z9Df6qU8Kg@mail.gmail.com>
To: Jeremie Patonnier <jeremie.patonnier@gmail.com>
Cc: "Robert O'Callahan" <robert@ocallahan.org>, "public-fx@w3.org" <public-fx@w3.org>, www-style list <www-style@w3.org>, www-svg <www-svg@w3.org>, David Baron <dbaron@dbaron.org>
Thanks Jeremie!

I don't have a list, but here are some examples from a Seattle artist:

   - http://www.hardlycode.com/pages/barracuda-tacos (see how the text
   inherits the texture)
   - http://www.hardlycode.com/pages/dylan-priest-photography/
   http://dylanpriest.com/ (multiple examples. Look at the rollover on the
   left)
   - http://www.hardlycode.com/products/seattle-by-rick-murphy (he couldn't
   use blending for the spinning circles on the right so had to use opacity)


More examples:

   - https://developer.apple.com/wwdc/ (could be done in CSS)
   - http://www.chipotle.com/en-US/Default.aspx?type=default (many
   examples. prerendered + flash)
   - http://www.boat-studio.com/ (had to use opacity so blue is dark. You
   can find many examples of this)
   - http://www.myprovence.fr/en#p_home (You can use blending to 'punch'
   out text ie the pulldown)


Tutorial on how to create blended textures:
http://psd.fanextra.com/tutorials/design-a-cool-textured-portfolio-website/

For an example with what you can do with background-blend-mode see
http://www.webdesign.org/photoshop/photoshop-basics/using-blend-modes-screen.14859.html


On Wed, May 22, 2013 at 10:12 AM, Jeremie Patonnier <
jeremie.patonnier@gmail.com> wrote:

> Here some quick examples (I'm sure rik has some better ones):
>
>    - http://makephotoshopfaster.com/
>    - http://www.okb.es/
>
> And more about why designers would love to have such blending capacity in
> a browser:
>
>    -
>    http://tympanus.net/codrops/2012/08/15/inject-energy-into-your-mobile-design-with-light-effects/
>
> Best,
> Jrmie
>
>
> 2013/5/22 Robert O'Callahan <robert@ocallahan.org>
>
>> On Wed, May 22, 2013 at 11:34 PM, Rik Cabanier <cabanier@gmail.com>wrote:
>>
>>> I've seen numerous examples where authors try to mimic blending either
>>> by rasterizing content to images in photoshop or by using transparency
>>> (which can only approximate 'screen' and it also make the artwork dark).
>>
>>
>> Can you point to these examples? You probably listed them in a previous
>> email, in which case just point to that.
>>
>> Thanks,
>> Rob
>> --
>> qqIqfq qyqoquq qlqoqvqeq qtqhqoqsqeq qwqhqoq qlqoqvqeq qyqoquq,q
>> qwqhqaqtq qcqrqeqdqiqtq qiqsq qtqhqaqtq qtqoq qyqoquq?q qEqvqeqnq
>> qsqiqnqnqeqrqsq qlqoqvqeq qtqhqoqsqeq qwqhqoq qlqoqvqeq qtqhqeqmq.q qAqnqdq
>> qiqfq qyqoquq qdqoq qgqoqoqdq qtqoq qtqhqoqsqeq qwqhqoq qaqrqeq qgqoqoqdq
>> qtqoq qyqoquq,q qwqhqaqtq qcqrqeqdqiqtq qiqsq qtqhqaqtq qtqoq qyqoquq?q
>> qEqvqeqnq qsqiqnqnqeqrqsq qdqoq qtqhqaqtq.q"
>>
>
>
>
> --
> Jeremie
> .............................
> Web : http://jeremie.patonnier.net
> Twitter : @JeremiePat <http://twitter.com/JeremiePat>
>
Received on Wednesday, 22 May 2013 18:53:06 UTC

This archive was generated by hypermail 2.3.1 : Wednesday, 22 May 2013 18:53:07 UTC