Menu Search
Jump to the content X X
Smashing Conf Barcelona 2016

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

BlendMe.in: Accessing Vector Icons Without Leaving Photoshop

Update (10.10.2013): Please note that the ZIP file has been updated after this article has been published. In case Photoshop should crash on your end, please rename your Photoshop settings folder to fix this. You can find the configuration folder here: /Users/[Username]/Library/Preferences/Adobe Photoshop CC Settings. Please note that this will reset all Photoshop settings to default. If you should still happen to run into any issues, please kindly send an email to contact@blendme.in1. Thank you for your understanding and support. – Ed.

Here at Smashing Magazine, we’re very fond of the creativity and mutual support of the Web design community. Today, we’re proud to feature a free Photoshop extension that will help everyone access those font icons they need without even leaving Photoshop. Enjoy!

There is no doubt that the Web is full of websites that are packed with free icon packs, and that doesn’t necessarily make it easier for designers to find their way around when they’re looking for a particular icon for a particular project. When you’re in your creative zone and have an idea about something that would perfectly fit in your design, you don’t have time to waste and struggle with finding the right asset.

BlendMe.in is a Photoshop extension that allows you to quickly find a high-quality icon that you can simply drag and drop and then easily continue your ideation. All of the icons are vectorial and have been inserted as smart Photoshop objects, meaning that you get all the icon components as layers (vector objects, adjustment layers, etc.) so that you can easily tweak them to match your creation.

screenshot_search_dog_500_mini2
A preview of a “dog” icon in Photoshop with the help of the BlendMe.in extension.

screenshot_search_smash_500_mini3
BlendMe.in automatically suggests a number of icons that are related to the keyword you’ve typed in.

4
Search results when you type in “twitt” in the extension.

A preview of the BlendMe.in Photoshop extension.5
The Photoshop extension provides you with suggestions of icons that contain the same keywords.

Download BlendMe.in For Free! Link

BlendMe.in is freely available for private and commercial projects. All the assets are provided under a Creative Commons Attribution 3.0 Unported License96.

Instructions: Link

  • Close Photoshop before installing the extension.
  • If you don’t have it, download and install Adobe Extension Manager.
  • Unpack the ZIP file, and double click the .zxp file. This will launch Adobe Extension Manager.
  • Please make sure the Extension Manager version matches your Photoshop version.
  • Go through the installation steps.
  • Open Photoshop and choose WindowExtensionsBlendmein.
  • Browse or search icons, then drag and drop into your PSD.

Behind The Design Link

As always, here are some insights from the designers:

“This extension started out as a solution to a problem that we as UX designers often have: we tend to use small parts of older UIs (especially in the mock-up phase) and the process can be quite frustrating. We kept asking ourselves, ‘How difficult can it be to build an extension in which one can search layers from existing PSDs?’ After several tries, we came up with something that we kept using repeatedly, not only because it was our own tool, but because it made our lives easier.

This extension only contains icons at the moment. We do, however, plan to grow the collection and include more asset types, including filters, effects and adjustment layers.

The content inside BlendMe.in is provided under a Creative Commons Attribution 3.0 Unported License96 — with attribution. We’re thinking of ways to make the attribution even more prominent by default, e.g. by automatically generating a text layer with thanks to all the asset authors that have/are being used. Designers pour hours of work into these high-quality collections which they release for free, and attribution is really the least we could do to give them the credit they deserve.

Speaking about thanks, we’d like to thank Daniel Bruce10 (Entypo) and Visual Idiot11 for their early support, and to all the creatives who’re making part of their work available to others for re-use. Thank you!”

A big Thank You to the team at BlendMe.in for the fantastic Photoshop extension — we all sincerely appreciate your hard work!

(il, ea)

Footnotes Link

  1. 1 mailto:contact@blendme.in
  2. 2 https://www.smashingmagazine.com/wp-content/uploads/2013/09/screenshot_search_dog_mini.png
  3. 3 https://www.smashingmagazine.com/wp-content/uploads/2013/09/screenshot_search_smash_mini.png
  4. 4 https://www.smashingmagazine.com/wp-content/uploads/2013/09/search_twitter_mini.png
  5. 5 https://www.smashingmagazine.com/wp-content/uploads/2013/09/search_settings_mini.png
  6. 6 http://creativecommons.org/licenses/by/3.0/
  7. 7 https://www.smashingmagazine.com/wp-content/uploads/2013/09/frontimg.png
  8. 8 http://provide.smashingmagazine.com/BlendMeIn-Photoshop-Extension.zip
  9. 9 http://creativecommons.org/licenses/by/3.0/
  10. 10 http://www.danielbruce.se/
  11. 11 http://visualidiot.com/
SmashingConf Barcelona 2016

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

Advertisement

The Smashing team loves high-quality content and cares about the little details. Through our online articles, Smashing Books, eBooks as well as Smashing Conferences, we are committed to stimulating creativity and strengthening the web design community’s creative forces.

  1. 1

    Hi there,
    This extension would be amazing if it worked correctly in CS6. When I drag an icon onto a canvas, it is rasterized with a dark grey background :(

    0
  2. 6

    Keeps crashing my photoshop CC whenever I open their extension inside of PS.

    0
    • 7

      Same here. Took longer than other extensions to install in the extension manager, as well.

      0
      • 8

        Hey Ryan, Tim,

        I’m Marius from BlendMe.in team.

        We have a few users who reported this during the past week, but so far we haven’t been able to identify the cause. We’ve seen it happening when the extension was installed with Photoshop open (instead of closed).

        Would you please send to contact@blendme.in the following info:
        * PS version / Extension Manager version
        * operating system

        Thanks for helping out.

        0
      • 9

        Same here..

        0
      • 10

        The fix we’ve found so far, also used by other CreativeMarket plugin, is to delete all PS settings (note this will reset all your workspaces)
        To do this, go to your Library folder, then Preferences, then rename “Adobe Photoshop CC Settings” to something else.

        0
  3. 11

    Not compatible with Photoshop CS6

    0
  4. 13

    Does it not work in CS5?

    0
    • 14

      Hi Alan,

      This requires CS6 or CC versions. It won’t work for CS5, nor CS5.5.

      Sorry for this

      0
      • 15

        You guys should definitely make this compatible with CS 5.5. This is definitely something I would pay to have and Im sure many others would as well. Would save me tons of time. I’m not about to buy CC yet, I just bought cs5.5 a little over a year ago.

        0
  5. 17

    Works fine in my Ps CS6.

    0
  6. 18

    Get a big ol fail when trying to install it via Extension Manager for Photoshop CC. Looks like an extremely useful extension, tho.

    0
    • 19

      Hi Smacks,

      Would you please confirm Extension Manager’s version?

      We’ve seen this happening when using EM CS6 with PS CC (which happens by default after upgrading from CS6 to CC).
      If you’re already on EM CC, would you please send a screenshot with the fail message at contact@blendme.in?

      Thanks

      0
    • 20

      Updated my Extension Manager CC and Photoshop CC 64 bit, and so far it is working great.

      0
  7. 22

    Sounded great… doesn’t install (CS5)

    “Please make sure the manifest.xml of this extension is valid and the Extension Manager recognizes at least one product which the extension supports”

    0
    • 23

      Oh yeah… BlendMeIn CS6.zxp … the clue was in the title really, wasn’t it. Slow learner, me :)

      0
  8. 24

    Miguel Chamorro

    September 26, 2013 7:29 pm

    Nice idea but in Photoshop CS6 I get a black box when drag the icon on the canvas, not transparent background.

    0
    • 25

      Same thing here.

      W8/CS6

      0
    • 27

      Hola Miguel,

      This is a bug we’re still trying to reproduce & discover the cause. Several folks have told us about it.

      Would you be willing to help by installing some special extension builds, which might offer more information, and send the results to us? We don’t have these builds yet, but we’ll be working on it.
      Please get in touch via email: contact@blendme.in

      Thanks for your patience,
      Marius

      0
  9. 28

    It works for me in Photoshop CC.
    It is a bit slow but the fact that you get vectors and you don’t have to leave PS when looking for icons is priceless.

    0
  10. 29

    Fail with my CS6, too.

    0
  11. 32

    Anyone else getting an error, asking to “Please make sure the manifest.xml of this extension is valid and the Extension Manager recognizes at least one product which the extension supports.” Using Adobe CC. I eagerly forwarded this to our company’s designers to assist them with quick mockups before testing it out. I’m sure the problem relates to an update Adobe just pushed out for Photoshop today.

    0
    • 33

      I’m an idiot. Adobe CC launched an Extension Manager window even though I never had Extension Manager properly installed through the CC App manager. After “officially” installing the manager, the extension installed.

      0
  12. 35

    its a pity its just for CS6

    0
  13. 36

    Got it to work but when I drag the icons, the background is black and it’s not a smart object.

    Anyone with this same issue?

    0
  14. 37

    This was a horrible waste of time. It crashed Photoshop several times, for me and apparently for everyone using CS6. This is a perfect example of the low quality of Smashing Magazine articles as of late. Someone should delete this article.

    0
    • 38

      And then someone rattles off 3 consecutive fake responses saying “awesome” within the next 5 minutes.

      This always happens. Sick of it. You can have all the Smashing books back. Won’t recommend them to anyone anymore. I hate fake crap like that.

      0
      • 39

        Vitaly Friedman (editor-in-chief of Smashing Magazine)

        September 27, 2013 6:43 am

        @Jackson, AboutaDirk: I sincerely apologize for these issues, guys! It’s a bit difficult to test the plugin among the different platforms. We’re working with the guys behind BlendMe.in to resolve all issues as soon as possible. Please stay tuned!

        Please feel free to ping me personally (or just tweet @smashingmag) and provide more feedback about what exactly you disliked lately (with some examples if possible); I am listening to you, guys!

        0
      • 40

        The only fix we’ve found so far, also used by other CreativeMarket plugin, is to delete all PS settings (note this will reset all your workspaces)
        To do this, go to your Library folder, then Preferences, then rename “Adobe Photoshop CC Settings” to something else.

        0
  15. 41

    installs seamlessly, nice UI. I like it!

    0
  16. 42

    Works great for me on CS6. Thanks for this useful extension!

    0
  17. 43

    Worked like a charm for me (CS6)!
    It’s great!

    0
  18. 44

    Sweet! Just installed for CS6 – works perfectly.

    Was trying some random searches like “arrow” and it came up with two results. I know the extension is limited to a certain amount of icon sets but would be nice to be able to add your own icon sets somehow. I know you’d have to keyword them but would still be nice.

    Anyhow, nice job. Thanks to the devs/designers who created this.

    0
  19. 45

    Awesome plugin! I’ve never had photoshop CC crash so quickly!

    0
    • 46

      The fix we’ve found so far, also used by other CreativeMarket plugin, is to delete all PS settings (note this will reset all your workspaces)
      To do this, go to your Library folder, then Preferences, then rename “Adobe Photoshop CC Settings” to something else.

      0
  20. 47

    looks good. Y U NO make one for Fireworks? :S

    0

↑ Back to top