Usando script Photoshop
- Programa: Adobe Photoshop CS4
- Dificuldade: Intermediário
- Tempo de conclusão estimado: 1 Hora
- Adobe CS4 ExtendScript Toolkit (opcional)
Criar um calendário gráfico a mão não é uma tarefa fácil. Melhor ficaria se você podesse encontrar alguma maneira de automatizar o processo. No tutorial de hoje vamos mostrar-lhe como gerar um calendaria de um ano, o calendário de fundo personalizada usando JavaScript. Se você é um pouco mais de um programador de computador, ótimo, se não, não se preocupe, isso vai ser bastante simples.
Etapa 1
Segundo a Adobe, um script é uma série de comandos que diz ao Photoshop para executar uma ou mais tarefas. A primeira coisa que você precisa fazer é dar uma olhada em JavaScript da Adobe Referência. Voce poderá fazer o download do manual de referencia de javaScript da
adobe no final da pagina. Ele contém todas as propriedades do objeto e métodos suportados no Photoshop CS4 , com exemplos, e ele lhe dará uma idéia sobre que tipo de coisas que você pode fazer com scripts no Photoshop. Se você estiver usando uma versão mais antiga você pode encontrar encontrar tabém no final da pagina o arquivo de referências, PDF para baixar.
Etapa 2
Então vamos começar. A idéia principal do projeto é a criação de camadas de texto para cada mês com as datas, assim estaremos trabalhando principalmente com manipulação de texto. abra o ExtendScript Toolkit para criar um arquivo JavaScript novo (Command + N). Este irá conter todos os comandos que vamos dar Photoshop. Se você não quiser usar ExtendScript Toolkit, você pode usar qualquer editor de texto simples.
Etapa 3
Primeiro temos que definir algumas variáveis para os atributos do documento e do esquema de cores do calendário. Eu fiz o meu documento de 1280 × 800 pixels em 72 / resolução polegadas, chamado de "PhotoshopScriptCalendar" e escolheu 2010 como o ano do calendário, vamos criar.
Primeiro temos que definir algumas variáveis para os atributos do documento e do esquema de cores do calendário. Eu fiz o meu documento de 1280 × 800 pixels em 72 / resolução polegadas, chamado de "PhotoshopScriptCalendar" e escolheu 2010 como o ano do calendário, vamos criar.
Este é o esquema de cores básicas que vamos usar. "NormalColor" é para a semana e os nomes dos meses. Para os domingos eu usei uma cor diferente, a fim de torná-los se destacam, este é "highlightColor", e estaremos usando o "BackColor", como a cor de fundo do calendário padrão, se não escolher uma imagem personalizada para isso.
Etapa 4
Como eu disse antes, nós estamos indo principalmente para trabalhar com manipulação de texto, por isso precisamos definir algumas variáveis para o recuo e os textos que vamos usar várias vezes, como os cabeçalhos mês.
A fim de definir uma cor diferente para a coluna de domingo, nós temos que torná-lo uma camada de texto diferente dos outros dias. É por isso que temos dois cabeçalhos: "monthHeader" - segunda a sábado, e "sundayHeader". Cada uma dessas duas variáveis final com dois "r \". Estes representam personagens da nova linha, o mesmo que pressionar a tecla Enter em seu teclado. Em seguida, defina a variável de recuo. Observe que o primeiro de janeiro é uma sexta-feira, assim que a cada dia antes que devemos colocar um travessão em vez de números. O número de espaços em branco dessas variáveis depende do tipo de letra que você usa e do tamanho dele, assim ele vai precisar de um pouco de fuga e erro antes de começá-lo direito. Por fim, faça uma lista de todos os nomes dos meses.
Etapa 5
Agora que temos tudo que precisamos, podemos começar a criar o documento. Psd.
Como você pode ver, o código é bastante legível. Para o nosso aplicativo Photoshop, nós adicionamos um novo documento com a largura especificada, a altura, a resolução eo nome que definimos anteriormente, um modo de cor, e manter a sua referência em uma nova variável "doc". Por padrão, todos os novos documentos estão em RGB, para que pudéssemos ter omitido esse parâmetro, mas se você quiser CMYK, por exemplo, você poderia usar "NewDocumentMode.CMYK". O mesmo com o LAB, escala de cinza e bitmap. Você pode encontrar tudo isso nas referências relacionadas acima.
Em seguida, fazer uma nova seleção e selecione todo o documento, preenchê-lo com a nossa cor de fundo e, eventualmente, desmarcar.
Etapa 6
Em seguida, precisamos adicionar um background personalizado a partir de uma imagem existente. O fundo gradiente do resultado final publicado acima é realmente uma imagem separada.
Para isso vamos usar o OpenDialog () função. Isto abre a janela de "File> Open" e coloca no array "arquivos" a lista de imagens selecionadas. Vamos usar apenas a primeira imagem que é selecionado no "array" arquivo na posição 0. Então, primeiro é preciso verificar se alguma imagem foi selecionada.
Em seguida, vamos carregar a imagem selecionada no aplicativo e obter uma referência a ele chamando "app.activeDocument", que retorna o documento atualmente ativo no Photoshop.
Redimensionar a imagem para o nosso preferido largura e altura. Novamente, fazer uma nova seleção de todo o documento, cópia esta selecção e fechar o documento com a opção de não salvar as alterações.
Finalmente, em nosso documento civil, colar a seleção. Isso coloca a imagem como a primeira camada acima da camada de fundo. Em seguida, nomeia-algo como "BackgroundImage".
Observe que, se nenhuma imagem foi selecionada a partir do diálogo, nenhum desses comandos teria sido feito.
Passo 7
OK. Agora vem a geração atual do calendário. Este poderia ser um pouco mais difícil, mas vamos levá-lo passo a passo e espero que ela não será tão difícil de entender.
Precisamos fazer um conjunto de ações para cada mês do ano. Para isso usamos um laço "for". Basicamente, isso leva a variável "curr", que usamos para designar o mês em curso, estamos a trabalhar com, define seu valor inicial de 0, então o conjunto de ações repetidas vezes, incrementando o valor de "curr" de cada vez, até o presente torna-se 12. Assim, passando por todos os doze meses.
Precisamos fazer um conjunto de ações para cada mês do ano. Para isso usamos um laço "for". Basicamente, isso leva a variável "curr", que usamos para designar o mês em curso, estamos a trabalhar com, define seu valor inicial de 0, então o conjunto de ações repetidas vezes, incrementando o valor de "curr" de cada vez, até o presente torna-se 12. Assim, passando por todos os doze meses.
Primeiro temos que definir duas variáveis que vamos usar para posicionar nossos meses no documento como uma grade. Estas representam o X e Y deslocamentos de cada mês. Vamos colocar quatro meses em uma única linha, assim, para o deslocamento X, vamos usar o "%" operação. Isso retorna o resto da divisão de "curr" a 4. Esse deslocamento será o mesmo de janeiro, maio, setembro, fevereiro, junho, outubro e assim por diante, para cada mês na mesma coluna. Para o Y offset usamos o Math.floor "()" função javascript que retorna o maior valor, menor do que o resultado da divisão de "curr" a 4. Assim, para os meses a partir da mesma linha, o Y offset é o mesmo.
No final, queremos ter as camadas para cada mês em um grupo separado. Então, vamos começar por criar um grupo de camadas e dando-lhe o nome do mês atual. Usamos aqui a lista de meses, definido anteriormente.
Passo 8
Em seguida, criamos uma nova camada de texto dentro do nosso grupo e definir o seu nome ao mês atual. Esta vai ser nossa camada de nome do mês.
Em seguida, criamos uma nova camada de texto dentro do nosso grupo e definir o seu nome ao mês atual. Esta vai ser nossa camada de nome do mês.
Agora temos que definir os atributos de texto, tais como a cor do texto, tamanho da fonte e justificação. Vamos definir o tipo de texto para o nosso "PARAGRAPHTEXT" e dar a nossa camada de dimensões preferenciais. O "conteúdo" atributo da variável "MonthName representa o texto real que será visível dentro da camada, por isso queremos que este seja o nome do mês atual.
Finalmente vamos rodar a camada de 90 ° anti-horário e posicione a camada nosso. Aqui vamos usar nossas variáveis offset "x" e "y".
Tenha em mente que o posicionamento é feito em relação ao canto das camadas "superior esquerdo, mas já temos que rodar a 90 ° CCW agora tornou-se inferior esquerdo. Se o documento tem dimensões diferentes das minhas, talvez você precise alterar as constantes usei para o posicionamento. Os valores que eu usei estão listadas abaixo.
Passo 9
Em seguida vamos fazer a camada de texto que irá conter todas as datas no mês em curso, exceto os domingos. Nós estamos indo para adicioná-lo ao grupo que criou anteriormente e defina seu nome, justificativa, cor e tamanho, e posicioná-lo. Estamos indo para adicionar o conteúdo deste um pouco mais tarde, eu vou explicar por que, quando chegarmos a esse ponto.
Mesma coisa para a camada de domingo, mas desta vez nós vamos definir a cor de "highlightColor".
Etapa 10
Agora, precisamos criar duas variáveis que irá realizar o nosso texto como gerá-lo, o texto "conterá os dias da semana e" textSun "nos domingos. Começamos pela adição de cabeçalhos e colocar o travessão, para o primeiro dia do mês. Criamos uma nova data com o javascript "Date ()" A função do ano de nosso calendário, o mês corrente eo primeiro desse mês, e obter a sua posição na semana. Lembre-se, a numeração começa sempre em 0, assim por exemplo se o primeiro dia do mês é uma segunda-feira, "n" será 0, se for uma terça-feira, "n" será 1 e assim por diante. Então, nós precisamos adicionar o travessão nós definimos no início de nosso texto "variável" tantas vezes quanto necessário. Se o primeiro dia do mês é uma quarta-feira, por exemplo, vamos adicionar o travessão duas vezes.
Etapa 11
OK. É hora de gerar todos os números para o mês. Para isso, precisamos saber quantos dias existem em nossa corrente mês e temos os números "zeros" formato, então temos que voltar e definir duas funções personalizadas: "DAYSINMONTH" e "makeDay". Então por favor, vá até o topo do seu código e adicionar essas funções. Como disse o "DAYSINMONTH retorna" função do número de dias no mês que damos, e "makeDay" retorna o número que lhe damos em um formato específico e acrescenta alguns espaços, necessárias para o espaçamento dias do mês. Assim, por exemplo, se nós chamamos a função "DAYSINMONTH com o ano = 2010 eo mês = 0 (janeiro) irá retornar o número 31. Se chamarmos a função "makeDay com d = 3, por exemplo, ele retornará o texto" 03 ", mas se d = 13 ele irá retornar" 13 ". Observe que, se "d" for inferior a 10 ele irá adicionar um zero antes.
Vamos começar a partir de d = 1 e incrementá-la até atingir o número de dias no mês. Agora, se "i" tem o valor "6" isso significa que é um domingo, por isso temos de adicioná-lo à camada de domingo. Lembre-se de colocar um "r \" aqui para nova linha. Caso contrário, vamos adicioná-lo à semana. Aqui vamos adicionar uma nova linha somente se o dia actual é "Sábado" ("i" é "cinco"). No final, temos que incrementar tanto "i" e "d", e se o valor de "i" chega "7", isto é, se o último dia foi acrescentado um domingo, nós temos que torná-lo "0" novamente.
Finalmente, temos todas as datas no nosso texto e variáveis, podemos acrescentá-los à nossa camadas. A razão por que atrasaram este passo é que leva algum tempo para o Photoshop para adicionar texto a uma camada, por isso é melhor para adicioná-lo de uma só vez, em vez de adicionar cada dia separadamente.
Etapa 12
Assim, todas as camadas meses agora são gerados, e tudo o que precisamos fazer é a camada de ano, e que a pequena linha na parte inferior. Para a camada de ano é o mesmo procedimento que usamos antes, crie uma nova camada, dê um nome, tamanho e cor de texto e posicione-o onde queremos.
Para a linha de fundo é um pouco diferente. Primeiro, precisamos definir uma região com coordenadas X e Y para os quatro cantos, em seguida, fazer uma seleção para fora da região, preenchê-lo com a nossa cor em uma nova camada e, finalmente, desmarque-a.
Etapa 13
Todos os nosso código é feito! A única coisa a fazer agora é executá-lo. Se você estiver usando ExtendScript Toolkit, a partir do menu drop-down selecione "Adobe Photoshop", se você não tiver o Photoshop aberto, clique no pequeno ícone à esquerda "Conectar-se" alvo de aplicação, e em seguida, pressione o ícone de reprodução. Se você já usou um editor de texto diferente, salve o arquivo com a extensão ". Js" ou ". Jsx" extensões, e executá-lo através do Photoshop: File> Scripts> Procurar e selecione o arquivo.
Todos os nosso código é feito! A única coisa a fazer agora é executá-lo. Se você estiver usando ExtendScript Toolkit, a partir do menu drop-down selecione "Adobe Photoshop", se você não tiver o Photoshop aberto, clique no pequeno ícone à esquerda "Conectar-se" alvo de aplicação, e em seguida, pressione o ícone de reprodução. Se você já usou um editor de texto diferente, salve o arquivo com a extensão ". Js" ou ". Jsx" extensões, e executá-lo através do Photoshop: File> Scripts> Procurar e selecione o arquivo.
Conclusão
Estamos pronto! Espero que você tenha gostado de trabalhar neste projeto pouco. Scripts em Photoshop são muito úteis quando se tem que fazer ações repetitivas e pode fazer o seu trabalho muito mais fácil uma vez que você pega o jeito deles. Por favor, não hesite em enviar sugestões que possam ter, eles são sempre bem-vindas!
Adobe Design Premium CS5 software oferece-lhe total liberdade criativa, sem sacrificar a precisão ou qualidade, se trabalhar na mídia impressa, web, interativa, ou de mídia
Adobe Photoshop CS4 Script Reference,
contains all the object properties and methods Photoshop CS4
Adobe Photoshop CS3 Guia de Scripting
contains all the object properties and methods Photoshop CS3
Adobe Photoshop CS2 Guia de Scripting
contains all the object properties and methods Photoshop CS2
| < Anterior | Próximo > |
|---|
