Graphics

See also WYSIWYG

Formats

• http://dcurt.is/pixel-fitting

Colour

• http://en.wikipedia.org/wiki/Color_space

• http://en.wikipedia.org/wiki/RGB_color_model
  • http://www.kenrockwell.com/tech/adobe-rgb.htm

• http://en.wikipedia.org/wiki/CMYK_color_model

SVG

Tools

• http://www.professorcloud.com/svg-to-canvas/

• JessyInk is a JavaScript that can be incorporated into an Inkscape SVG image containing several layers. Each layer will be converted into one slide of a presentation. Current features include: slide transitions, effects, an index sheet, a master slide and auto-texts like slide title, slide number and number of slides.

• MagicMarkup - Easily create interactive mockups in Inkscape, without adding inline JS!

Repos

• Open Clip Art Library 2.0 (at 417M)
• Vecto2000 is a collection of high quality free Vector Art, Vector Icons, Vector Patterns and Photoshop Brushes
• http://www.vectorportal.com/

Articles

• W3C Wiki: Secret Origin of SVG

• How media queries allow you to optimize SVG icons for several sizes - Opera, Oct 12, 2009
• About those vector icons - November 4th, 2011
• SVG, Use it Already - Apr 3rd, 2012

• How to work with Scalable Vector Graphics (SVG) in HTML 5

• Creating SVG vector graphics for maximum browser compatibility - Oct 19, 2012

JPG

• http://jpegclub.org/
• http://freecode.com/projects/jpegoptim
  • Google advises; run with the --strip-all option
  • http://blog.josemanuelperez.es/2009/06/jpegoptim-optimize-jpg-page-speed/

• http://news.ycombinator.com/item?id=4623160
• http://www.yuiblog.com/blog/2008/12/05/imageopt-4/

"when your JPEG image is under 10K, it’s better to be saved as baseline JPEG (estimated 75% chance it will be smaller) for files over 10K the progressive JPEG will give you a better compression (in 94% of the cases)"

PNG

• http://optipng.sourceforge.net/
• http://www.advsys.net/ken/util/pngout.htm

APNG

• http://en.wikipedia.org/wiki/APNG

• https://github.com/davidmz/apng-canvas

• http://www.devthought.com/projects/mootools/apng/
  • http://devthought.com/wp-content/projects/mootools/APNG/Demo/

WebP

• https://developers.google.com/speed/webp/

• http://antimatter15.github.com/weppy/demo.html

PSD

• http://www.markupwand.com/

Other

• http://opengameart.org/
• http://www.widgetworx.com/widgetworx/portfolio/spritelib.html

3D

• http://sketchup.google.com/3dwarehouse/

• http://www.blender-models.com/
• http://www.blendswap.com/

• http://www.katorlegaz.com/3d_models/index.php
• http://www.psionic3d.co.uk/
• http://3dr.adlnet.gov/
• http://virtualworlds.wikia.com/wiki/Main_Page

• http://www.pymolwiki.org/index.php/Main_Page

• http://graphics.stanford.edu/data/3Dscanrep/

• http://dev.opera.com/articles/view/porting-3d-graphics-to-the-web-webgl-intro-part-2/

• http://www.openscad.org/

ASCII

• http://dchang.mit.edu/artwork/

Web 1.0 stylee

88*31

• http://www.complexify.com/buttons/

etc.

Software

• http://libregraphicsworld.org/

• http://www.graphicall.org/

• display

Viewing

• sxiv: Simple (or small or suckless) X Image Viewer

sxiv *
  Open all (hack)
sxiv -t

q
  quit
f
  toggle fullscreen
Enter
  toggle between single and thumbnail
Space
  next image
Backspace
  previous image

Editing

GIMP

• Gimp
• AUR

• XCF format

• Gimp wiki
  • Roadmap

Manual

• GNU Image Manipulation Program User Manual

• http://docs.gimp.org/en/gimp-tools-paint.html
  • http://docs.gimp.org/en/gimp-tool-blend.html
  • http://docs.gimp.org/en/gimp-tool-clone.html
  • http://docs.gimp.org/en/gimp-tool-heal.html
  • etc.

• http://docs.gimp.org/en/gimp-palette-dialog.html

• 6.15. Scale Image

Tips

Tab
  toggle toolbars

Doesn't save undo history. Bug. Use file history, layers or sg-snapshot instead.

Articles

• http://www.linuxtopia.org/online_books/graphics_tools/gimp_advanced_guide/

• Handy Tweaks To Make GIMP Replace Photoshop

• Making The GIMP Work For Me - Oct 13, 2009

• Quick Tips and Tools for Texturing With GIMP

• Arch Wiki: CMYK support in The GIMP
• Producing a stippled image with Gimp

• Transparent Backgrounds, Drop Shadows and Image Rescaling with Gimp

Videos

• Gimp Tutorial Clone/heal tool - Dom Bower
• Shave someone in GIMP- Clone & Healing tool (+spot removal)

Textures

• GPS is a collection of brushes and accompanying tool presets. Tool presets are a simply saved tool options, highly useful feature of the GIMP. The goal of GPS is to provide an adequate working environment for graphic designers and artists to begin to paint and feel comfortable with GIMP from their first use. Later the user will change these settings based on his own workflow preferences and understanding of GIMP.

Plugins

• GIMP Plugin Registry

• PSPI: Running Photoshop plug-ins in GIMP
  • PSPI not working with 2.8

• Layer Effects

• Resynthesizer
  • How To: Seamlessly Remove Things from an Image in GIMP
• The Texturize

• Save for Web
• psd2html

• GAP - for animation

• Palette Generator
• http://planetfs.blogspot.co.uk/2009/06/i-was-interested-to-see-sample-average.html
• http://www.gimpchat.com/viewtopic.php?f=12&t=5189
• http://arcanebolt.net/post/140987710/28-color-gimp-palette-generator
  • http://arcanebolt.net/post/140987241/28-color-gimp-palette
• http://graphicssoft.about.com/od/gimptutorials/ss/Color-Scheme-From-Photo_5.htm

• https://github.com/akkana/gimp-plugins

Community

• http://www.gimptalk.com/

Photoshop

• http://www.area-56.de/_area56_data/tutorials.html - brushes

Plugins

• Adobe Marketplace

• Ultimate Collection Of Useful Photoshop Plug-Ins
• thepluginsite.com Free Photoshop-compatible Plugins

Inkscape

• Inkscape
• http://wiki.inkscape.org/wiki/index.php/Inkscape
  • Inkscape: Guide to a Vector Drawing Program
  • Un-official manual by Kevin Wixson
  • Inkscape keyboard and mouse reference
  • http://en.flossmanuals.net/inkscape/
• http://inkscapestuff.org/

MyPaint

• MyPaint is a fast and easy open-source graphics application for digital painters. It lets you focus on the art instead of the program. You work on your canvas with minimum distractions, bringing up the interface only when you need it.

other

• http://libregraphicsworld.org/blog/entry/libreoffice-gets-visio-2013-support

CAD

• http://sourceforge.net/apps/mediawiki/free-cad/index.php?title=Main_Page

Charts

Graphviz

• http://robrhinehart.com/?p=119

Other

• http://graphite.wikidot.com/

• https://live.gnome.org/Dia
• http://www.umlet.com/
• http://staruml.sourceforge.net/en/
• http://alexdp.free.fr/violetumleditor/page.php
• http://www.bouml.fr/
• http://www.websequencediagrams.com/
• https://cacoo.com/
• http://yuml.me/diagram/scruffy/class/draw

• http://blog.architexa.com/2012/09/diagramming-tools-a-biased-survey/

3D

• http://www.blender.org/
• http://www.sweethome3d.com/index.jsp

• http://3drepo.org/

Screenshots

• http://cutycapt.sourceforge.net/

Web GL

• http://khronos.org/webgl
  • http://www.khronos.org/webgl/wiki/Main_Page

• http://get.webgl.org - test

Scanning

• https://wiki.archlinux.org/index.php/Sane
• https://wiki.archlinux.org/index.php/USB_Scanner_Support

• http://www.sane-project.org/

Inking

• http://mayeko.deviantart.com/gallery/?offset=48#/d33gnvn

Other

• http://recodeproject.com/

Icons

• http://fontello.com/
• http://www.iconfinder.com/

• http://testico.net/
• http://www.iconsguide.com/

• https://www.gosquared.com/resources/2400-flags

Misc

• http://yuzhikov.com/articles/BlurredImagesRestoration1.htm - enhance

Services

• http://tinypng.org/

Hosting

• All your Flickr photos in Dropbox, with style

Resources

• http://www.displaymate.com/

Open and free

• http://openclipart.org/

• http://digitalblasphemy.com/

Thread

• http://reactiongifsarchive.imgur.com/

Buttons

• http://www.pixelbutton.com/eng
• http://www.lucazappa.com/brilliantMaker/buttonImage.php

Graphic designers

• https://99designs.co.uk
• http://pixelsink.com/ - Colin Gray, Dundee

Testing

• http://www.lagom.nl/lcd-test/