WEBVTT

00:00:00.000 --> 00:00:04.566
Hi! Welcome to the XMPie uCreate Print training.

00:00:04.566 --> 00:00:11.599
In this tutorial we get hands on with Adobe Photoshop and create a font-based or regular uImage package

00:00:11.600 --> 00:00:14.700
for our EDU open day campaign.

00:00:14.700 --> 00:00:25.033
To start, while watching this video in Campus, go to the download tab and get the resource files for this module. Then uncompress the archive.

00:00:25.033 --> 00:00:28.933


00:00:28.933 --> 00:00:36.766
Next, the font that I will use for this example is a free font from www.dafont.com called Loose Typewriter. 

00:00:36.766 --> 00:00:40.666
So, go to the site and search for the font.

00:00:40.666 --> 00:00:43.999


00:00:44.000 --> 00:00:48.533
Note that this font does not include glyphs for accented characters, 

00:00:48.533 --> 00:00:53.833
so if you need accented characters, you may need to use a different font.

00:00:53.833 --> 00:00:59.366
I’ll download the font and unzip it.  

00:00:59.366 --> 00:01:04.566
To make it available for Adobe applications without increasing the system font load, 

00:01:04.566 --> 00:01:11.166
you should add the font to C:\Program Files\Common Files\Adobe\Fonts 

00:01:11.166 --> 00:01:17.999
or on the Macintosh the path is /Library/Application Support/Adobe/Fonts.

00:01:18.000 --> 00:01:21.266
Go ahead and open the Photoshop file.

00:01:21.266 --> 00:01:26.066
The first thing to do is to check the finished size that we need the image. 

00:01:26.066 --> 00:01:36.599
If I open our EDU Tutorial InDesign file, and select the image we’re going to replace, you can see it is 83 by 56.4 millimetres. 

00:01:36.600 --> 00:01:43.733
Back in Photoshop, there is a short cut to see the image size by clicking and holding the document size information. 

00:01:43.733 --> 00:01:48.766
This image is almost the perfect size, so we don’t need to do anything. 

00:01:48.766 --> 00:01:56.566
But, in your future projects, remember that cropping the image to the right shape and size will save you time in the long run. 

00:01:56.566 --> 00:02:06.099
Saving just one second per image will save you 16 minutes later if you run uImage against a database of 1000 records.

00:02:06.100 --> 00:02:12.200
In the character panel, I will set the font to be Loose Typewriter. 

00:02:12.200 --> 00:02:20.300
Something big – about 30 points should do and change the color to white.

00:02:20.300 --> 00:02:25.233
Select the Text tool and click to place the cursor.

00:02:25.233 --> 00:02:32.633
Type the less-than sign "<" and then FIRSTNAME followed by the greater-than sign ">".

00:02:32.633 --> 00:02:38.133
The less-than and greater-than signs are used to tag the text layer as a variable, 

00:02:38.133 --> 00:02:43.599
and also to define the start and end points for copy fitting.

00:02:43.600 --> 00:02:50.400
Now I want the text to look like it is behind the hats. There are several ways to do that. 

00:02:50.400 --> 00:02:56.300
You could have a layer above the text where the blue sky has been removed like a mask. 

00:02:56.300 --> 00:03:00.700
This works well, but can be a bit time consuming to do.

00:03:00.700 --> 00:03:04.766
Another trick is to use the layer blending options.

00:03:04.766 --> 00:03:12.732
First I want to reduce the opacity to about 55 per cent, and also a little with the advanced blending. 

00:03:12.733 --> 00:03:18.166
I’m trying to get the color and density to look about the same as the cloud.

00:03:18.166 --> 00:03:23.832
To get the text to drop behind the hats, we can use the "blend if" sliders. 

00:03:23.833 --> 00:03:30.966
If the underlaying color is dark, sliding this way will remove the lighter overlaying color. 

00:03:30.966 --> 00:03:34.966
If you go to far, the text will disappear entirely. 

00:03:34.966 --> 00:03:39.099
About 120 - 121 looks good.

00:03:39.100 --> 00:03:48.900
Now to make the text look a bit blurry and wind blown, I’ll use the drop-shadow effect.

00:03:48.900 --> 00:03:52.066
First, I need to swap the color from black to white. 

00:03:52.066 --> 00:03:59.766
And then move the sliders until I can start to see some effect on the screen.

00:03:59.766 --> 00:04:03.466
Oh! I need to set the blend mode to lighten.

00:04:03.466 --> 00:04:11.399


00:04:11.400 --> 00:04:19.500
OK. Now I’m starting to get what I want – I just need some more opacity. 

00:04:19.500 --> 00:04:23.400
Here are the final settings I will use.

00:04:23.400 --> 00:04:26.700


00:04:26.700 --> 00:04:32.166
Now, let’s select Free Transform to rotate and position the text.

00:04:32.166 --> 00:04:43.599


00:04:43.600 --> 00:04:51.866
OK, we are done! All that is left to do is to save the document, and to create the XMPie Document Package.

00:04:51.866 --> 00:05:00.232
To create the package, from the file menu, select Automate and then Export XMPie DPKG.

00:05:00.233 --> 00:05:04.299


00:05:04.300 --> 00:05:07.833
The template type is a regular font type. 

00:05:07.833 --> 00:05:15.633
The copy fitting control allows us to change the font size or horizontal scaling when the database text is inserted. 

00:05:15.633 --> 00:05:21.266
Selecting Overflow and Underflow will both increase and decrease the font 

00:05:21.266 --> 00:05:30.632
so that no matter how long the text is we pass into Photoshop, it will always fill the layer to the greater-than and less-than brackets.

00:05:30.633 --> 00:05:39.166
For this example, I don’t want to stretch out small text, but I do want long text to be reduced to stay within the brackets, 

00:05:39.166 --> 00:05:42.166
so I will choose Overflow. 

00:05:42.166 --> 00:05:50.066
I only want copy fitting to apply if the text overflows the position of the brackets.

00:05:50.066 --> 00:05:55.632
The copy fitting method allows you to select whether the font will be scaled horizontally, 

00:05:55.633 --> 00:05:59.866
or changed in point size when copy fitting is applied.

00:05:59.866 --> 00:06:10.366
For this example, we don’t need to pack an action or script, or assets, and we don’t need to set the optimization path.

00:06:10.366 --> 00:06:16.599
The information area shows the name of the tagged text layers that can be used by uImage. 

00:06:16.600 --> 00:06:24.433
If you don’t see anything here, then you haven’t used the greater-than and less-than brackets to tag your text layer.

00:06:24.433 --> 00:06:30.333
Also listed is the font we used and will be included in the package.

00:06:30.333 --> 00:06:33.199
Agree to copying the font.

00:06:33.200 --> 00:06:41.466
That’s it, you are now ready to use the package in InDesign as demonstrated in a later module of this course.