mirror of
https://github.com/kremalicious/blog.git
synced 2024-06-28 00:27:58 +02:00
old assets fixes
This commit is contained in:
parent
2b6ad3b010
commit
a8c1cc67ba
GPG Key ID:
BD3C1F3EDD7831FC
Binary file not shown.
|
Before Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 93 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 63 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 67 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 37 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 34 KiB |
|
|
@ -3,6 +3,7 @@ layout: post
|
|||
|
||||
title: 'HowTo: Use high-quality watermarks in your images with Aperture 2.1'
|
||||
author: Matthias Kretschmann
|
||||
image: watermark_aperture.jpg
|
||||
|
||||
date: 2008-05-07 03:27:25+00:00
|
||||
wordpress_id: 48
|
||||
|
|
@ -16,7 +17,7 @@ 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.
|
||||
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. The steps for this magic involves 4 simple steps:
|
||||
|
||||
|
|
@ -28,36 +29,36 @@ So let's see how we can make Aperture automatically render watermarks on our ima
|
|||
4. Make even more...
|
||||
|
||||
|
||||
# 1. Create a watermark image in Photoshop
|
||||
## 1. Create a watermark image in Photoshop
|
||||
|
||||
|
||||
Open up Photoshop and load a photo taken with your camera in full size (pixel size of course, not file size). If you have photos with different pixel sizes you should use a photo with the biggest pixel size you're going to export from your Aperture library.
|
||||
|
||||
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.
|
||||
|
||||
[](/media/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.
|
||||
|
||||
[](/media/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):
|
||||
|
||||
[](/media/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:
|
||||
|
||||
[](/media/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:
|
||||
|
||||
[](/media/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:
|
||||
|
||||
[](/media/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.
|
||||
|
||||
|
|
@ -65,10 +66,7 @@ Now you're finished with your watermark image. Save it as a .psd file e.g. in yo
|
|||
|
||||
Since version 2 Aperture can also handle other filetypes than psd as watermark images. So you can also use a jpg or png file. But remember that jpg can't handle transparency. But you can control the final opacity of the overlay image in Aperture so in the end you can have transparancy with a jpg file. More on that later on.
|
||||
|
||||
|
||||
|
||||
# 2. Render different sizes of the watermark image
|
||||
|
||||
## 2. Render different sizes of the watermark image
|
||||
|
||||
Before starting to create hundreds of watermark images remember that Aperture automatically can scale the watermark image down to fit the size of the exported image. So you could just use one watermark image and have Aperture scale it down to the correct size automatically. But it won't scale it up if your image is bigger, that's why we used a photo with the biggest pixel size you're going to export from Aperture. Just test it out with just one watermark image scaled down by Aperture and decide if the quality is enough for you. But even Apple recommends using different sizes.
|
||||
|
||||
|
|
@ -78,7 +76,7 @@ Now you can close Photoshop or let it open if you have enough RAM ;-)
|
|||
|
||||
|
||||
|
||||
# 3. Define the watermark image inside an export preset
|
||||
## 3. Define the watermark image inside an export preset
|
||||
|
||||
|
||||
|
||||
|
|
@ -102,23 +100,14 @@ Finally you can activate the "Scale watermark" checkbox if you want to use your
|
|||
|
||||
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.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
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):
|
||||
|
||||
|
||||
|
||||
[](/media/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)
|
||||
|
||||
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.
|
||||
|
|
@ -127,20 +116,13 @@ Here are some quick examples by me:
|
|||
|
||||
You can be a bit more subtle:
|
||||
|
||||
[](/media/watermarkexample_v2.jpg)
|
||||
|
||||
|
||||
|
||||
|
||||
Or use a subtle colorful spectrum:
|
||||
|
||||
|
||||
|
||||
|
||||
[](/media/watermarkexample_v3.jpg)
|
||||
|
||||
|
||||
|
||||
# 4. Make even more...
|
||||
|
||||
## 4. Make even more...
|
||||
|
||||
You can also use this feature to add borders or a whole new style to your images without the use of a plugin like [BorderFX](http://web.mac.com/reinharduebel/BorderFX/).
|
||||
|
||||
|
|
@ -148,12 +130,8 @@ 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:
|
||||
|
||||
[](/media/watermarkexample_v4.jpg)
|
||||
|
||||
|
||||
|
||||
|
||||
And that's it. Hope this article helped you mastering the watermark feature of Aperture.
|
||||
|
||||
|
||||
|
||||
Update: If you're curious about more ways to add watermarks to your images in an Aperture workflow be sure to check out my article [The Definite Guide To Watermarks In Apple Aperture](http://www.kremalicious.com/2008/10/the-definite-guide-to-watermarks-in-apple-aperture/) which gives you a brief overview about the various ways you can add watermarks to your images so you can easily choose the best one for your needs.
|
||||
Update: If you're curious about more ways to add watermarks to your images in an Aperture workflow be sure to check out my article [The Definite Guide To Watermarks In Apple Aperture](/the-definite-guide-to-watermarks-in-apple-aperture/) which gives you a brief overview about the various ways you can add watermarks to your images so you can easily choose the best one for your needs.
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ layout: post
|
|||
|
||||
title: The 15 best new features of Aperture 2
|
||||
author: Matthias Kretschmann
|
||||
image: aperture15_7.png
|
||||
|
||||
date: 2008-05-07 19:22:49+00:00
|
||||
wordpress_id: 50
|
||||
|
|
@ -12,7 +13,7 @@ tags:
|
|||
- aperture
|
||||
---
|
||||
|
||||
There are already some lists like this available on the web and they are always very subjective so I thought I should add my subjective list too. While Aperture was released I was coding this website and had not much time for writing about it. So although a bit late here is my absolutely biased list of my favorite 15 new features included in Apple's Aperture since version 2.0. It's in a nice countdown order ending with the best new feature (to me) at the bottom. Just click on the little screenshots to smoothly zoom to the full version of them.
|
||||
There are already some lists like this available on the web and they are always very subjective so I thought I should add my subjective list too. While Aperture was released I was coding this website and had not much time for writing about it. So although a bit late here is my absolutely biased list of my favorite 15 new features included in Apple's Aperture since version 2.0. It's in a nice countdown order ending with the best new feature (to me) at the bottom. Just click on the little screenshots to smoothly zoom to the full version of them.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ layout: post
|
|||
|
||||
title: The Definite Guide To Watermarks In Apple Aperture
|
||||
author: Matthias Kretschmann
|
||||
image: watermark_aperture.jpg
|
||||
|
||||
date: 2008-10-26 16:05:58+00:00
|
||||
wordpress_id: 318
|
||||
|
|
@ -15,8 +16,6 @@ redirect_from:
|
|||
- /2008/10/the-definite-guide-to-watermarks-in-apple-aperture/
|
||||
---
|
||||
|
||||
|
||||
|
||||
I received quite a few mails in the last days from Aperture users asking for the best way to add your copyright information or any other so called watermark to your images in an Aperture 2 workflow. Especially new users to Aperture find it quite confusing why there isn't something like a text brick in the Adjustments panel. So Aperture itself lacks the ability of quickly adding some lines of text to your images but nevertheless it has a watermarking feature.
|
||||
|
||||
In this article I will lay out every way I've found to add watermarks to your images in an Aperture 2 workflow and will discuss the advantages and disadvantages of each solution. The goal of this article is to give you a brief overview about the various ways you can add watermarks to your images so you can easily choose the best one for different needs. In short these are the possibilities:
|
||||
|
|
@ -36,7 +35,7 @@ This way is perfect if you want to watermark a lot of images at once or if your
|
|||
|
||||
Update 10/31/2008: Another advantage is the system wide integration of this feature. E.g. you can use Aperture's built-in watermark feature in combination with an [Automator](http://support.apple.com/kb/HT2488?locale=de_DE) workflow. Just create your export preset with a watermark enabled in Aperture. In Automator you can drag the Export Versions action from the Photo section to your workflow and chose the export preset you've created.
|
||||
|
||||
But adding some lines of text to just one image or different text to different images can be rather complex cause you have to create lots of different watermark images and export presets.
|
||||
But adding some lines of text to just one image or different text to different images can be rather complex cause you have to create lots of different watermark images and export presets.
|
||||
|
||||
|
||||
|
||||
|
|
@ -58,7 +57,7 @@ Because of Aperture's workflow design you're always free to open up your image i
|
|||
|
||||
Now you can just right click or ctrl + click on every image to open the context menu and choose Edit With whereas the first entry will be your external editor set in the preferences. Aperture will automatically render your image creating a new file and opens that up. Just add a new text layer in your external editor, type in your preferred text and save the file from there. Aperture will update with the changes accordingly.
|
||||
|
||||
[](/media/watermark_5.png)
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -84,7 +83,7 @@ But since Aperture always creates a psd or tiff file for that you will end up wi
|
|||
|
||||
But it has some powerful features in terms of watermarking: It can read out some IPTC fields to use the text as your copyright text, it is capable of saving presets and you can open several images at once in the plug-in window. So it works similar to Aperture's built-in watermarking feature but gives you full control over the watermark look without leaving Aperture.
|
||||
|
||||
[](/media/aperture_borderfx.png)
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -102,16 +101,16 @@ But you can't see your changes made in the plug-in on the images in your library
|
|||
|
||||
With the release of Aperture 2.1 and its Edit Plug-In architecture Apple also released some sample plug-ins which aren't included in Aperture (just the Dodge & Burn plug-in is). But you can easily [download it from Apple’s Developer Connection website without registration](http://developer.apple.com/samplecode/BordersAndTitles/index.html) for free.
|
||||
|
||||
[](/media/aperture_bt.png)
|
||||
|
||||
|
||||
|
||||
|
||||
This is also something I've covered earlier in my blog with a short article:
|
||||
This is also something I've covered earlier in my blog with a short article:
|
||||
[Quick Tip: Borders & Titles Plug-In for Aperture](http://www.kremalicious.com/2008/06/quick-tip-borders-titles-plug-in-for-aperture/).
|
||||
|
||||
|
||||
|
||||
The functionality of this plug-in is rather rudimentary but it's indeed the quickest way if you just want to add some lines of text to one particular image. But adding the same text on several images can be very frustrating since you can't open more than one image at a time inside the plug-in window.
|
||||
The functionality of this plug-in is rather rudimentary but it's indeed the quickest way if you just want to add some lines of text to one particular image. But adding the same text on several images can be very frustrating since you can't open more than one image at a time inside the plug-in window.
|
||||
|
||||
As with every Edit Plug-In every time you fire up an image with this plug-in Aperture will create a psd file and after hitting save in the plug-in your changes will be rendered destructively on this psd file. So there's no way to go back here without creating a new psd file and starting again.
|
||||
|
||||
|
|
@ -119,7 +118,7 @@ As with every Edit Plug-In every time you fire up an image with this plug-in Ape
|
|||
|
||||
[Impression](http://www.bluecrowbar.com/software/impressionaperture/) is an Aperture Edit Plug-In from [Blue Crowbar Software](http://www.bluecrowbar.com) released in Sept. 2009. The developer claims it's mainly targeted for those people who want to have a copy of their watermarked image within Aperture. Also there's a nice blog post by the developer lining out [why he thinks this plug-in beats Aperture's builtin watermarks.](http://www.bluecrowbar.com/blog/posts/impression-for-aperture.html)
|
||||
|
||||
[](/media/aperture-impression.png)
|
||||
|
||||
|
||||
This plug-in is pretty powerful and probably the best choice for watermarking your images in Aperture through an Edit Plug-In workflow. Watermarking multiple photos at once is also possible and you can use existing PSD or PNG images as a watermark image as well as from a RTF text file. Apart from the functionality it also has a quite beautiful UI with the controls laying over your image.
|
||||
|
||||
|
|
@ -130,7 +129,7 @@ So you see there are quite a few possibilities for adding watermarks in your Ape
|
|||
|
||||
And, except for the export plug-ins, you will leave a non-destructive workflow since all your changes to the image are rendered in a psd or tiff file and any further adjustments in Aperture will also affect your watermark. Also there's no way of going back with these solutions without creating a new psd file.
|
||||
|
||||
So to stay within a non-destructive workflow and to avoid unnecessary big file sizes you should try to use either [Aperture's built-in watermarking feature](http://www.kremalicious.com/2008/05/high-quality-watermarks-with-aperture/) or [Reinhard's BorderFX plug-in](http://web.mac.com/reinharduebel/BorderFX/) in your workflow.
|
||||
So to stay within a non-destructive workflow and to avoid unnecessary big file sizes you should try to use either [Aperture's built-in watermarking feature](http://www.kremalicious.com/2008/05/high-quality-watermarks-with-aperture/) or [Reinhard's BorderFX plug-in](http://web.mac.com/reinharduebel/BorderFX/) in your workflow.
|
||||
|
||||
But if you want e.g. different text on just a few images and want to have your watermarked image within Aperture you should try using the Edit plug-ins or your external editor. Also if you don't care about big file sizes for rather minor changes you can use the Edit plug-ins for watermarking although you'll slightly leave Aperture's non-destructive workflow design with this. This by the way is the case with all the Edit plug-ins. But that's another story...
|
||||
|
||||
|
|
|
|||
10
package.json
10
package.json
|
|
@ -19,9 +19,10 @@
|
|||
"normalize-css": ">=2.3.1",
|
||||
"normalize-opentype.css": ">=0.2.4",
|
||||
"picturefill": ">=2.3.1",
|
||||
"simple-jekyll-search": "^1.1.4",
|
||||
"simple-jekyll-search": ">=1.1.4",
|
||||
"svg4everybody": ">=0.0.2",
|
||||
"webcomponents.js": ">=0.7.1"
|
||||
"webcomponents.js": ">=0.7.1",
|
||||
"vex-js": ">=2.3.4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"browser-sync": ">=2.10.0",
|
||||
|
|
@ -31,7 +32,7 @@
|
|||
"gulp": ">=3.8.0",
|
||||
"gulp-autoprefixer": ">=2.3.0",
|
||||
"gulp-awspublish": ">=2.0.2",
|
||||
"gulp-awspublish-router": "^0.1.1",
|
||||
"gulp-awspublish-router": ">=0.1.1",
|
||||
"gulp-concat": ">=2.5.2",
|
||||
"gulp-cssmin": ">=0.1.7",
|
||||
"gulp-filter": ">=2.0.2",
|
||||
|
|
@ -51,8 +52,7 @@
|
|||
"gulp-uglify": ">=1.2.0",
|
||||
"gulp-util": ">=3.0.6",
|
||||
"merge-stream": ">=0.1.7",
|
||||
"run-sequence": ">=1.1.0",
|
||||
"vex-js": "^2.3.4"
|
||||
"run-sequence": ">=1.1.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=0.10.29"
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user