Tutorial de Photoshop para crear Calendarios: Ya hemos visto como crear Calendarios en Corel, tambien como hacer calendarios en Illustrator con la ayuda de un script, ahora veremos como crear un calendario en Photoshop, al igual que en Illustrator con la yuda de un Script para automatizar el resultado.

Antes de empezar con el script te recomiendo que leas la Referencia Javascript de Adobe CS4

Este es el Calendario del tutorial:

Este es el codigo del Script utilizado en el tutorial:

// DEFINE AUXILIARY FUNCTIONS
function daysInMonth(month, year){
return 32 – new Date(year, month, 32).getDate();
}

function makeDay(d){
if(d < 10)
d = “0″ + d;
return d + ” “;
}

// DOC. ATTRIBUTES
width = 1280;
height = 800;
resolution = 72;
docName = “PhotoshopScriptCalendar”;
year = 2010;

// COLOR SCHEME
normalColor = new SolidColor();
normalColor.rgb.hexValue = “FFFFFF”;
highlightColor = new SolidColor();
highlightColor.rgb.hexValue = “A4B1D1″;
backColor = new SolidColor();
backColor.rgb.hexValue = “1B4392″;

// DEFINE VARIABLES FOR TEXT LAYERS
monthHeader = “M T W T F S \r\r”;
sundayHeader = “S\r\r”;
firstIndent = ” “;
months = new Array(“January”, “February”, “March”, “April”, “May”, “June”, “July”, “August”, “September”, “October”, “November”, “December”);

// CREATE THE NEW DOCUMENT
doc = app.documents.add(width, height, resolution,
docName, NewDocumentMode.RGB);
doc.selection.selectAll();
doc.selection.fill(backColor);
doc.selection.deselect();

// SELECT BACKGROUNDIMAGE
file = app.openDialog();

if(file[0]){
app.load(file[0]);
backFile = app.activeDocument;
backFile.resizeImage(width, height);
backFile.selection.selectAll();
backFile.selection.copy();
backFile.close(SaveOptions.DONOTSAVECHANGES);
doc.paste();
doc.layers[0].name = “BackgroundImage”;
}

for(curr=0; curr<12; curr++){

x = curr % 4;
y= Math.floor(curr / 4);

group = doc.layerSets.add();
group.name = months[curr];

monthName = group.artLayers.add();
monthName.kind = LayerKind.TEXT;
monthName.name = months[curr];
monthName.textItem.color = normalColor;
monthName.textItem.size = 24;
monthName.textItem.kind = TextType.PARAGRAPHTEXT;
monthName.textItem.justification = Justification.RIGHT;
monthName.textItem.height = 35;
monthName.textItem.width = 145;
monthName.textItem.contents = months[curr];
monthName.rotate(-90);
monthName.textItem.position = new Array(55 + 300 * x, (202 + (210 * y)));

days = group.artLayers.add();
days.kind = LayerKind.TEXT;
days.name = “Days”;
days.textItem.Justification = Justification.CENTER;
days.textItem.color = normalColor;
days.textItem.size = 18;
days.textItem.position = new Array(85 + (300 * x), 70 + (210 * y));

sundays = group.artLayers.add()
sundays.kind = LayerKind.TEXT;
sundays.name = “Sundays”;
sundays.textItem.Justification = Justification.CENTER;
sundays.textItem.color = highlightColor;
sundays.textItem.size = 18;
sundays.textItem.position = new Array(287 + (300 * x), 70 + (210 * y));

text = monthHeader;
textSun = sundayHeader;

startDate = new Date(year, curr, 1);
n = startDate.getDay();

for(i=0; i
text += firstIndent;

d = 1;
while(d <= daysInMonth(curr, year)){
if(i == 6)
textSun += makeDay(d) + “\r”;
else{
text += makeDay(d);
if(i == 5)
text += “\r”;
}
i++;
d++;
if(i == 7)
i = 0;
}

days.textItem.contents = text;
sundays.textItem.contents = textSun;
}

// CREATE THE YEAR NUMBER LAYER
yearLayer = doc.artLayers.add();
yearLayer.kind = LayerKind.TEXT;
yearLayer.name = year;
yearLayer.textItem.contents = year;
yearLayer.textItem.size = 72;
yearLayer.textItem.color = highlightColor;
yearLayer.textItem.position = new Array(1050, 730);

// CREATE THE BOTTOM LINE
line = doc.artLayers.add();
line.name = “Line”;
region = Array(Array(80, 729), Array(1000, 729), Array(1000, 730), Array(80, 730));
doc.selection.select(region);
doc.selection.fill(normalColor)
doc.selection.deselect();

El Script deberás instalarlo en “Photoshop CS4/Presets/Scripts” en formato jsx, para ello utiliza el ExtendScript Toolkit que viene instalado en el Master collection CS4.

El tutorial está más que explicado en PSDTuts que es la fuente de este tutorial, en el que explican el codigo paso a paso.

Olvídate de estar creando calendarios en Photoshop de manera manual, ahora ya puedes hacerlo de una forma automatizada.

En una actualizacion que realizaron del tutorial recomiendan cambiar las lines 32 – 34 por las siguientes:

monthHeader = “M T W T F S \r\r”;
sundayHeader = ” S\r\r”;
firstIndent = ” “;

Espero que este tutorial te ayude a la creacion de futuros calendarios en Photoshop, además esto abre un nuevo abanico de posibilidades para la creacion de funciones en JavaScript y aplicarlas en Photoshop.

Via DiegoMattei

Si te gusto el articulo suscribete al Feed. Gracias por tu visita!.

Ver mas de: calendario • calendario photoshop • crear calendario • crear calendario en photoshop • diseno • tutorial de photoshop cs4 • tutorial photoshop

Lo mas nuevo en el Blog:

• 25 impresionantes fotos de olas
• Espectaculares animaciones en flash hechas paginas web
• 4 ejemplos creativos de publicidad
• 3 videos de publicidad creativa
• 4 preciosos sets de pinceles florales para photoshop

Publicado el Viernes, abril 23rd, 2010 en 13:01 y esta archivado en photoshop. Puedes seguir las respuestas a esta entrada RSS 2.0 feed. Puedes dejar un comentario, o enlazar desde tu propio sitio.