adobe creative suite replacements (9)

hi All,

came across a great resources

http://lifehacker.com/5976725/build-...cheap-software

http://mac.appstorm.net/roundups/gra...reative-cloud/
For anyone that does not want to pay for creative suite there are some alternatives out there.


You may know about them you may not - but enjoy and happy stacking!

I once replaced PS with GIMP but trying to make animated Gif was too much frustrating, that's pretty much the only reason I bear with PS: Animated GIF in 30 seconds

I'm too much of an Adobe fanboy to quite.

And now that I have those Source PS plugins... well, even fewer reasons to think about it.

Originally Posted by zeno

I'm too much of an Adobe fanboy to quite.

And now that I have those Source PS plugins... well, even fewer reasons to think about it.

Yep, the ones that were on Appsumo. I like em.

Originally Posted by zeno

Yep, the ones that were on Appsumo. I like em.

The stock images/icons are useful - I can get images faster on the web but not necessarily nice stock images like they have (albeit limited range).

I like SubtlePatterns for designs.

The PSD cleaner is useful when dealing with big files.

CSS Hat is awesome for copying CSS styles from PSD mockups and translating my usual styles from there to CSS for buttons

PNG Hat lets you export layers as JPGs/PNGs which is awesome for exporting small elements without needing to slice anything or crop the image > export > undo undo etc.

Combined with Muse, CSS and PNG Hat make it really easy to mock up desktop/mobile landers and export PNG elements and CSS > whip into shape quickly.

Pretty cool plugins, but as far as css goes, you can just copy it from layers without needing any plugins...
Or is csshat somehow generating cleaner css?

CSS Hat produces better CSS IMO.

Some differences:

1. The native copy CSS function includes positioning, top/left positions, z-index -- IMO not really what you're after, you usually want styling CSS only.

2. CSS Hat produces more concise border properties, and more comprehensive background and drop shadow CSS.

E.g. compare for a simple gradient button:

Native:

.Rounded_Rectangle_1 {
  border-width: 0px;
  border-color: rgb(85, 85, 85);
  border-style: solid;
  border-radius: 10px;
  background-image: -moz-linear-gradient( 90deg, rgb(234,36,13) 0%, rgb(252,153,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(234,36,13) 0%, rgb(252,153,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(234,36,13) 0%, rgb(252,153,0) 100%);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.75), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
  position: absolute;
  left: 151px;
  top: 226px;
  width: 554px;
  height: 312px;
  z-index: 2;
}

/* Style for Rounded Rectangle 1 */
rounded-rectang {
    width: 554px;
    height: 312px;
    background-color: rgb(237, 28, 36);
    background-image: -moz-linear-gradient(bottom, rgb(234, 36, 13) 0%, rgb(252, 153, 0) 100%);
    background-image: -o-linear-gradient(bottom, rgb(234, 36, 13) 0%, rgb(252, 153, 0) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(234, 36, 13) 0%, rgb(252, 153, 0) 100%);
    background-image: linear-gradient(to top, rgb(234, 36, 13) 0%, rgb(252, 153, 0) 100%);
    border: 0 solid rgb(85, 85, 85);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 0 0 rgba(255, 255, 255, 0.13);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 0 0 rgba(255, 255, 255, 0.13);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 0 0 rgba(255, 255, 255, 0.13);
}