Giter VIP home page Giter VIP logo

ps-blender's Introduction

CEP had been retired so is this plugin. If you're interested than you can have a look at codebase!

Meet PS Blender - A Revolution to blends

PS Blender is HTML-CEP based photoshop plugin which simulates the functionalities of the very known Adobe Illustrator's Blend Tool.

Usage

Plugin is mostly being made for cloning "Blend Tool" effect but in addition it can be used for long shadows, 3d effects and so on.

Features

Although the original blend tool is way too much complex to simulate in photoshop due to it's vector characteristics and no native references on how blends are being made, These are the features that is available now or may come later...

  • Blend objects by changing Positions.
  • Blend objects by changing Size.
  • Blend objects by changing Rotations.
  • Blend objects by changing Transparency.
  • Blend objects by making N Steps.
  • Blend objects by keeping N Spacing.
  • Make blend follow the user defined path.
  • Reverse layer stack order of blend.

and so on.... The list may get updates as long as I get contributions by developers.

Installation

  • First of all download the latest Release of PS Blender(.zxp).
  • Plugin isn't currently available as custom installer so you need to install 3rd party software called ZXP Installer in order to install plugin automatically. Just install the ZXP Installer and open PS Blender.zxp in the Installer and it should now show you the confirmation dialogue to install. Click on confirm and restart your photoshop.
  • Navigate to Windows > Extensions > PS Blender and now it should open the PS Blender.

If you're having any issues regarding installation kindly submit your issue on GitHub.

Notes

This plugin is open source and any can contribute to make it even more better, I personally recommend that if you're HTML, CSS, JS familiar person then check on source code for few moments. You might end up on contributing to this amazing project.

Status

Just in case you want to know the status of the plugin, Below is the process model that I've made for the plugin.

  1. Design
    • Design HTML/CSS with good user experience.
    • Make Plugin as clean and small as possible.
  2. Prototype
    • Make working Prototype.
    • Make Basic Feature modules.
  3. Development
    • Test the functionalities from all angles.
    • Optimize the final code
  4. Distribution
    • Make installable .zxp and test them on various platforms.
    • Make final installation with documentations and also share it on adobe exchange sites.

We're on still 1st phase and only working prototype has been made so there is much to come yet. Stay tuned for updates.

Update : I've started conceptulizing the User Interface and sooner I'll update it with preview on here so fellow HTML developer can get hint on how our plugin will look like and also final plugin may look completely different but functionalities won't change much.

Here is the wireframe I've designed so anyone with a suitable HTML/CSS developer can give a try on designing something like this :).

Plugin Wireframe

Well! The plugin doesn't need to be exactly like I've drawn and contributors are allowed to modify the layout as they want. The current CSS I used is Topcoat CSS but it's way outdated and doesn't contain much components while I've found a new CSS called Spectrum CSS which I personally liked since it gives native Photoshop look but I can't find proper way to use it in plugin since I'm still newbie in these stuffs. The plus thing of topcoat is it's 4 themes (dark and light) which can be adjusted by photoshop theme (See ThemeManager.js) but I don't know if Spectrum got such kind of things or not.

Community

You can ask freely about any issues, suggestions on any of our community threads from below links. Currently only github is source but I'll add few more additional links.

ps-blender's People

Contributors

mr0nline avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

grimdeathr

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.