dribbble Follow me on Dribbble

Are you interested on the next version of Cut&Slice me?

Version 1.1.3 is not compatible with Photoshop CC14

Leave me your thoughts on this survey. More updates on twitter: @cutandsliceme

Cut&Slice me 2 will be available around January 2015.
PS CC14 support and more exciting features will be included.

Thanks for your understanding and your support.

Boost your Workflow

Not everyone name his layers properly.

But if you have that discipline, you can export your assets in seconds. Simply add some characters at the end of your layer names.

Cut&Slice me cuts and exports them in png format trimming the pixels you don´t need, or let you can specify the size you want. Or you can export all states of your buttons in the blink of an eye.

Forget obsolete Photoshop Slices

Photoshop hasn´t change the way it exports for the web since the web was all tables. The Internet has changed. Create overlapping slices exporting only what you need in the minimal time with the maximum detail: no more cut gradients.

We introduce the new slice.

Export easily your button states

Create many groups as the number of states your button has. Cut&Slice me will export them. If you need them to be all the same size, all you need to do is put a rectangular vector with the size you need.

One Design to rule all resolutions

Design at full resolution and export it to different sizes.

Cut&Slice me export to iPhone and Android, also removes all unsupported characters in the file name.

For iPhone design for retina, for Android design for xxhdpi and then export to ldpi, mdpi and hdpi with only one click.

Only some simple rules

  • Organise your elements in groups, as if they were objects.
  • Add @ at the end of the layer name you want to export, the content will be exported as a png trimming all transparent pixels.
  • If you want your file to be a particular size, then create a rectangular vector as first layer and name it #. Your group will be exported at that size.
  • Include "_BTN" to export all states in your buttons. Add groups containing your button states and name them as follows:
    • normal
    • hover
    • clicked / pressed
    • selected
    • disabled

dribbble Follow me on Dribbble

Are you interested on the next version of Cut&Slice me?

Leave me your thoughts on this survey. More updates on twitter: @cutandsliceme

Cut&Slice me 2 will be available around January 2015.
PS CC14 support and more exciting features will be included.

Cut&Slice me is not dead and I hope to bring updates more frequently.

Thanks for your understanding and your support.

仕事の効率をアップ！

レイヤーの名前付けは誰もがうまくできるわけではありません。

しかし、コツさえつかんでしまえば、スライスしたい画像のエクスポートはあっという間にできるようになります。レイヤーの名前の最後に特定の文字列を加えるだけでいいのです。

Cut&Slice meはそれらをPNG形式で切り取ってエクスポートし、必要のないピクセルのトリミングを行います。または、任意のサイズを指定するだけであっという間に全てのボタンステートをエクスポートすることもできます。

もう従来のPhotoshopスライスではない！

ウェブが全てテーブルで構成されていたころから、Photoshopのウェブへのエクスポート方法は変わっていません。

インターネットは時代とともに進化しています。重複するスライスを作って、必要なものだけ、最短の時間で、あなたの思いのままに書き出せます。

新しいスライスの方法を提供します。

各種ボタンステートのエクスポートも簡単！

ボタンのステートと同じ数だけグループを作りましょう。あとはCut&Slice meがエクスポートしてくれます。

もし全て同じサイズにしたければ、お好みのサイズの長方形シェイプを置くだけでサイズを整えることができます。

ひとつのデザインで解像度の問題を全て解決！

解像度フルでデザインして、様々なサイズでエクスポートしましょう。

Cut&Slice meがiPhoneとAndroidへのエクスポートを行います。また、ファイル名に使えない文字は自動的に取り除きます。

iPhoneのretina向けのデザイン、Androidのxxhdpi向けのデザイン、それにldpi、mdpi、hdpiへのエクスポートまでわずかワンクリックで可能です。

ルールはシンプル

  • エレメント（要素）をグループに分け、オブジェクトのようにします。
  • エクスポートしたいレイヤー名の最後に@マークを付けます。すると、中身がPNGの透過イメージとしてエクスポートされます。
  • 特定のサイズを指定したい場合には、長方形ベクターを最初のレイヤーとして作り、名前を#にします。グループ全体がその大きさでエクスポートされます。
  • ボタンの全てのステートをエクスポートするには"_BTN"を付けてください。各種ボタンステートを含むグループを加え、以下のように名前を付けてください。
    • normal
    • hover
    • clicked / pressed
    • selected
    • disabled

dribbble Follow me on Dribbble

¿Tienes interes en la siguiente version de Cut&Slice me?

La version 1.1.3 no es compatible con Photoshop CC14

Dame tu opinion en esta encuesta. Mas noticias en Twitter: @cutandsliceme

Cut&Slice me 2 estara disponible aproximadamente en enero de 2015.
Incluira soporte para PS CC14 y nuevas funcionalidades.

Gracias por tu comprension y ayuda.

Acelera tu flujo de trabajo

No todo el mundo nombra las capas cuando trabaja.

Pero si tienes esa disciplina puedes exportar tus assets en segundos. Tan sólo tienes que añadir algunos caracteres a los nombres de tus capas.

Cut&Slice me exporta pngs con transparencia recortando los píxeles transparentes que no necesitas, o que sea tan grande como le especifiques, o todos los estados de tus botones en el tiempo que vas al servicio y vuelves.

Olvídate de los slices de Photoshop

Photoshop no ha cambiado su forma de exportar para web desde que todo se hacía con tablas. Internet si ha cambiado. Crea slices que se solapan exportando sólo lo que necesitas en el mínimo tiempo, con el máximo detalle: olvídate de esos cortes al final del degradado.

Introducimos el nuevo slice.

Exporta fácilmente los estados de tus botones

Crea tantos grupos como estados tenga tu botón. Cut&Slice me

se encargara de exportarlos. Si necesitas que todos los

ficheros sean del mismo tamaño, simplemente añade un vector rectangular con el tamaño que necesites.

Diseña una vez y exporta a todas las resoluciones

Diseña a máxima resolución y exporta a diferentes tamaños.

Cut&SliceMe exporta para iPhone y Android, además elimina todos los caracteres no compatibles en el nombre del fichero.

Para iPhone diseña para retina, para Android diseña en xxhdpi y exporta a ldpi, mdpi y hdpi con un solo click.

Tan solo unas simples reglas

  • Organiza tus elementos en grupos, como si fueran objetos.
  • Añade "@" al final del nombre de la capa que quieras exportar, el contenido grupo se exportarña como un png eliminando los pixeles transparentes que rodean a tu imagen.
  • Si quieres un que tu fichero sea de un tamaño concreto, crea un vector rectangular como primera capa de grupo y llamala "#". Tu grupo se exportará a ese tamaño.
  • Incluye "_BTN" para exportar todos los estados de un botón. Añade grupos que contengan el contenido de los estados de tu botón y nombralos de la siguiente manera:
    • normal
    • hover
    • clicked / pressed
    • selected
    • disabled