Op mijn werk maak ik met Photoshop ontwerpen voor websites. Het kost veel tijd om dit klaar te maken voor de programmeurs. Deze willen namelijk van alle achtergrondjes een 1 pixel breed plaatje en ze willen precies alle kleuren en lettertypes weten.

Is er voor de Mac een programma / add-on die dit automatische doet? Of een vergelijkbaar programma als Photoshop dat hiervoor gemaakt is? Dus een programma wat kan ontwerpen en wat een goede output heeft voor programmeurs: plaatjes, backgrounds, knoppen, lettertypes en kleurcodes?

Naar mijn weten niet.

Maar zo te horen vragen ze om een paar dingen
die ze zelf ook kunnen weten;
- Vragen om kleuren: open het Photoshopbestand en gebruik je pipetje (kunnen ze zelf)
- Ontwerpen slicen: ontkom je niet aan om dat handmatig
  te doen, aangezien elk ontwerp weer anders is en geen programma
  die kan zien wat en hoe je dingen wilt slicen
- Lettertypen kunnen de programmeurs zelf ook zien als ze het bestand openen toch?

Scheelt al iets aan werk, maar het ontwerpen/slicen van websites
is een handwerkje dankzij de custom ontwerpen... ik denk niet dat
daar een dusdanig slim stukje software voor bestaat die snapt wat
jij ontwerpt

En een programma wat voor je kan ontwerpen? Hehe, programma's
zijn niet creatief-kundig... dat is vragen of een programma al je werk
kan doen, terwijl een ontwerp altijd mensen-kunde is.

(Bewerkt door joram om 21:09, 28-12-2009)

@ Joram: Bedankt voor je reactie.

Met een programma om iets te ontwerpen bedoel ik natuurlijk niet dat hij zelf iets ontwerpt
En ik snap dat er altijd handwerk aan te pas komt, maar een programma kan toch naast alle tekst, het lettertype en de kleur zetten en als ik op een vlak klik kan hij een 1 pixel breed bestandje exporteren.

Het zijn allemaal simpele werkzaamheden, maar het bespaart wel veel werk. En ja programmeurs zouden inderdaad ook zelf met de Photoshop bestanden aan de slag kunnen, maar de eerste die dat doet moet ik nog tegen komen  

LJBass, ik ken niet een programma dat de verschillende klusjes die je noemt, automatisch doet.
Maar je werkt kennelijk met Photoshop en je bent geinteresseerd in Flash. Dan ken je ongetwijfeld ook Fireworks. Dat kun je zien als de webvariant van Photoshop Elements.

Met PS zelf heb ik niet veel ervaring, maar de dingen die je noemt, zijn vrij makkelijk te doen met Fireworks. En de samenwerking tussen PS en FW is perfect.

Ik weet niet als het is wat je zoekt..

Maar onze Peter van dit Forum was onderlaatst een product aan het promoten dat Ziber heet.
http://www.ziber.nl

Ik heb het een beetje bekeken onderlaatst en het zag er niet al te moeilijk uit.

Ik zou me zeker verdiepen in Fireworks (of het een programmeur laten doen). Je kunt Fireworks zelfs de 1pixel achtergrondplaatjes laten maken met bijbehorende css code. Misschien is het wel handiger wanneer je zelf wat meer in het 'web' duikt zodat je met je kleuren en resolutie's en dergelijke wat meer controle houdt.

Er zijn wel wat Plug-Ins voor PhotoShop die op basis van slicing en layers een basissite genereren. SiteGrinder heet eentje…

je kan het ook laten doen  
http://www.html-slicing.nl/client/index.php
< quote  >
Voor grafisch vormgevers die liever creatief bezig zijn en programmeurs die liever programmeren.
< / quote >

Er zijn geen 'automaatjes' die à-la-moment rekening houden
met de schuivende technieken van het web (wel of niet PNG?)
en jouw doordachte ontwerp (achtergrondje zodanig dat het
goed uitkomt met een ronde hoek of zo...) Het enige wat je
daarvoor kan inzetten is een dosis web-vakmanschap !

De vraag (niet de techniek) is vergelijkbaar met wat mensen
altijd vragen als ze voor het eerst zien hoe een krantje wordt
opgemaakt: "En welke InDesign-knop maakt alles passend ?"
Ook dat is puur vakmanschap.

Er zijn hooguit wat methoden met vaste templates te vinden,
maar dan heb je natuurlijk niet alle ontwerpmatige vrijheid...
Je ontwerpt binnen de richtlijnen van een gekozen template,
zoals dat http://www.ziber.nl (en vele andere niet-NL-talige).

Sowieso is het beter om meer te leren ontwerpen met CSS
en minder met in Photoshop opgemaakte layout en teksten.
Hoe meer je ontwerpt met CSS-mogelijkheden (en straks in
CSS3 met fraaie zaken zoals ronde hoeken en schaduwen),
des te sneller kan alles worden uitgevoerd en is alles ook al
goeddeels technisch gescheiden in inhoud vs. vormgeving.
Het is wat lastiger maar zo maak je er wel een vak van !

Een erg goed artikel van Meagan Fisher, waarin zij er voor pleit websites 'rechtstreeks' in de browser te ontwerpen:

http://24ways.org/2009/make-your-mockup-in-markup

Waarom ik dit hier plaats? Ik ben ervan overtuigd dat XML-achtige bestanden in de toekomst de basis van alle verschijningsvormen zullen zijn & dan is de getoonde werkwijze veel handiger dan eerst in Sjop mockups maken etc.
Zelf codeer ik sites ook liever van grond op, uitgaande van een snelle schets.

(Bewerkt door bertvanderveen om 22:36, 29-12-2009)

Die overtuiging zou je 10 jaar geleden kunnen delen
met de bazen van het W3C, die d.m.v. XHTML hoopten
iedereen aan het XML-en te krijgen. Dat lukte ten dele.
Maar de nieuwe versie XHTML wordt in feite gepasseerd
door HTML5, die inhoud toch wat minder "strikt" maakt.
De meeste websites zijn gelukkig wel strikter geordend,
maar de koers om alles in database-vormen te gieten
is toch minder gewenst gebleken.

De WebDeveloper Bar (van Chris Pederick) voor FireFox
is een heel handige utility die je een ingeladen website
helemaal laat analyseren en zelfs "live" laat wijzigen !
Ziet er wel een beetje technisch uit, maar je kan er
heel veel van leren.