content changes: move media files to their posts

src/content/articles/2007-06-11-finally-a-universal-scanner-driver-for-the-canon-canoscan-lide-500f-for-intel-macs/index.md

@@ -1,6 +1,6 @@
 ---
 title: 'Finally... a universal scanner driver for the Canon CanoScan LiDE 500F for Intel Macs'
-image: ../media/canoscanlide500f.jpg
+image: ./canoscanlide500f.jpg
 date: 2007-06-11 18:44:28+00:00
 
 tags:
@@ -30,15 +30,15 @@ So I called the Canon Support two months ago but they could only say sorry and a
 
 After choosing the scanner in the dropdown-menu and clicking on "Drivers & Software" you will come to a popup-window where you can find the driver called "LiDE 500F Scanner Driver Ver. 11.2.4.0X (Mac OS X)" in the middle of the site:
 
-![image](../media/canon1.png)
+![image](./canon1.png)
 
 And after installing (and rebooting the system) you can use the scanner with Photoshop CS3 on Intel-Macs. The scanner appears in Photoshop under File > Import > CanoScan LiDE 500f.
 
-![image](../media/canon2.png)
+![image](./canon2.png)
 
-![image](../media/canon3.png)And don't forget to take a look in the preferences-dialog in the scan-window to set your color-management under the tab "Color Settings"
+![image](./canon3.png)And don't forget to take a look in the preferences-dialog in the scan-window to set your color-management under the tab "Color Settings"
 
-![image](../media/canon4.png)Another important setting is enabling 16bit per channel scanning under the tab "Scan".
+![image](./canon4.png)Another important setting is enabling 16bit per channel scanning under the tab "Scan".
 
 The only problem that remains is that Photoshop really uses 50% of my CPU-Power (2GHz Intel Core2Duo) just when the scan-window is open. But now after six months of waiting i can finally scan my analog photography in acceptable quality. Thanks to Canon for nothing!
 

src/content/articles/2008-03-31-love-the-parallax/index.md

@@ -10,7 +10,7 @@ tags:
 
 If you resize your browser window while you are browsing this website you can see the black polaroids in my header fly and move at different speed on three layers. Pretty cool, huh?
 
-![parallax](../media/parallax.png)
+![parallax](./parallax.png)
 
 I implemented the header effect of those flying black polaroids on kremalicious.com following the original idea by the folks of [clearleft](http://clearleft.com/) on [their silverback teaser page](http://www.silverbackapp.com/)
 

src/content/articles/2008-04-04-aperture-file-types/index.md

@@ -1,7 +1,7 @@
 ---
 title: Aperture File Types
-image: ../media/Teaser-Aperture-File-Types.jpg
-download: ../media/aperturefiletypes_by_kremalicious.zip
+image: ./Teaser-Aperture-File-Types.jpg
+download: ./aperturefiletypes_by_kremalicious.zip
 author: Matthias Kretschmann
 date: 2008-04-04T01:55:54.000Z
 

src/content/articles/2008-04-08-pulitzer-price-winners-2008-announced-various-photographers-awarded/index.md

@@ -10,7 +10,7 @@ tags:
 
 The Columbia University has announced the winners for 2008 of the 92nd annual Pulitzer Price. The Pulitzer Price itself is often cited as the highest honor for american journalists. Among the various categories there are two winning entries for [Breaking News Photography](http://www.pulitzer.org/year/2008/breaking-news-photography) and [Feature Photography](http://www.pulitzer.org/year/2008/feature-photography).
 
-![Pulitzer Price](../media/pulitzer.png)
+![Pulitzer Price](./pulitzer.png)
 
 In the Breaking News Photography the price was won by Adrees Latif of Reuters [for his picture of the japanese videographer Kenji Nagai shot down during riots in Myanmar in 2007](http://www.pulitzer.org/year/2008/breaking-news-photography/works/).
 

src/content/articles/2008-04-09-changing-the-image-icons-in-mac-os-x-leopard/index.md

@@ -17,33 +17,39 @@ redirect_from:
 
 After i released my [Aperture File Types icon set](http://www.kremalicious.com/goodies) many of you asked how they can really use these icons for displaying the icons of images on your Mac system.
 
-[![Aperture File Types](../media/aperturefiletypes.png)](../media/aperturefiletypes.png)
+![Aperture File Types](./aperturefiletypes.png)
 
 Sadly this isn't as easy as dropping them in [Candybar](http://www.panic.com/candybar) into a well for image icons cause there isn't any well for them. So using other icons as standard file type icons for images is a bit tricky. I discovered two ways of doing it, which involves overwriting resources of Preview.app and Photoshop. So before doing anything I mention in this post, you should make a backup copy of them.
 
 ## Changing Preview.app icons
 
-[![Open with Preview](../media/openwithpreview.png)](../media/openwithpreview.png)Image icons in Mac OS X doesn't really belong to the system icons. Instead they come from [Preview.app](http://www.apple.com/macosx/features/300.html%23preview) which is the factory default application for viewing images on Mac OS X.
+![Open with Preview](./openwithpreview.png)
+
+Image icons in Mac OS X don't really belong to the system icons. Instead they come from [Preview.app](http://www.apple.com/macosx/features/300.html%23preview) which is the factory default application for viewing images on Mac OS X.
 
 And since Preview.app is used to show the icons we can find all file type icons for images in Preview.app > Contents > Resources. You get there by right clicking on Preview in your Applications folder and choosing Show Package Contents from the context menu. There you'll find icons in icns-format for bmp, dng, eps, fax, fpx, gif, icns, ico,jp2, jpeg, openexr, pdf, pict, png, pntg, ps, psd, qtif, radiance, raw, sgi, tga, tiff, xbm.
 
 You can just rename the desired icons from my icon pack in icns-format and replace them in the contents > resources of Preview.app.
 
-![path Preview](../media/pathpreview.png)
+![path Preview](./pathpreview.png)
 
 But, as you can see, Preview doesn’t have an unique icon for all RAW file types. Instead it uses just a generic RAW-icon named RAW.icns.
 
-[![RAW](../media/raw.png)](../media/raw.png)So here’s what you can do: Grab your desired RAW-file icon from my icon package in icns-format. Rename it as RAW.icns. Copy it over to Preview.app > Contents > Resources and overwrite the standard icon. Making a backup copy of Preview.app before doing that is a wise thing here.
+![RAW](./raw.png)
+
+So here’s what you can do: Grab your desired RAW-file icon from my icon package in icns-format. Rename it as RAW.icns. Copy it over to Preview.app > Contents > Resources and overwrite the standard icon. Making a backup copy of Preview.app before doing that is a wise thing here.
 
 The problem is that from now on every RAW-file is represented by this icon, which is ok if you just use one RAW-format. But it's a problem if you use more than one RAW format.
 
 ## Changing the file type icons of Photoshop
 
-[![Photoshop CR2](../media/PS_CR2FileIcon.png)](../media/PS_CR2FileIcon.png)A solution to this mess is Photoshop. So this solution just works if you have Photoshop installed. Photoshop does have a unique icon for every RAW-format out there. To confirm that you can choose Adobe Photoshop as Standard Application in the Get Info window and the icon of the file should change instantly.
+![Photoshop CR2](./PS_CR2FileIcon.png)
+
+A solution to this mess is Photoshop. So this solution just works if you have Photoshop installed. Photoshop does have a unique icon for every RAW-format out there. To confirm that you can choose Adobe Photoshop as Standard Application in the Get Info window and the icon of the file should change instantly.
 
 So here's the trick: The icons from Photoshop are stored in Adobe Photoshop CS3.app > Contents > Resources. the icon e.g. for .cr2-icons is named PS_CR2FileIcon.icns. Just rename the icons in my pack in the naming scheme used in the Photoshop Resources and replace them.
 
-![Path Photoshop](../media/pathphotoshop.png)
+![Path Photoshop](./pathphotoshop.png)
 
 Hope this helps you although it's very tricky. But changing icons for images in Mac OS X is a bit out of my control since i don't develop Mac OS X.
 

src/content/articles/2008-04-14-new-automation-helper-for-apples-aperture-released/index.md

@@ -11,7 +11,7 @@ tags:
 
 Panoramic photographer [Ian Wood](http://www.ianjameswood.co.uk/) has released an automation helper for Apple's Aperture called [Aperture Assistant](http://aperture-assistant.com) as a first beta version (build 49).
 
-![Aperture Assistent](../media/apassis.png)
+![Aperture Assistent](./apassis.png)
 
 Aperture Assistent allows you to setup and automate complex tasks for Apple's Aperture beyond the Apple delivered Automator actions in Mac OS X. The setup of these workflows is as easy as dragging around visual flowcharts.
 

src/content/articles/2008-04-15-webkit-team-introduced-css-based-gradients/index.md

@@ -12,7 +12,7 @@ tags:
 
 Writing right now on a longer article about text-shadow and it's implementation in WebKit, the rendering engine which powers Safari and Konqueror.
 
-![WebKit](../media/webkit.png)
+![WebKit](./webkit.png)
 
 But now this exciting news popped up from Surfin' Safari, the blog of the WebKit development team:
 

src/content/articles/2008-04-17-make-cool-and-clever-text-effects-with-css-text-shadow/index.md

@@ -14,7 +14,7 @@ redirect_from:
 
 The aim of this article is to give you a quick introduction of a css property named text-shadow which was first included in CSS2 (but it's not implemented in all browsers yet). Nevertheless you can make some cool effects with it, which could only be done before by photoshopping text and rendering it as an image.
 
-![CSS](../media/css.png)
+![CSS](./css.png)
 
 Because it's included in Safari since version 1.1(!) Mac users should be aware of various effects done by this property. In fact, most companys and persons with mac users as their main target audience use this effect on their websites.
 
@@ -32,11 +32,11 @@ Here's an overview of the headlines in this article. As you can see it's rather
 
 ## 1. What text-shadow is good for
 
-![kremalicious navbar](../media/navbar-kremalicious.png 'subtle glow in my navigation')
+![kremalicious navbar](./navbar-kremalicious.png 'subtle glow in my navigation')
 
 The main goal of this property is to give designers and css coders a tool to make text effects, which could only be done before by rendering text as images with all the side effects. Text rendered as an image isn't searchable and therefore very undelicious for search engines. Another side effect is the fact that images can be way more bigger as one small line of code in terms of file size. As you may know most css-files, which contain the whole layout of a website, are smaller than one image on most websites. So it's really clever to use a css function instead of images for reducing unnecessary traffic.
 
-![text-shadow used on apple.com](../media/textshadow-apple.png 'text-shadow on apple.com')
+![text-shadow used on apple.com](./textshadow-apple.png 'text-shadow on apple.com')
 
 Utilizing text-shadow to simulate engraved or stenciled text is widely used on websites. Apple did it everywhere in Mac OS X not just since Leopard (just look at the titlebars). So if you design a website for Mac users you can increase the sexyness of your website, because this particular usage of text-shadow integrates very well with the overall look of Mac OS X. I will explain how to achieve this engraved-text-on-metal effect later on in this article.
 
@@ -107,7 +107,7 @@ text-shadow: 2px 2px 3px #000;
 
 <p style="color: #000;background: #fff;text-shadow: 2px 2px 3px #000;text-align:center;font-size:24px;font-family:Helvetica,sans-serif;font-weight:300;padding:0.3em">I'm a text with a smooth shadow</p>
 
-![image](../media/text-shadow-1.png)
+![image](./text-shadow-1.png)
 
 Or you can make it not so smooth but also good looking by ignoring the blur radius and setting a lighter color for the shadow:
 
@@ -119,7 +119,7 @@ text-shadow: 2px 2px #000;
 
 <p style="color: #000;background: #fff;text-shadow: 2px 2px #000;text-align:center;font-size:24px;font-family:Helvetica,sans-serif;font-weight:300;padding:0.3em">I'm a text with no smooth shadow</p>
 
-![image](../media/text-shadow-2.png)
+![image](./text-shadow-2.png)
 
 Using some negative values you can make the shadow look like it's lightsource is placed below the text:
 
@@ -133,7 +133,7 @@ text-shadow: 2px -2px 3px #000;
 background: #fff;
 text-shadow: 2px -2px 3px #000;text-align:center;font-size:24px;font-family:Helvetica,sans-serif;font-weight:300;padding:0.3em">I'm a text with a smooth shadow</p>
 
-![image](../media/text-shadow-3.png)
+![image](./text-shadow-3.png)
 
 Of course you can make it more funky and horrible to read:
 
@@ -147,7 +147,7 @@ text-shadow: 2px 2px 2px #ff3300;
 background: #fff;
 text-shadow: 2px 2px 2px #ff3300;text-align:center;font-size:24px;font-family:Helvetica,sans-serif;font-weight:300;padding:0.3em">I'm funky colored text</p>
 
-![image](../media/text-shadow-4.png)
+![image](./text-shadow-4.png)
 
 ## 5.2 Apple style (engraved text on metal)
 
@@ -163,7 +163,7 @@ text-shadow: 0px 1px 1px #fff;
 background: #666;
 text-shadow: 0px 1px 1px #fff;text-align:center;font-size:24px;font-family:Helvetica,sans-serif;font-weight:bold;padding:0.3em">I'm engraved text</p>
 
-![image](../media/text-shadow-5.png)
+![image](./text-shadow-5.png)
 
 This even works the other way around on a black background with grey text by adjusting only the color values:
 
@@ -177,7 +177,7 @@ text-shadow: 0px 1px 0px #ccc;
 background: #000;
 text-shadow: 0px 1px 0px #ccc;text-align:center;font-size:24px;font-family:Helvetica,sans-serif;font-weight:bold;padding:0.3em">I'm engraved text on black</p>
 
-![image](../media/text-shadow-6.png)
+![image](./text-shadow-6.png)
 
 Or you can make this one which looks like the text stands out from the background:
 
@@ -191,7 +191,7 @@ text-shadow: 0px 1px 1px #000;
 background: #666;
 text-shadow: 0px 1px 1px #000;text-align:center;font-size:24px;font-family:Helvetica,sans-serif;font-weight:300;padding:0.3em">I'm on top of the background</p>
 
-![image](../media/text-shadow-7.png)
+![image](./text-shadow-7.png)
 
 ## 5.3 Make your text glow
 
@@ -207,7 +207,7 @@ text-shadow: 1px 1px 6px #fff;
 background: #000;
 text-shadow: 1px 1px 6px #fff;text-align:center;font-size:24px;font-family:Helvetica,sans-serif;font-weight:300;padding:0.3em">I'm subtle glowing text</p>
 
-![image](../media/text-shadow-8.png)
+![image](./text-shadow-8.png)
 
 You can also make the whole text blurry by using the same color for text and shadow with no offset:
 
@@ -221,7 +221,7 @@ text-shadow: 0px 0px 3px #fff;
 background: #666;
 text-shadow: 0px 0px 3px #fff;text-align:center;font-size:24px;font-family:Helvetica,sans-serif;font-weight:300;padding:0.3em">I'm also glowing but more blurry</p>
 
-![image](../media/text-shadow-9.png)
+![image](./text-shadow-9.png)
 
 We can make it quite mysterious by using the same color for text and background and make the text just visible through text-shadow. Remember that the same color for text and background can be bad for usability...:
 
@@ -235,7 +235,7 @@ text-shadow: 1px 1px 4px #fff;
 background: #000;
 text-shadow: 1px 1px 4px #fff;text-align:center;font-size:24px;font-family:Helvetica,sans-serif;font-weight:300;padding:0.3em">I'm pretty mysterious looking text</p>
 
-![image](../media/text-shadow-10.png)
+![image](./text-shadow-10.png)
 
 Or the other way around to make it look light and... milky:
 
@@ -249,7 +249,7 @@ text-shadow: 1px 1px 4px#000;
 background: #fff;
 text-shadow: 1px 1px 4px#000;text-align:center;font-size:24px;font-family:Helvetica,sans-serif;font-weight:300;padding:0.3em">I'm pretty milky looking text</p>
 
-![image](../media/text-shadow-11.png)
+![image](./text-shadow-11.png)
 
 ## 5.4 Duplicate your text
 
@@ -265,7 +265,7 @@ text-shadow: 0px 20px #000;
 background: #fff;
 text-shadow: 0px 20px #000;text-align:center;font-size:24px;font-family:Helvetica,sans-serif;font-weight:300;padding:0.3em">Which line is text, which is shadow?</p>
 
-![image](../media/text-shadow-13.png)
+![image](./text-shadow-13.png)
 
 ## 5.5 Multiple shadows
 
@@ -286,18 +286,20 @@ text-shadow:
 background: #000;
 text-shadow: 0 0 4px #ccc, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 11px #f80, 2px -18px 18px #f20;text-align:center;font-size:24px;font-family:Helvetica,sans-serif;font-weight:300;padding:0.5em">Isn't this awesome?</p>
 
-![image](../media/text-shadow-12.png)
+![image](./text-shadow-12.png)
 
 ## 6. Hack: Avoid jagged light-on-dark text rendering in Safari
 
-[![sub-pixel rendering](../media/text-shadow-15.png)](../media/text-shadow-hack.png)
+![sub-pixel rendering](./text-shadow-hack.png)
 
 More than a hack than an effect but it addresses the poor light-on-dark text rendering in Safari. This is caused by the [sub-pixel rendering](http://en.wikipedia.org/wiki/Subpixel_rendering) of OS X's Quartz 2D layer as a part of the Core Graphics framework. Also Safari 3.1 on Windows uses sub pixel rendering instead of plain anti-aliasing.
 
-[![anti-alias rendering through text-shadow](../media/text-shadow-14.png)](../media/text-shadow-hack.png)
+![sub-pixel rendering](./text-shadow-15.png)
 
 In most situations this improves the legibility and smoothness of all 2D-text rendered throughout the Mac OS X interface which makes everything look so gorgeous. But it has some [rough problems with light text on dark backgrounds in Safari](http://equinox-of-insanity.com/2007/08/osx-text-rendering/) This problem doesn't exist when using anti-aliasing.
 
+![anti-aliasing rendering](./text-shadow-14.png)
+
 And since [24ways'](http://24ways.org/2006/knockout-type) and [Cameron's discovery](http://cameron.io/photo/id:1055) we know that Safari renders all text-shadow-styled text with plain anti-aliasing instead of sub-pixels. So we can add a text-shadow with an offset of 0px to the desired text style:
 
 ```css

src/content/articles/2008-04-22-apple-releases-sdk-for-aperture-21/index.md

@@ -10,7 +10,7 @@ tags:
 
 Just right after [Tiffen and Digital Film Tools announced](http://www.kremalicious.com/2008/04/first-aperture-adjustment-plugins-have-arrived/) their new image editing plugins for Aperture 2.1, Apple has released the Software Development Kit (SDK) for coding Aperture 2.1 plugins.
 
-![Aperture](../media/aperture97.png)
+![Aperture](./aperture97.png)
 
 It's available [from Apple's Developer Connection](https://connect.apple.com/cgi-bin/WebObjects/MemberSite.woa/wa/getSoftware?bundleID=20044) for registered members (registering is free). You can grab the Aperture 2.1 plugin-SDK (3D9) as a 595KB download from there and start coding.
 

src/content/articles/2008-04-28-more-awesomeness-from-the-webkit-team-css-masks/index.md

@@ -11,7 +11,7 @@ tags:
 
 They won't stop with their cutting edge love. After having [text-shadow](http://www.kremalicious.com/2008/04/make-cool-and-clever-text-effects-with-css-text-shadow/) implemented since many years and having a bunch of other cool stuff implemented like CSS gradients or CSS box-shadow the WebKit team freshly announced a new cool feature: CSS alpha masks.
 
-![WebKit](../media/webkit.png)
+![WebKit](./webkit.png)
 
 From the Surfin' Safari Blog:
 

src/content/articles/2008-05-04-using-the-canoscan-lide-500f-with-mac-os-x-leopard/index.md

@@ -1,6 +1,6 @@
 ---
 title: Using the CanoScan LiDE 500F scanner with Mac OS X Leopard
-image: ../media/canoscanlide500f.jpg
+image: ./canoscanlide500f.jpg
 
 date: 2008-05-04 16:04:48+00:00
 
@@ -27,7 +27,7 @@ The changelog says:
 
 So this sounds just right. You can download the new universal scanner driver from [Canon USA](http://www.usa.canon.com/consumer/controller?act=ModelInfoAct&tabact=SupportDetailTabAct&fcategoryid=235&modelid=11011#DownloadDetailAct) or [Canon Asia](http://support-asia.canon-asia.com/contents/ASIA/EN/0900321901.html). Following these links takes you right to the driver download page for this scanner.
 
-![Driver package contents](../media/canondrivercontents.png)
+![Driver package contents](./canondrivercontents.png)
 
 You will get a file named lide500fosx11250en.dmg in your downloads folder. Just mount it and double click the package installer inside of the image. If you have a previous version of the driver installed you should remove all parts of it from the system and make a restart to avoid any problems. You can follow my screenshot on the right which shows the contents of the installer package to find all components on your system.
 
@@ -39,7 +39,7 @@ After a restart you should be able to use the scanner as a TWAIN device all over
 
 ### Preview / Image Capture
 
-![Scan window Preview](../media/scanwindow_preview.png)
+![Scan window Preview](./scanwindow_preview.png)
 
 Leopard included a new version of Preview, the pdf and image-viewing application by Apple and also a new version of Image Capture. To use it with your scanner just plug in the scanner, open Preview and choose File > Import Image or just open the Image Capture application. A new scan window should open doing an automatic overview scan. In the scan window you have some minor options like resolution, scaling etc. You can even make simple but powerful image corrections down at the bottom (set it to manual).
 
@@ -47,7 +47,7 @@ But the best thing with the new Image Capture is the feature of setting the bit
 
 ### Scanning right into Apple Aperture
 
-![Aperture Scanning](../media/aperturescan.png)
+![Aperture Scanning](./aperturescan.png)
 
 Wouldn't that be great? Although the scanner is shown as a source in the import dialogue you can't import images with it directly from Aperture. Maybe someone will code a generic scanning plugin for Aperture like VueScan for Aperture or something like that. But I guess this is something just Canon is able to do that and they won't.
 
@@ -55,11 +55,11 @@ But using Preview/Image Capture and Automator you can bypass this limitation. If
 
 ### Adobe Photoshop CS3
 
-![ScanGear Scan Window](../media/scangearwindow.png)
+![ScanGear Scan Window](./scangearwindow.png)
 
 Just like with Creative Suite 2 you can use Photoshop to import images with your Scanner by using the Canon ScanGear software which indeed is just the scan window in Photoshop. Just chose File > Import > CanoScan LiDE 500F in Photoshop. If you have installed the driver for the first time the scan window in Photoshop defaults to Simple Mode. But if you want it simple you better chose a Preview/Image Capture workflow. So in Photoshop you should head over to Advanced Mode and check the preferences button down at the bottom first.
 
-![ScanGear Color Settings](../media/scangear_color.png)
+![ScanGear Color Settings](./scangear_color.png)
 
 Under the Color Settings tab you should set your preferred color management options.
 
@@ -69,6 +69,6 @@ Another task you should do before scanning the first time with this driver is ca
 
 Now you can set your scanning preferences and start scanning into Photoshop. Don't forget to chose Color(48Bit) in the Color Mode dropdown menu for 16 bit scanning.
 
-![Color Mode](../media/scangear48bit.png)
+![Color Mode](./scangear48bit.png)
 
 The advantage of this last workflow with Photoshop and ScanGear is more control over the scanner and therefore more control of the way your images will look right after the scan. If you want simplicity do it the OSX way by using Preview/Image Capture and simply automate it with Automator to serve your scanned images to your preferred application.

src/content/articles/2008-05-05-scan-images-directly-into-apple-aperture.md

@@ -1,38 +0,0 @@
----
-title: Scan images directly into Apple Aperture
-author: Matthias Kretschmann
-image: ../media/aperturescan.png
-
-date: 2008-05-05 04:15:11+00:00
-
-tags:
-  - photography
-  - aperture
-  - tutorial
-  - macos
-  - apple
-
-toc: true
----
-
-Wouldn't that be great? Hook up your scanner, fire up Aperture, click on Import and the images coming directly from your scanner plate? Although my scanner is shown as a source in the import dialogue you can't import images with it directly from Aperture. But using Preview/Image Capture and Automator you can bypass this limitation. So here's what you can do to scan directly into Aperture in 3 simple steps.
-
-In the Image Capture scan window you can define an automatic task which will follow the scan process. It defaults to Preview meaning that the scanned image will open as a new Preview document after the scan. But we can make the images import to Aperture after the scan just with tools which are build into Mac OS X and come with every Mac (besides Aperture).
-
-## 1. Make an Automator action
-
-![Automator](../media/automator.png)Open up Automator and click on the photos library item. Find the Aperture action "Import Photos" and drag and drop it on the workflow field. Then you can chose your desired project or a new project for the scanned images to appear. I have a project for all new images called @Review so I chose that one as my target project. You can set a referenced import or the deletion of your source images as well. If you want to chose the desired project or any of the other preferences every time you're scanning you have to activate "Show this action when the workflow runs" in the Options of this action.
-
-To make it a bit cooler we can assign one or more keywords to our scanned images automatically. Just drag and drop the "Assign keywords to images" action and add a keyword like "Scan" or something like that. Finally we can set some usual IPTC-tags with the "Set IPTC Tags" action. In the end you should have something like this (click to zoom):
-
-[![Aperture Import Workflow](../media/apertureimport_automator.png)](../media/apertureimport_automator.png)
-
-## 2. Save it as a plug-in for Image Capture
-
-[![Aperture Import Workflow2](../media/apertureimportplugin.png)](../media/apertureimportplugin.png)Now we're going to save the whole workflow we clicked together. But instead of saving it as a general workflow chose File > Save as Plug-in. Type in a name like "Import to Aperture" and chose Image Capture from the dropdown menu and click save. Now your workflow has become a freshly new plug-in of the Image Capture application. If you ever want to delete, edit or just backup your Image Capture Plugins you can find them in your user folder library under /Workflows/Applications/Image Capture.
-
-## 3. Scanning and have fun
-
-[![Aperture Import Workflow3](../media/apertureimport_automatic.png)](../media/apertureimport_automatic.png)Plug in your scanner and open up Image Capture. A new scan window should open with your connected scanner as source. Now we have to define our freshly created plug-in as a task which will run after the image was scanned. Just chose your freshly created workflow from the Automatic Task dropdown menu and there you have it. So after you hit the scan button our freshly created workflow will run after the scan.
-
-Just be creative with Automator. You can set up a lot of workflows for every thinkable scanning task and you can even backup your scanned images before or after importing them to Aperture by copying them into a new burn folder or make an archive from them which also could be automatically saved to a web server and so on...

src/content/articles/2008-05-05-scan-images-directly-into-apple-aperture/index.md

@@ -0,0 +1,42 @@
+---
+title: Scan images directly into Apple Aperture
+author: Matthias Kretschmann
+image: ./aperturescan.png
+
+date: 2008-05-05 04:15:11+00:00
+
+tags:
+  - photography
+  - aperture
+  - tutorial
+  - macos
+  - apple
+
+toc: true
+---
+
+Wouldn't that be great? Hook up your scanner, fire up Aperture, click on Import and the images coming directly from your scanner plate? Although my scanner is shown as a source in the import dialogue you can't import images with it directly from Aperture. But using Preview/Image Capture and Automator you can bypass this limitation. So here's what you can do to scan directly into Aperture in 3 simple steps.
+
+In the Image Capture scan window you can define an automatic task which will follow the scan process. It defaults to Preview meaning that the scanned image will open as a new Preview document after the scan. But we can make the images import to Aperture after the scan just with tools which are build into Mac OS X and come with every Mac (besides Aperture).
+
+## 1. Make an Automator action
+
+![Automator](./automator.png)Open up Automator and click on the photos library item. Find the Aperture action "Import Photos" and drag and drop it on the workflow field. Then you can chose your desired project or a new project for the scanned images to appear. I have a project for all new images called @Review so I chose that one as my target project. You can set a referenced import or the deletion of your source images as well. If you want to chose the desired project or any of the other preferences every time you're scanning you have to activate "Show this action when the workflow runs" in the Options of this action.
+
+To make it a bit cooler we can assign one or more keywords to our scanned images automatically. Just drag and drop the "Assign keywords to images" action and add a keyword like "Scan" or something like that. Finally we can set some usual IPTC-tags with the "Set IPTC Tags" action. In the end you should have something like this (click to zoom):
+
+![Aperture Import Workflow](./apertureimport_automator.png)
+
+## 2. Save it as a plug-in for Image Capture
+
+![Aperture Import Workflow2](./apertureimportplugin.png)
+
+Now we're going to save the whole workflow we clicked together. But instead of saving it as a general workflow chose File > Save as Plug-in. Type in a name like "Import to Aperture" and chose Image Capture from the dropdown menu and click save. Now your workflow has become a freshly new plug-in of the Image Capture application. If you ever want to delete, edit or just backup your Image Capture Plugins you can find them in your user folder library under /Workflows/Applications/Image Capture.
+
+## 3. Scanning and have fun
+
+![Aperture Import Workflow3](./apertureimport_automatic.png)
+
+Plug in your scanner and open up Image Capture. A new scan window should open with your connected scanner as source. Now we have to define our freshly created plug-in as a task which will run after the image was scanned. Just chose your freshly created workflow from the Automatic Task dropdown menu and there you have it. So after you hit the scan button our freshly created workflow will run after the scan.
+
+Just be creative with Automator. You can set up a lot of workflows for every thinkable scanning task and you can even backup your scanned images before or after importing them to Aperture by copying them into a new burn folder or make an archive from them which also could be automatically saved to a web server and so on...

src/content/articles/2008-05-07-high-quality-watermarks-with-aperture/index.md

@@ -1,6 +1,6 @@
 ---
 title: 'HowTo: Use high-quality watermarks in your images with Aperture 2.1'
-image: ../media/watermark_aperture.jpg
+image: ./watermark_aperture.jpg
 
 date: 2008-05-07 03:27:25+00:00
 
@@ -14,9 +14,9 @@ redirect_from:
   - /2008/05/high-quality-watermarks-with-aperture/
 ---
 
-Since version 1.0 Aperture is able to render images on export with a graphic overlay on top of them called watermark. This feature of Apple's Aperture can give you a chance to make stealing your web-published pictures a bit harder. So let's see how we can make Aperture automatically render watermarks on our images during export. In this article we will make a watermark with a transparent background and add some text on top of it.
+Since version 1.0, Aperture is able to render images on export with a graphic overlay on top of them called watermark. This feature of Apple's Aperture can give you a chance to make stealing your web-published pictures a bit harder. So let's see how we can make Aperture automatically render watermarks on our images during export.
 
-The steps for this magic involves 4 simple steps:
+In this article we will make a watermark with a transparent background and add some text on top of it. The steps for this magic involves 4 simple steps:
 
 1. Create a watermark image in Photoshop
 2. Render different sizes of the watermark image
@@ -29,29 +29,29 @@ Open up Photoshop and load a photo taken with your camera in full size (pixel si
 
 To illustrate the process I will use a picture taken by me. Create a new layer on top of the background layer and call it "watermark" or anything you like.
 
-![Aperture Watermark example 1](../media/watermark_1.png)
+![Aperture Watermark example 1](./watermark_1.png)
 
 If you want it simple you can start with the Text tool right now but I prefer to add a background so our text is always readable no matter if the photo is dark or light. With the select tool draw a rectangle on the bottom of the image. Then select the Paintbucket tool, chose a foreground color of white and click on the selection in the image so the rectangle selection is filled with white.
 
-![Aperture Watermark example 2](../media/watermark_2.png)
+![Aperture Watermark example 2](./watermark_2.png)
 
 Add some inner shadow by double clicking on the watermark layer and adjusting the values for inner shadow (just have a german speaking Photoshop version while writing this article but i guess you can identify the values visually):
 
-![Aperture Watermark example 3](../media/watermark_3.png)
+![Aperture Watermark example 3](./watermark_3.png)
 
 Adjust the Fill of the layer to 40%. This will just make the fill color transparent while the opacity of the layer styles are preserved. You should end up with something like this:
 
-![Aperture Watermark example 4](../media/watermark_4.png)
+![Aperture Watermark example 4](./watermark_4.png)
 
 Next select the Text tool, chose a black color in the tool preferences and click on the image. A new layer will be automatically created and you can type in the text you want to use in your watermark. For this tutorial I just used the copyright sign (opt + g) with a year and the word "Watermark". I used Helvetica Neue Ultra Light as font face.
 
 Place the text at the bottom right and be sure to add some space to the right and to the bottom. Next set the layer mode of the text layer to "Overlay". Finally I've added a logo and set it's opacity to 80%. So now you should end up with something like this:
 
-![Aperture Watermark example 5](../media/watermark_5.png)
+![Aperture Watermark example 5](./watermark_5.png)
 
 Now delete the Background layer. You should see the transparent grid. Next chose Image > Trim from the menu bar, select transparent pixels and click ok. The result should look like this:
 
-![Aperture Watermark example 6](../media/watermark_6.png)
+![Aperture Watermark example 6](./watermark_6.png)
 
 Although Aperture is able to render all layers even with their layer styles correctly it has some problems with text layers and their styles. So to be on the save side you should flatten the layers by selecting them all (with command + click on the name of the layers) and pressing command + e which will merge all layers into one. After this step you won't be able to edit your layers so maybe you want to save your document BEFORE this step as an editable psd template file. Be sure that the background of your canvas remains transparent.
 
@@ -71,7 +71,7 @@ Now you can close Photoshop or let it open if you have enough RAM.
 
 Now we're going to make the watermark image part of an export preset inside Aperture. Open up Aperture and chose Aperture > Presets > Image Export from the menubar. In the Export Presets dialogue add a new preset by clicking on the little plus sign at the bottom left of the dialogue and give it a name:
 
-![Aperture Watermark example 7](../media/watermark_7.png)
+![Aperture Watermark example 7](./watermark_7.png)
 
 Now adjust your desired values before the "Show Watermark" part at the right. After you've finished click on the checkbox beside "Show Watermark" to activate watermarks for this export preset. For our example we will set the position of the image to Lower Right. Either drag your freshly created watermark.psd onto the drop field or chose it via Aperture's file inspector by clicking on the Choose Image button. The watermark image is automatically copied over to the Library folder of the user under /Application Support/Aperture/WatermarkImages. Just keep that in mind when you want to update your watermark images.
 
@@ -79,19 +79,19 @@ As said before you can adjust the opacity of your watermark image but since we h
 
 Finally you can activate the "Scale watermark" checkbox if you want to use your big sized watermark image once and let Aperture scale it down for you. If you have created different sized watermark images you want to leave this deactivated and create a unique export preset for every size you want to export to. In this example we end up with those values:
 
-![Aperture Watermark example 8](../media/watermark_8.png)
+![Aperture Watermark example 8](./watermark_8.png)
 
 If you're done just click OK and select an image you want to export. Select File > Export > Versions from the menubar or press shift + command + e. In the Aperture file dialogue chose your destination and select your freshly created preset from the Export Preset dropdown menu and click OK.
 
-![Aperture Watermark example 9](../media/watermark_9.png)
+![Aperture Watermark example 9](./watermark_9.png)
 
 Your image is rendered in the background and you should end up with something like this. Click on it to zoom to the full sized version or open the link to the full image in a new browser window. (the full view image is scaled down with a 1024x1024px preset):
 
-![Aperture Watermark example final](../media/watermarkexample_final.jpg)
+![Aperture Watermark example final](./watermarkexample_final.jpg)
 
 You can also have a look at the psd file by downloading it here:
 
-[PSD-file Aperture Watermark example (zip-file, 557kb)](http://www.kremalicious.com/media/watermark_example_by_kremalicious.zip)
+[PSD-file Aperture Watermark example (zip-file, 557kb)](./watermark_example_by_kremalicious.zip)
 
 Needless to say that you can be very creative with your watermarks. If you think you have to showcase your watermark image used in Aperture feel free to leave it in the comments for this post.
 
@@ -99,11 +99,11 @@ Here are some quick examples by me:
 
 You can be a bit more subtle:
 
-![Aperture Watermark example v2](../media/watermarkexample_v2.jpg)
+![Aperture Watermark example v2](./watermarkexample_v2.jpg)
 
 Or use a subtle colorful spectrum:
 
-![Aperture Watermark example v3](../media/watermarkexample_v3.jpg)
+![Aperture Watermark example v3](./watermarkexample_v3.jpg)
 
 ## 4. Make even more
 
@@ -113,7 +113,7 @@ Just create a watermark image which has exactly the same size as your exported i
 
 And maybe you end up with something like this grunge old look just done with the watermark feature of Aperture:
 
-![Aperture Watermark example v4](../media/watermarkexample_v4.jpg)
+![Aperture Watermark example v4](./watermarkexample_v4.jpg)
 
 And that's it. Hope this article helped you mastering the watermark feature of Aperture.
 

src/content/articles/2008-05-07-nik-ships-viveza-as-the-first-available-aperture-editing-plugin/index.md

@@ -12,7 +12,7 @@ tags:
 
 Today [Nik Software](http://www.niksoftware.com) announced the availability of it's U-point-technology based editing plugin for Apple's Aperture 2.1 called [Viveza](http://www.niksoftware.com/viveza).
 
-![Viveza](../media/viveza.png)
+![Viveza](./viveza.png)
 
 With Viveza photographers are able to select areas from their images and adjust them separately from the rest of the picture by defining so called Color Control Points.