grid layouts psd templates user guide

6

Upload: bojan-zivkovic

Post on 14-Apr-2015

190 views

Category:

Documents


0 download

DESCRIPTION

User Guide for Grid Layouts PSD Templates. PSD templates are extremely flexible and easy to use. You can resize any of 27 provided layouts to just any size with any ratio. All PSD layouts have variables attached to file so you do not need to deal with variables and to learn how to create them. The real power with variables is that you can generate unlimited number of PSD files with the same layout but different images or files (up to 225 per PSD file) in a minutes.

TRANSCRIPT

Page 1: Grid Layouts PSD Templates User Guide
Page 2: Grid Layouts PSD Templates User Guide

i Download test template

ContentsRequirements and description 1About PSD Templates 1How files are organized 1Using PSD Templates 2Batch rename files in Adobe Bridge 2Open template and load Data Sets 2Customize exported files 3Amazing flexibility with PSD templates 3Customization Tips 3Troubleshooting tips 4Important note 4

Page 3: Grid Layouts PSD Templates User Guide

Requirements and descriptionMinimum requirement to use PSD Templates included in Grid Layouts PSD Templates is Photoshop CS4 with my recommendation. I tested all and PSD templates on Photoshop CS4/5/6, but Variables exist in earlier versions. You can download test template which is included in purchased package to try and to test files on your own what is best and recommended method to avoid any problems.

About PSD TemplatesPSD Templates are extremly flexible and easy to use. You can resize created layout to just any size and aspect ratio. All PSD layouts have variables attached to file so you do not need to deal with Variables and to learn how to create them. The real power with Variables is that you can create unlimited number of same layout with different images (up to 225) in a minutes. To use PSD templates you will need first to select and batch rename files you want to use in Adobe Bridge, it will take only a minute. All you have to do is to choose layout, resize it then to load Data Sets txt file which is also provided along with PSD files. After loading txt file you can export (with files provided in this package) 20 PSD files in chosen layout with up to 4500 images.

Lets say you have 4500 images on your hard drive and you want to arrange them in 15x15 grid layout which will require 20 different files. First step is to batch rename all files using Adobe Bridge. It is matter just to select files then to evoke Batch Rename command. After renaming files open 15x15 template PSD file and resize it to just any size. You can also change resolution, bit depth and color mode by the way. Since PSD files have defined variables you will need just to load Data Sets text files which are in the same folder with template. After previewing layouts with images and how all final files will be exported, you can add stroke between images in any desired width. Last step is to export 20 PSD files using File > Export > Data Sets as Files command. Done! You have 20 PSD files with 4500 different images arranged in 15x15 grids. It will literaly take 5-15 minutes. Number of images I have described is not limitation, you can extend Data Sets on your own and to process more images from once. Best of all you do not have to worry about images sizes, resolutions, bit depths because everything will be adjusted on the fly to fit or fill available space for image. Last thing I want to mention for this short description is that you have 27 different templates to choose with 3x3 to 15x15 grid layout (3x3, 3x4, 3x5, 4x4, 4x5...15x15).

How files are organizedAfter downloading Grid Layouts PSD Test Tempalte you will need to unzip package. There is PDF user guide and 1 subfolder inside Test Grid Layouts PSD Template folder. Instructions are inside user guide PDF file which you are currently reading. Test template, images and text file with variables are inside Test Template folder.

Page 4: Grid Layouts PSD Templates User Guide

2Buy Grid Layouts PSD Templates or visit our Marketplace Download test template

Using PSD Templates Here we are. Variables or big guns of Photoshop. Do not even think you will mess with variables. You wont. There is nothing to mess or to learn new beside you do not know how to batch rename files in Adobe Bridge what is death simple. There is nothing to go wrong if you follow simple instructions. I said simple and I will keep it simple. We will work with 4x4 Template and use 48 images to generate and export 3 PSD files. Each PSD file will contain 16 different images. So, 4x4 means there are 16 different images clipped to 16 placeholders. To substitute existing images in template with some other from hard drive one need to define variables

what I have already done for you. PSD files keeps track of variables, once defined in document and saved in PSD file format, variables will be always there ready to use. Variables + Data Sets allows user to substitute existing images and export as many PSD files as he want using as many images as he have. I prepared in advance 2o Data Sets for 4x4 Template and 10 Data Sets for 4x5 and 4x6 Templates. With 20 Data Sets you can use 320 different images to generate and export 20 PSD files. Best of all you do not have to worry about image sizes, bit depth, resolution, color mode. Everything will be done on the fly by Photoshop.

Batch rename files in Adobe BridgeYou can skip this step when using test template included in package. Start Adobe Bridge and find folder with at least 48 images in JPG file format. By the way JPG is not limitation for variables but it is for files provided to you without customization. Select at least 48 images then go to Tools > Batch Rename. In Batch Rename dialog select Copy to other folder option then click browse button below, navigate to any folder or create new one: Test Template. In New Filenames section choose Text from first drop-down list. Type image_ (image + underscore) in the text field on the right side. From second drop-down list below choose Sequence Number. Type number 1 in the second text field then choose Four Digits from right drop-down list. Click Rename button at the top right corner of Batch Rename dialog. All selected files will be renamed to image_0001.jpg, image_0002.jpg, image_0003.jpg... and copied to previously chosen or created folder.

Open template and load Data SetsYou can skip this step when using test template included in package. Go to Grid Layouts > PSD Templates and Variables > 4x4_5_6 folder. Copy 4x4 template.psd and 4x4 Variables.txt then paste them in the same folder with previously renamed images.

Open 4x4 template.psd in Photoshop. Go to Image > Variables > Data Sets. In Variables dialog click on Import button. Import Data Set dialog will open. Click Select File button and navigate to folder with previously renamed images, psd template and variable text file. Select 4x4 Variables.txt then click Load button at the bottom of Load dialog. You will return to Import Data Set dialog. Choose from Encoding: drop down list Unicode (UTF-8). Click OK button. If you have Preview turned on in variables dialog you will see almost instantly how your template looks like with first 16 images: image_00001.jpg, image_0002.jpg, image_0003.jpg ... image_00016.jpg. If you are using default settings in Data Sets section you will see Data Set 1. Click on triangle on the left side to display in Data Set field Data Set 2. After second you will see how your template looks like with second Data Set or images from image_0017.jpg to image_0032.jpg. Click again on the same triangle to see Data Set 3 displayed in Data Set field. Now you can see how your template can be exported with

Settings to specify in Batch Rename dialog

Preview Data Sets. Turn on Preview and list sets using arrows in Data Sets section

Steps to load Data Sets. First go to Image > Variables > Data Sets1. Click on Import button2. Click Select File then navigate to 4x4 Variables.txt, select it

and click Load3. Choose Unicode (UTF-8) for Encoding4. Confirm on OK button

Page 5: Grid Layouts PSD Templates User Guide

3Buy Grid Layouts PSD Templates or visit our Marketplace Download test template

images in range from image_0033.jpg to image_0048.jpg. If you have more then 48 images selected and renamed following this instructions you can preview with Data Set 4 otherwise you will see error message when you try to preview next set. Note that you must have images in range of image_0049.jpg to image_0064.jpg in order to preview and export with Data Set 4. If you have 63 images then you do not have enough images for Data Set4.

Export and saveAfter previewing is done click on OK button to exit Variables dialog and return to Photoshop. You will still look at template as it is with RGB and CMY color squares. Nothing is done? Where is the point?. Go to File > Export > Data Sets as Files... In Export Dta Sets as Files dialog click on Select Folder button then navigate to folder where you want to export 3 previewed templates. Leave other settings to defaults, at least this one: Data Sets: All Data Sets. Click OK at wait a second. If you follow instructions you will see message: Could not export data”Data Set 4”... Click No button because you have only 48 images what is enough for 3 data sets only which are already exported. You will return to Photoshop window.

Customize exported filesNow you can go in folder specified to export Data Seta as Files and open PSD files in Photoshop. PSD files contains all layers and clipped images as original template. Because I set Pixel Replacement to Fill when defining variables you will be able to adjust position for some or for most of the images. Images are resized on the fly, colors are converted and so on, but not and cropped. Images are actually clipped to placeholders so you can move them and change which portion of image is visible. For finishing touch you can add stroke for desert. Load Template Strokes actions from Grid Layouts > Template Strokes folder and run 4x4 Stroke.

Amazing flexibility with PSD templatesNow close all files you have opened in Photoshop. Return again to beginning of instructions for PSD templates. When you open 4x4 Template.psd in Photoshop beore you do anything else resize template to any size you want. Go to Image > Image Size and type any numbers. You do not have to worry about original ratio. Change it, type for example 2000px for Width and 800px for Height of image, change resolution if you want. When you resize template numbers in template can look blury or distorted because thats all pixels but do not worry, your images when exported wont be, everything will works just fine. You will see that in preview when previewing Data Sets. This is introduction to Variables and Data Sets. What you did with this template can be done with any other in purchased package. To not forget that you can delete or move images from folder and import another images properly named as described previously: Image_0001.jpg, image_0002.jpg...

Customization TipsIf you want to extend usability of Data Sets and use it with some other file formats, for example with PSD native Photoshop format, then open text files which contains variables

Export Data Sets as Files dialog

Click No when Could not export data set message appear.

Because images are clipped but not cropped, you can move them to change which part of image is visible. This works with Fill option set for Variable Pixel Replacement.

Page 6: Grid Layouts PSD Templates User Guide

4Buy Grid Layouts PSD Templates or visit our Marketplace Download test template

and data sets in any text editor. Use Find/Change command and change all instances of jpg with psd. Save file as copy with different name and check if works. Do not forget to check encoding when saving files because that can cause problem and error messages. Save with Unicode or ANSI encoding. If you have any problem you can always contact me and ask for assistance and advice.

Another customization tip is to change Pixel Replacement method for each variable. You must do that manually from Image > Variables > Define. I set this option for all templates to Fill but you may want to use As Is to import images without to instruct Photoshop to automatically scale them. There is and Fit option which may be your choice. My advice is to never experiment with Conform option which will distort images.

Troubleshooting tipsIf you have any problem and can not follow this instructions, it can be that renamed files are not properly named so return to instructions and try again. When files are not properly named you will get error message: Could not apply data set because the replacement file was not found. Same error message you will see if any file or number is missing in sequence between image_0001.jpg to image_0016.jpg for example when using 4x4 Template. Another problem with images that can cause this error is that files you are trying to use are not in proper format. When using templates and variables as they are provided, you must use images in JPG format. To batch convert images to JPG use File > Scripts > Image Processor script which ships with Photoshop.

Another problem can be with encoding. Check again that you have Unicode (UTF-8) encoding in Import Data Set. If wrong encoding is chosen you will get error message: Could not parse the file contents as data set. The name >Pixel Variable1 is not available in the current document. You can solve problem and by opening text file with variables in any text editor and saving it with Unicode encoding or any other encoding listed in Photoshop in Import Data Set dialog.

Important noteNote: In order to use templates and Data Sets provided in this package you must always follow described naming convencions. Always name your files starting with image_0001.jpg. You must have enough images in sequence for given template, for example to use 15x15 template you must have at least 225 images properly named in the same folder with template and Variables. With provided Data Sets you must always use jpg file format. JPG format is not limitation and you can change or customize this option. Always keep original files intact. Use copies for experiments and even to generate and export files.

Could not apply data set error message because some images in sequence are missing, files are not in jpg format or not properly named

When encoding of text file and user chosen in Import Data Set dialog does not match, Photoshop will display error message: Could not parse the file contents as data set.