Um fundo apelativo é a base de tudo para um folheto de sucesso. Com o Photoshop, pode criar designs impressionantes que chamam a atenção em apenas alguns minutos. Neste tutorial, vou mostrar-lhe cinco técnicas rápidas e fáceis para criar fundos de panfletos populares - desde gradientes de cor dinâmicos e texturas grunge fixes a padrões geométricos modernos. Perfeitos para festas, eventos ou panfletos comerciais. Vamos começar e levar os seus panfletos para o próximo nível!
1. Linhas de varrimento
O clássico por excelência são as linhas de varrimento, que são colocadas na vertical, na diagonal ou na horizontal no fundo de um panfleto.
Passo 1: Criar um novo documento
Para criar um fundo como este, preciso simplesmente de um padrão adequado que insira as linhas de varrimento na minha imagem. Para o fazer, crio um novo documento (Ctrl+N) com as dimensões de 4x4 pixéis. O fundo é transparente.
Passo 2: Selecionar o padrão de linhas de varrimento
Aumento o zoom do meu documento o mais possível.
Utilizando a ferramenta de seleção, selecciono exatamente quatro quadrados de seleção que se movem diagonalmente do canto inferior esquerdo para o canto superior direito. Para adicionar outra seleção a uma já existente, mantenho premida a tecla Shift enquanto arrasto.
Passo 3: Preencher a seleção com preto
Utilizo D para definir as cores padrão na barra de ferramentas, se ainda não estiverem definidas, e utilizo Alt+Reset para preencher os meus campos de seleção com a cor preta de primeiro plano.
Passo 4: Definir como padrão
Posso cancelar a seleção com Ctrl+D. Selecciono Editar>Definir padrão no menu. Na janela de diálogo que se abre, dou ao meu novo padrão o nome "Linha de varrimento diagonal".
Passo 5: Inserir linha de varrimento
Numa nova camada do meu folheto, preencho agora o meu padrão de linha de varrimento no documento, utilizando a ferramenta de preenchimento. A definição na barra de menus está definida para Padrão. No menu de seleção, selecciono o padrão que acabei de definir. Agora, basta-me clicar no documento.
Se necessário, posso reduzir a opacidade. Neste exemplo, defino a opacidade para 25 por cento.
Passo 6: Variação para linhas de varrimento verticais e horizontais
Se preferir linhas de varrimento rectas para cima ou para baixo em vez de linhas de varrimento diagonais, posso criá-las facilmente com o meu próprio padrão.
Para as linhas de varrimento verticais, o meu modelo de documento é: 4x1 píxeis
Para linhas de varrimento horizontais, o meu documento de exemplo é: 1x4 píxeis
Basta colocar um ponto preto no documento, tal como descrito acima. De seguida, defino os padrões através do menu Editar. Neste exemplo, a camada com as linhas de varrimento horizontais foi definida para o modo de cópia entre si.
Se pretender encurtar ou reduzir as distâncias entre as linhas, basta ajustar o tamanho da página do ficheiro de padrões em conformidade. Para um espaçamento maior, selecciono uma relação de aspeto de 5:1, 6:1 ou mais, para um espaçamento menor de 3:1 ou 2:1.
De forma bastante intuitiva, também posso simplesmente ampliar o documento com a ferramenta de recorte. Isto aumenta o rácio de aspeto como eu gosto.
Passo 7: Dimensionar linhas de varrimento
O padrão também pode ser utilizado como uma sobreposição de padrão. Para o fazer, crio uma nova camada com Ctrl+Shift+Alt+N e preencho-a com uma cor à minha escolha. Defino o seletor de área para 0 por cento. Nas opções de preenchimento, selecciono o separador Sobreposição de padrão. Aí, posso chamar o padrão que acabei de definir. Posso dimensionar este padrão e, assim, otimizar um pouco o aspeto da linha de varrimento.
Excurso: Efeito fotográfico de linhas de varrimento
O nosso moderador Mosh apresentou um tutorial rápido sobre como um efeito semelhante a uma linha de varrimento pode ter um aspeto animado nas fotografias.
Exemplo: Imagem de um farol - Fonte da imagem: Denis Pepin @ Fotolia.com
Em primeiro lugar, duplico a minha camada de fundo com Ctrl+J. Utilizando a ferramenta de seleção: Coluna única, selecciono uma coluna de pixels numa parte proeminente da minha imagem.
Posso transformar a minha seleção com Ctrl+T. Arrasto a moldura de seleção para a esquerda e para a direita até ao limite da imagem.
Posso cancelar a seleção com Ctrl+D. Altero o modo de mistura para Luminância com 30 por cento de opacidade.
Duplico a camada com Ctrl+J e defino a duplicação para o modo de camada Luz suave com 30 por cento de opacidade.
Por último, mas não menos importante, posso adicionar uma vinheta à minha camada de fundo através do menu Filter>Lens Corretion. Escolho uma força de -100 com um valor central de +20. Por fim, adiciono um pequeno texto "Rügen 2010" com uma jellyka de 150 pt a preto.
Uma pequena e rápida correção para um efeito fotográfico. Experimente e faça experiências com os métodos de preenchimento.
2. pontilhado e com relevo
Passo 1: Simplesmente pontilhado
Da mesma forma que as linhas de varrimento são criadas, também posso criar padrões pontilhados como fundos de folhetos. Para o fazer, basta criar um novo documento com o tamanho de 4x4 pixels.
Utilizando a ferramenta de seleção, selecciono os quatro pixels no canto inferior direito e preencho-os com preto. De seguida, defino o padrão através do menu Editar.
No modo Copiar um para o outro com 70 por cento de opacidade, esta é também uma forma rápida de criar um fundo interessante para folhetos.
Passo 2: Pontilhado com relevo
Posso melhorar o aspeto pontilhado criando um relevo de píxeis.
Em primeiro lugar, crio um novo documento com o tamanho de 3x3 píxeis. Preencho o pixel do meio com a cor preta. Os dois píxeis vizinhos, em baixo e à direita, ficam com 50% de cinzento. Preencho o pixel do canto inferior direito com 80% de cinzento claro.
O aspeto de relevo oferece outra opção interessante para desenhar elementos de folhetos no modo Interbloqueio.
Passo 3: Mosaico de círculos
Crio outro documento novo com o tamanho 20x20 pixéis. Aqui, o fundo também é transparente.
Utilizo a ferramenta elipse para desenhar um círculo no documento, mantendo premida a tecla Shift (isto assegura que o meu círculo também é esférico). A cor é preta - mas isso não é muito importante.
O círculo também é definido como um padrão e pode ser utilizado como um efeito de fundo. Em alternativa, posso simplesmente deixar o círculo transparente e colorir as áreas exteriores a preto. Isto também permite que as fotografias sejam acentuadas de forma bonita.
3. Efeitos de rasterização
Passo 1: Filtro de rasterização como alternativa à definição de padrões
Também é possível criar fundos pontilhados utilizando padrões sem os desvios da definição de padrões.
Crio uma nova camada e preencho-a com 50% de cinzento. Defino o modo para Copiar uma na outra.
Agora, abro o filtro Efeito de rasterização através do menu Filtro>Filtro de desenho.
O tipo de padrão é Ponto, com um tamanho de 1 e um contraste de 30. É aconselhável fazer muito zoom na pré-visualização para determinar o contraste (400 por cento funciona bem).
Confirmo com OK. A minha grelha de pontos está terminada.
Passo 2: Variação com círculos e linhas
Como alternativa ao tipo de padrão de pontos, também posso encontrar círculos e linhas no filtro de efeito Rasterização. Estes dois tipos de padrões também são óptimas opções para fundos de folhetos simples.
Exemplo de linhas horizontais:
Passo 3: Transformações para linhas
A desvantagem de gerar efeitos de rasterização utilizando o filtro é que não tenho muitas opções de variação em termos de tamanho. Se quiser ter linhas muito finas na imagem, chego ao limite com este filtro. A minha única opção é executar o efeito de rasterização num documento maior, duplicá-lo no meu documento atual e reduzir o tamanho premindo Ctrl+T.
Também posso fazer o mesmo, reduzindo simplesmente o tamanho da camada existente desde o início com Ctrl+T, duplicando-a com Ctrl+J e inserindo-a no espaço resultante.
Conclusão: O filtro de efeito de rasterização é capaz de me fornecer as soluções mais rápidas para fundos de folhetos suaves. No entanto, para distâncias entre linhas e pontos bem ajustadas, não consigo ultrapassar os padrões.
Exemplo de círculos:
4ª grelha e padrão de linhas
Para apresentar produtos, logótipos ou elementos tipográficos, por vezes é boa ideia colocar uma grelha ou um padrão eficaz no fundo do folheto. Gostaria de vos mostrar duas formas possíveis de criar fundos interessantes de uma forma simples.
4.1 Padrão de linhas com efeito ilusório
No primeiro exemplo, vou mostrar-lhe como criar um padrão de linhas com um efeito ilusório.
Passo 1: Novo documento
Crio um novo documento com o tamanho de 1200 x 800 pixéis. O fundo é preto.
Passo 2: Criar duas novas camadas
Crio uma nova camada com Ctrl+Shift+Alt+N. Executo o atalho duas vezes.
Passo 3: Selecionar a área da linha e preencher com a cor branca
Utilizo a ferramenta laço para selecionar a área aproximada do meu padrão de linhas. A camada superior é activada. Preencho a seleção com a cor branca.
Passo 4: Desfocar
Acciono o filtro de desfocagem gaussiana através do menu Filtro>Filtro de desfocagem.
O raio deve ser selecionado de modo a que as margens fiquem bem desfocadas. No meu exemplo, cerca de 50 píxeis servem muito bem.
Passo 5: Salpicos
Defino o modo de camada para speckle.
Passo 6: Reduzir para um com a camada subjacente
Para manter o efeito salpicado, mas ainda voltar ao modo de camada Normal, selecciono a camada com a camada subjacente e reduzo-a a um utilizando o atalho Ctrl+E.
Passo 7: Desfoque de movimento
Selecciono o filtro Motion Blur no menu Filter>Smooth Filter.
Selecciono uma distância central de cerca de 275 pixels para criar um efeito linear das minhas manchas.
Passo 8: Duplicar camada e efeito de rasterização
No passo seguinte, duplico a camada, reduzo a opacidade para 50 por cento e abro o filtro de efeito de rasterização através do menu Filtro>Filtro de desenho.
Defino o tipo de padrão para Linha com um tamanho de 1 e um contraste de 0.
Passo 9: Colorir o efeito de filtro
Crio uma camada de ajuste Matiz-Saturação. Para colorir o meu efeito de linha, ativo a caixa de verificação Cor.
- Matiz: 224 para o tom azul
- Saturação: 39
- Brilho: -10 a 0 - dependendo do aspeto existente
O fundo está pronto e pode ser atribuído a um logótipo, texto ou algo semelhante:
Passo 10: Transformar
Selecciono as duas camadas de linha e converto-as num objeto inteligente. Posso utilizar Ctrl+T para tornar a vista um pouco mais dinâmica, deixando as linhas correr do canto inferior esquerdo para o canto superior direito.
Passo 11: Personalizar o logótipo e a sangria
Colori o meu logótipo a preto utilizando uma sobreposição de cor nas opções de preenchimento e defini um brilho para o exterior em branco com 75 por cento de opacidade e 35 px de tamanho no modo de esbatimento de cor.
Posso ainda ajustar o tamanho do documento conforme necessário utilizando a ferramenta de recorte.
4.2 Padrão de grelha
Um padrão de grelha fica muito bem como elemento de fundo num folheto. Pode ser utilizado na sua totalidade no fundo ou como um elemento de design de destaque.
Passo 1: Criar um padrão
Num novo documento com um tamanho de 50x50 e um fundo transparente, desenho uma faixa de seleção estreita no topo e à esquerda, utilizando a ferramenta de seleção. Preencho esta seleção com branco ou preto.
Depois, guardo o padrão através do menu Editar>Definir padrão.
Passo 2: Grelha como padrão de fundo
Posso utilizar o padrão como um elemento de fundo normal, preenchendo uma nova camada com o padrão utilizando a ferramenta de preenchimento.
Se quiser uma grelha mais larga, posso simplesmente fazê-lo através das opções de preenchimento, dando à grelha um contorno utilizando o mesmo método de preenchimento.
Se, em vez disso, quiser que a grelha seja maior ou mais pequena, faz sentido criar uma camada com qualquer cor, definir o seletor de área para 0 e definir uma sobreposição de padrão com o padrão da grelha nas opções de preenchimento. Posso então dimensionar a grelha conforme necessário.
Para otimizar o processamento posterior, também posso produzir a minha sobreposição de padrão como uma camada separada, clicando com o botão direito do rato.
Passo 3: Grelha como elemento de design
Uma grelha também pode ser utilizada como um elemento de design.
Neste exemplo (fonte da imagem: Mike Liu - Fotolia.com), quero dar ainda mais dinamismo à luz. Por isso, adiciono o padrão de grelha a uma nova camada utilizando a ferramenta de preenchimento.
Utilizo Ctrl+T>Dobrar para ajustar a minha grelha ao curso da luz. Isto dá ao brilho um efeito adicional dinâmico.
Se definir um brilho branco para o exterior com um tamanho de 20 pixéis no modo de esbatimento de cor nas opções de preenchimento, o efeito também brilha de uma forma agradável.
Na imagem do farol, posso realçar a atmosfera marítima simulando uma onda com uma grelha. Também aqui, adiciono a minha grelha a uma nova camada e dobro-a para criar um efeito de onda.
Utilizo as opções de preenchimento para dar à grelha um contorno branco no exterior com um tamanho de 1 pixel. Isto torna a grelha ligeiramente mais espessa.
E tal como a forma da grelha pode ser variada ao deformá-la, também posso acentuar grelhas, linhas e círculos na vista utilizando transformações e máscaras de camada. Com padrões de linhas, posso até simular sinedots.
Neste exemplo, inseri uma grelha circular e limitei-a à área interior utilizando uma máscara de camada na vista, o que resultou numa espécie de efeito de brilho no topo do farol.
5. Padrão infinito e mosaicos sem costura
Os padrões infinitos e os mosaicos sem costura são frequentemente utilizados para fundos de folhetos e de sítios Web. Na última parte do meu tutorial, gostaria de mostrar várias abordagens para criar padrões infinitos.
5.1 O padrão infinito simples
Tenho uma secção de uma imagem que gostaria de criar como um padrão infinito. Com imagens texturizadas, consigo muitas vezes criar um padrão sem ligações visíveis. A única coisa importante é gerir a seleção.
Passo 1: Selecionar a área do padrão
No meu exemplo, quero criar um padrão infinito a partir desta textura. Selecciono toda a área da imagem com Ctrl+A. Como a opção de alterar as selecções através do menu Seleção está a cinzento - mesmo no CS5 - utilizo um método alternativo para criar uma seleção exacta.
Depois de clicar com o botão direito do rato em>Transformar seleção, aparecem vários campos de entrada numéricos na barra de menu. Defino a altura e a largura da minha seleção para 70 por cento cada. Depois, confirmo com Enter.
Passo 2: Copiar e colar a seleção
Com Ctrl+C e Ctrl+V, posso copiar e colar a minha seleção numa nova camada.
Passo 3: Cortar padrão e definir como padrão
Utilizo a ferramenta Cortar para cortar o padrão. Posso definir o padrão através do menu Editar.
Passo 4: Utilizar como fundo
Crio uma nova camada no meu folheto e preencho-a com uma cor à minha escolha. Defino o seletor de área para 0 por cento. Nas opções de preenchimento, atribuo o padrão previamente definido ao meu folheto no separador Sobreposição de padrão.
Defino o método de preenchimento para Luminância. A opacidade é reduzida para um valor inferior. Posso variar o tamanho do padrão utilizando o seletor Escala. Para um posicionamento preciso, posso utilizar o rato para mover o padrão diretamente para o local certo no documento.
5.2 O padrão repetitivo
Para conseguir este típico "aspeto de papel de parede", que pode ser visto vezes sem conta como um padrão repetitivo em fundos de sítios Web e panfletos, tenho de utilizar um filtro de deslocamento.
Passo 1: Arrastar a forma e defini-la como um padrão
Utilizando a ferramenta Forma Personalizada, desenho uma forma florida num documento com um tamanho de 500 x 500 pixels, que se tornará o meu padrão de papel de parede. Posiciono a forma exatamente no centro do documento. De seguida, defino a minha forma florida como padrão.
Passo 2: Definir o offset
O aspeto do papel de parede ainda não está completo, mesmo que eu já possa utilizar o padrão repetidamente. Falta o offset. Para o conseguir, crio um novo documento com o dobro do tamanho do anterior, ou seja, 1000x1000 pixels.
Preencho uma camada com o meu padrão. Aparecem quatro elementos. Utilizo a ferramenta de seleção para selecionar uma coluna do padrão.
Utilizando o menu Filtro>Outros filtros>Efeito de deslocamento, defino um deslocamento vertical para o efeito. Selecciono os pixels de modo a que a margem superior fique exatamente na margem inferior.
Depois, defino este padrão como um padrão através do menu Editar e posso utilizá-lo como fundo no meu folheto. Aqui, também, o padrão é colocado como uma sobreposição de padrão numa camada cinzenta no modo Luminância com 20 por cento de opacidade.
5.3 Mosaicos sem costuras para texturas
É claro que raramente é tão fácil como no primeiro exemplo gerar um padrão sem ligações visíveis.
No entanto, as texturas irregulares também podem ser transformadas em mosaicos contínuos. Para o fazer, utilizo novamente o filtro de efeito Shift e depois reparo as arestas visíveis.
Passo 1: Aplicar o efeito de deslocamento
A minha textura tem um tamanho de 1000 x 1000 pixels. Se definir isto como um padrão e o aplicar a um documento maior, as transições têm o seguinte aspeto:
Volto ao meu ficheiro de textura com o tamanho original de 1000x1000 pixels. No menu Filtro>Outros filtros, selecciono o filtro Efeito de deslocamento. Aí, defino um deslocamento horizontal e vertical de exatamente metade, ou seja, 500 pixels em ambos os casos.
Passo 2: Reparar a costura visível
Agora pode ver a costura visível no centro.
Desde o CS5, a função de reparação sensível ao conteúdo está disponível no pincel de reparação de área. Utilizo o pincel de reparação de área para marcar as costuras com uma ponta de pincel suave. A caixa de verificação sensível ao conteúdo está activada.
As costuras são agora reparadas automaticamente. Poderei ter de retocar várias vezes.
No entanto, na minha opinião, a ferramenta mais eficaz para reparar as margens continua a ser a ferramenta de retoque, que também pode ser utilizada por utilizadores que ainda não estejam a utilizar a versão CS5. Com a caixa de verificação de origem activada, selecciono simplesmente as costuras e arrasto a seleção para uma área limpa. O tom de cor, a saturação, o brilho e o contraste são ajustados e a costura visível é reparada de forma convincente.
Assim que a costura visível tiver sido reparada, defino o meu padrão através do menu Editar.
Passo 3: Inserir um padrão de mosaico sem costuras
Crio um novo ficheiro com o tamanho 2000x2000 e posso agora utilizar a ferramenta de preenchimento para inserir a minha textura de mosaico sem costuras.
As texturas, em particular, são muito produtivas quando se pretende adicionar efeitos de envelhecimento, efeitos grunge, etc. às imagens. Ver imagem abaixo (fonte da imagem: Lev Dolgatsjov - Fotolia.com).
Para documentos muito grandes, é, portanto, uma boa ideia tornar as texturas atérmicas simplesmente em mosaicos. Nesta imagem de exemplo, a textura apresentada acima foi colocada na imagem como uma sobreposição no modo Sobrepor e ligeiramente dessaturada utilizando uma camada de ajuste Matiz/Saturação como máscara de recorte.
Um conjunto de 16 padrões está incluído neste tutorial como um ficheiro de trabalho. Contém as linhas de varrimento diagonais, horizontais e verticais, relevos de píxeis e padrões de pontos, padrões de mosaico circular e padrões de grelha apresentados neste tutorial.
