75

Blend if (bjango.com)

over 5 years ago from , Founder at Bjango

35 comments

  • Vlad Danilov, over 5 years ago

    Available since Photoshop 4 dated 1996.

    4 points
    • Marc Edwards, over 5 years ago

      Yeah, it’s crazy. I’ve used it for photo retouching in the past, but didn’t consider it for UI design until recently. Such an awesome technique.

      2 points
  • Jon KantrowitzJon Kantrowitz, over 5 years ago

    My mind is blown. This is incredibly clever.

    2 points
  • Charlie PrattCharlie Pratt, over 5 years ago

    Wow.

    2 points
  • Marc Edwards, over 5 years ago

    This technique is bonkers. It has completely changed how I use Photoshop.

    2 points
  • Elethom Hunter, over 5 years ago

    I wonder whether Sketch 3 can do this. Though I never needed to do it.

    :-P

    1 point
    • Marc Edwards, over 5 years ago

      I don’t believe it can. I think the feature was added to Photoshop for photo retouching. It’s a bit strange to use it for UI design, but it is awesome.

      0 points
      • Elethom Hunter, over 5 years ago

        Indeed. Might try it some day. I've got CC subscription but seldom use it since Photoshop is sorta complex for UI design as a "photo editor".

        0 points
  • Steve Celestin, over 5 years ago

    This would've saved me so much time in the past. Thanks for digging it up!

    0 points
  • Cody IddingsCody Iddings, over 5 years ago

    How do you create the "blurry circle"? It's still a shape but it's blurred! I'm losing my mind

    0 points
  • Ruby ChenRuby Chen, over 5 years ago

    this is so cool!!! I've just tried it!

    0 points
  • BING YANGBING YANG, over 5 years ago

    There are so many hidden features in Photoshop. Great tip! It gonna save a lot of time.

    0 points
  • Catalin CimpanuCatalin Cimpanu, over 5 years ago

    I'll have to test this as soon as I get home. :D

    0 points
  • P GP G, over 5 years ago

    Blend if is also really useful for photo manipulation, when you have to make difficult selections (hair?). But I never thought about using it this way. Thanksies!

    0 points
  • Pierre-Louis AnceauPierre-Louis Anceau, over 5 years ago

    Hey I didn't know this feature, thanks for sharing. The thing is for me when I see those kind of photoshop tricks I always think why not just use illustrator ?

    0 points
    • Account deleted over 5 years ago

      Well, in many cases it would allow you to not even open up Illustrator at all... allowing you to build what you want right in what your are designing. Not only is it a more efficient use of your time, it also saves a little computer resources too.

      0 points
    • Marc Edwards, over 5 years ago

      I do use Illustrator and love it, but usually just for detailed vector work that would be hard in Photoshop.

      Also, this technique doesn’t really have any equivalent in Illustrator (that I’m aware of).

      And finally, Illustrator’s rendering quality isn’t as good as Photoshop, if your final result is saving PNGs (Illustrator has worse antialiasing, no gradient dithering and some other issues).

      For this kind of work, Photoshop is pretty amazing, and if we’re being honest, nothing comes close in terms of abilities. I’m not saying other apps shouldn’t be used, but it’s a matter of the right tool for the job.

      3 points
      • Pierre-Louis AnceauPierre-Louis Anceau, over 5 years ago

        I wondered for the longest time (reading previous banjo articles) thank you ! (and yes for this technique there is no real equivalent in illustrator)

        0 points
      • Vlad Danilov, over 5 years ago (edited over 5 years ago )

        One way to do something similar in Illustrator is to apply Mask to a solid square in Transparency panel. But again, it's not worth it considering lack of usability and poor rendering quality.

        0 points
    • Gabriel LovatoGabriel Lovato, over 5 years ago

      Exporting Illustrator vectors to multiple bitmap resolutions can be tricky with lots of blurry half pixels showing up even if you have "align to pixel grid"... in Photoshop what you see is what you get. Also there are more workflow tools for Photoshop (Bjango Actions, Slicy, PNG Express).

      1 point
  • Brad WalkerBrad Walker, over 5 years ago

    Really interesting, thanks

    0 points