Home » Adobe Illustrator
Um estudo em profundidade de símbolos em Illustrator CS5

Para desenhar e pintar ilustrações digitais, Adobe Illustrator é um favorito entre os designers, por muitas razões. Uma das razões são alguns dos incríveis recursos que economizam tempo que vêm com ele. O recurso de símbolos no Illustrator faz exatamente isso: ele economiza tempo valioso criando um "símbolo", ou cópia, de um objeto. Isso significa que todo o tempo que você gastou criando uma flor minuciosa não tem que ser repetido. Em vez disso, basta salvar a flor como um símbolo para uso futuro. Além disso, símbolos reduzir significativamente o tamanho de arquivos de imagem.
Illustrator torna fácil de usar símbolos várias vezes dentro de um documento tão bem. Com as ferramentas de símbolos, você pode adicionar e alterar vários símbolos de uma só vez. E no CS5, agora você pode alterar as configurações de um símbolo durante a edição. Outro benefício dos símbolos em Illustrator CS5 é que você pode alterar um símbolo para um clipe de filme, o que facilita a exportação para o Adobe Flash. Você também pode se certificar de que as escalas de símbolos corretamente para o design de interface, escolhendo 9 Slice-Scaling ainda no Illustrator.
CS5 torna o trabalho com símbolos ainda mais fácil, adicionando algumas novas funcionalidades, explicado a seguir. Se você estiver trabalhando em uma versão anterior do Illustrator, você ainda será capaz de acompanhar e se tornar tanto um mestre de símbolos no Illustrator como o cara ao lado.
Os tópicos abordados neste artigo são:
  1. Uso de símbolo básico
    • Símbolos painel de 101
    • Criando símbolos
    • Bibliotecas de símbolos
    • Colocar símbolos
    • Quebrando as ligações
    • Alterar as opções de símbolo
    • Adicionando ou duplicar símbolos
    • Exclusão de símbolos
    • Redefinir um símbolo
    • Swap / substituir um símbolo
  2. Uso de símbolo avançada
    • Janela de controle
    • Edição como um gráfico
    • Ponto de registro edições
    • 9 Slice-Scaling edições
    • Sub-camada para símbolos
  3. Ferramentas Simbolismo
    • Os conjuntos de símbolos
    • Símbolo ferramenta Pulverizador
    • Ferramenta Shifter símbolo
    • Ferramenta Comprimir símbolo
    • Símbolo ferramenta Sizer
    • Símbolo ferramenta Spinner
    • Símbolo ferramenta Stainer
    • Símbolo ferramenta Screener
    • Símbolo ferramenta Styler
  4. Ferramentas Simbolismo Opções Avançadas
    • As opções disponíveis a todas as ferramentas símbolo
    • Symbol Sprayer opções
    • Symbol Sizer opções
  5. Faça símbolos seu melhor amigo
    • Mais recursos para o
[Note: Have you already pre-ordered your copy of our Printed Smashing Book #3? The book is a professional guide on how to redesign websites and it also introduces a whole new mindset for progressive Web design, written by experts for you.]

Uso de símbolo básico

Algumas das ações para símbolos são muito fáceis de descobrir exatamente por brincar com eles, enquanto outros tomam alguma explicação. Abaixo está uma visão geral de como usar os símbolos, mas lembre-se que você pode mover, redimensionar, girar, refletir e Distorcer (tosar) símbolos assim como outros objetos.

Símbolos Painel 101

Para abrir o painel Símbolos, clique no botão que parece um trevo, localizado no menu do lado direito da tela Illustrator. Ou vá para WindowSymbols . Como sempre acontece com software da Adobe, existem várias maneiras para completar uma tarefa com símbolos.

O menu drop-down no canto superior direito do painel Símbolos oferece acesso a quase todas as ações para o painel, incluindo a criação de um símbolo, a edição de um símbolo, quebrando as ligações, mudando a visão do painel e muito mais. Para poupar tempo, ao longo da parte inferior do painel Símbolos são alguns atalhos para as ações mais Commons. Você também pode usar as opções na janela Controlo na parte superior da tela.

Para selecionar um símbolo no painel, clique no ícone. Com um símbolo selecionado, agora você pode editá-lo, colocá-lo em sua prancheta, excluí-lo e muito mais.

Você também pode organizar os símbolos no painel clicando e arrastando-os ao redor. Ou escolha "Classificar por nome" para mudar a visão dos ícones no menu drop-down.

Criando Símbolos

Praticamente qualquer objecto pode ser feita em um símbolo. Um par de exceções são arte que não está ligado e grupos de gráficos. Verifique se o painel Símbolos é aberto.
Clique no botão "New Símbolos" (ícone que se parece com dois quadrados brancos, uma menor do que o outro) na parte inferior da janela de símbolos, ou arrastar um objeto diretamente no painel Símbolos. Illustrator desligará automaticamente o objeto selecionado em um símbolo e também adicionar o objeto para a janela Símbolos.

Se você não quer que seu objeto original para se tornar um símbolo, então segure a tecla Shift enquanto cria o novo símbolo. Isto permite-lhe criar rapidamente um símbolo, mantendo o trabalho editável em sua prancheta.
Na caixa de diálogo Símbolos que aparece, em primeiro lugar especificar um nome, um que você vai se lembrar facilmente mais tarde.

Em seguida, selecione a opção "Tipo" do símbolo que você deseja criar: um clipe de filme ou gráfico. Se você estará usando o símbolo somente em Illustrator, não importa o que você selecionar. A única razão pela qual as duas opções estão disponíveis é que se você quiser usar o símbolo em Adobe Flash: um símbolo de clipe de filme do Flash pode ser manipulado para fins de animação, enquanto um símbolo gráfico em Flash ficam estáticos.

Bibliotecas de Símbolos

As bibliotecas de símbolos fornecem uma maneira limpa para organizar os símbolos que você adquirir. Para abri-los, clique no menu Biblioteca símbolos no canto esquerdo de suas ferramentas de símbolos, ou vá para WindowSymbol Libraries[symbol] . A biblioteca que você selecionar será aberto em uma nova janela. Quando você escolhe um símbolo de uma biblioteca aberta, ele é automaticamente adicionado ao painel Símbolos.

Lembre-se que você pode mudar o símbolo, uma vez que é no seu painel, mas o símbolo original na biblioteca nunca vai mudar.
Adicionando símbolos do painel à sua biblioteca é fácil, mas pode ser confuso no início. Comece por eliminar quaisquer símbolos que você não deseja adicionar. (Para remover rapidamente os símbolos não utilizados, escolha "Select All Unused" no menu do painel Símbolos.) Em seguida, escolha "Salvar símbolos" do botão do menu Symbols Library, ou ir para o menu do painel Símbolos e selecione "Salvar Biblioteca de símbolos." Nome do seu biblioteca de símbolos, e guardá-lo para a pasta de símbolos padrão. Agora você pode encontrar sua pasta nova biblioteca de Symbols Library MenuUser Defined[symbol] .

Nota: Você pode criar uma nova biblioteca de quaisquer símbolos, se os símbolos padrão do Illustrator ou o seu próprio. Basta arrastar os símbolos desejados no painel Símbolos, e siga os passos acima para criar uma nova biblioteca.
Salvando bibliotecas de símbolos em outros locais do que a pasta da biblioteca padrão permite mais facilmente partilhar os seus símbolos criados com outros designers. Primeiro, crie a sua biblioteca, como explicado na seção anterior. Quando você chegar à etapa onde Illustrator pede para você escolher um nome e local para sua biblioteca, escolher um local diferente da pasta padrão (como a área de trabalho ou "Meus Documentos"). Lembre-se que você sempre pode acessar os símbolos neste local alternativo ao trabalhar no Illustrator, escolhendo "outra biblioteca" do menu Biblioteca de Símbolos.

Símbolos Colocação

Para colocar um símbolo em sua prancheta, basta clicar sobre o ícone no painel e arraste o símbolo para sua placa, ou selecione o ícone do símbolo no painel e clique em "Local Símbolo Instância" botão. Arrastar o símbolo é útil se você tem um lugar específico para ele, enquanto que o "Local Símbolo Instância" botão funciona bem quando você quer colocar vários na placa, mas ainda não sei onde.

Links de Breaking

O "Break Link to Symbol" botão simplesmente transforma o símbolo que você colocou em sua prancheta para trás em um gráfico regular. Embora as mudanças tais como o movimento, a escala, girar reflectir e inclinação (cisalhamento) pode ser feita para exemplo de um símbolo na prancheta sem alterar o símbolo original no painel, mais avançado edições irá afectar tanto a instância eo símbolo se eles estão ligados . Ao clicar sobre o "Break Link to Symbol" botão, agora você pode modificar o símbolo no painel, sem afetar o gráfico em sua prancheta. O oposto também é verdadeiro: as edições feitas em uma instância com um link quebrado não afetarão mais o símbolo.

Alterar as opções Símbolo

O "Símbolo Opções" botão abre a caixa de diálogo Opções, onde você pode alterar o símbolo para "Graphic" ou "Movie Clip", alterá-lo para 9 fatias de escala, e fazer o símbolo alinhar automaticamente a uma grade. Veja a seção anterior sobre "Criando símbolos" para mais explicações. Você também pode alterar o nome, o que é útil se você duplicar um símbolo.

Adicionando ou Duplicando símbolos

O "New Symbol" botão permite que você altere um objeto selecionado em um símbolo. Ou, para duplicar rapidamente um símbolo, basta selecioná-lo no painel e arraste-o para o "New Symbol" botão. Illustrator automaticamente nomeá-lo o nome do símbolo original mais um número, como "Cubo 1", mas você pode alterar o nome com o botão Opções.

Arraste o símbolo para o "New Symbol" botão.

Um novo símbolo aparecerá com um nome numerado.

Símbolos Excluindo

Arraste um símbolo para o botão Excluir para excluí-lo do painel. Isso não excluirá da sua biblioteca, por isso, se você precisa usá-lo novamente, basta abrir a biblioteca e arraste-o de volta para o painel. Você também pode clicar no botão "Excluir" quando um símbolo é selecionado para excluí-lo, uma caixa de diálogo irá aparecer pedindo "Excluir o símbolo selecionado?"

Se você excluir um símbolo que tem ocorrências na prancheta, uma caixa de diálogo de alerta aparecerá dizendo que o símbolo não pode ser apagado até que o seu exemplo em uso é excluído ou expandido. Escolha "Expandir instâncias" para quebrar o vínculo com o símbolo, esta opção irá transformar a instância na prancheta em um gráfico regular e irá apagar o símbolo do painel. Escolha "Instâncias Excluir" para remover a instância da prancheta e apagar o símbolo do painel.

Redefinir símbolo

"Redefinir símbolos" (localizado no menu drop-down do painel Símbolos) permite que você altere um símbolo para o gráfico selecionado em sua prancheta. Tenha em mente que esta acção irá alterar apenas a aparência do símbolo, enquanto o nome e outras opções (tais como o tipo) permanecerá o mesmo.

Com o símbolo selecionado na prancheta, selecione um dos símbolos previamente definidos no painel Símbolos. Neste exemplo, nós selecionamos o símbolo gravata borboleta.

O símbolo de gravata borboleta agora se parece com o símbolo de sujeira, mas o nome e outras opções permanecem inalterados.

Swap / substituir um símbolo

Para trocar um símbolo com outro, selecione o símbolo em sua prancheta, em seguida, selecione o ícone do símbolo no painel que você deseja usar em seu lugar. A partir do menu drop-down, selecione "Substituir símbolo."

2. Uso de símbolo avançada

Os símbolos podem ser editados de várias maneiras. Na verdade, CS5 oferece agora mais opções de edição do que as versões anteriores do Illustrator, incluindo 9 Slice-Escala (veja abaixo) e muito mais.

Janela de controlo

Uma maneira de editar símbolos é com as opções na janela de controle, localizado na parte superior (ou inferior, dependendo de como você arranjou sua janela Illustrator) de sua prancheta. Basta clicar sobre o símbolo que você deseja editar, e você vai notar que muitas das opções da janela Controle de símbolos são semelhantes às opções para outros objetos, como "opacidade", "Recolorir arte", "Transform" e "Alinhar a Seleção. "Você também pode notar que você pode quebrar ligações e substituir símbolos a partir deste menu.

Opções A janela Controle de mudar dependendo do que tipo de gráfico é selecionado, então algumas dessas opções estão disponíveis para gráficos normais, enquanto outros são exclusivos de símbolos.
Para desfazer as transformações, basta selecionar o símbolo na prancheta e clique em "Reset" na janela de Controle, ou escolha "Transformação Reset" no menu drop-down no painel Símbolos, ou simplesmente botão direito do mouse na instância do símbolo na prancheta e escolha "Transformação Reset" no menu de contexto.

Edição como um gráfico

Para editar um símbolo com as suas ferramentas de edição principal, tal como faria qualquer outro elemento gráfico, clique em um símbolo no painel (ou, para ser seguro, duplicar o símbolo e, em seguida, editar a duplicação), e selecione "Edit Symbol" na queda -down menu. (Como alternativa, clique duas vezes no símbolo no painel.) Agora, será capaz de modificar o símbolo no seu painel, bem como quaisquer instâncias em sua prancheta.

Para modificar apenas a instância (s) em sua prancheta e não o símbolo no painel, selecione a instância (s) na prancheta e quebrar o primeiro elo. A instância agora será obra regular que você pode editar usando qualquer ferramenta no menu Ferramentas.

Você sempre pode virar as costas editado gráfico em um novo símbolo, selecionando o gráfico e clicar em "Novo símbolo" na paleta do símbolo.

Para quebrar links para todas as instâncias do símbolo de uma só vez, selecione o ícone do símbolo no painel Símbolos e escolha "Selecionar todas as instâncias" do menu drop-down.

Você pode também editar todas as instâncias do símbolo junto com o símbolo no painel. Basta dar um duplo-clique no símbolo na prancheta, ou selecione a instância e clique no botão "Edit Symbol" botão na janela de Controle, ou selecione "Edit Symbol" do menu fly-out. Uma caixa de diálogo de alerta aparecerá, avisando que você está prestes a editar o símbolo e que qualquer alteração será feita para todas as instâncias desse símbolo.
Você pode escolher "OK" ou "Cancelar". Isso significa que ela diz: todas as instâncias eo símbolo no painel será alterado de acordo com a edição que você faça, enquanto neste Marque a opção "Não mostrar novamente" modo de isolamento. " "caixa de verificação para impedir que este aviso seja exibido novamente.

Para sair do modo de Símbolos Editar, clique na seta "Voltar" na barra de edição na parte superior da prancheta, ou o hit "Escape" chave. Você também pode botão direito do mouse na instância que você está editando e escolha "Exit Isolation Mode."

Ponto de registro Edita

Em CS5, editar o ponto de registro de símbolos é possível. Para aqueles que estão familiarizados com o Flash, a explicação não é necessário mais. Para quem não sabe nada de Flash, o ponto de registro, basicamente, permite que você selecione onde colocar o ponto de ancoragem, que determina como um símbolo será colocado dentro de uma coordenada de tela.
Uma vez, quando a grade de registro faz a diferença no Illustrator é quando girando símbolos. Se o seu registo está definido para o canto superior direito do seu símbolo, o símbolo vai girar em torno desse canto. Você pode ver a localização do ponto de registro simplesmente selecionando o símbolo na prancheta usando a ferramenta Seleção. Parece uma pequena cruz.

Você pode definir o ponto de registro, selecionando um ponto na grade de registro quando você cria um novo símbolo. No exemplo abaixo, o registro está definido para o canto inferior esquerdo. O padrão é centralizado. Basta clicar no "New Symbol" botão ea caixa de diálogo Symbol opções irá aparecer.

Para editar o ponto de registro ou para afinar o local, basta clicar duas vezes no símbolo na prancheta, e você entrará no modo de isolamento. Mova o gráfico ao redor; o ponto de registro permanecerá estacionário. Quando terminar, clique no botão "Voltar" na janela de controle. Neste exemplo, o símbolo tenha sido movido para a esquerda, a qual tem o efeito de deslocamento do ponto de registo para a direita sobre o símbolo.

Illustrator usa automaticamente as configurações da grade de registro sobre um símbolo, mas você pode desligar isso. Diga que você deseja definir o ponto de registro para o lado esquerdo de um símbolo para fins de Flash, mas enquanto no Illustrator você não quiser usar a rede. Com o símbolo selecionado, clique em "Transform" na janela de controle. Em seguida, clique no menu drop-down no canto superior direito do painel Transform. A partir deste menu, selecione "Usar ponto de registro do símbolo." Com ela selecionada, essa configuração está apagado.

9 Slice-Scaling Edita

Você pode selecionar 9 Slice-Scaling para um símbolo, ou quando você primeiro criar uma ou mais tarde, através das opções de símbolos.

Você também pode editar a grade de escala 9 fatias em um símbolo quando em "Edit Mode (isolamento)." Clique duas vezes no símbolo na prancheta para entrar no "Modo de Edição (isolamento)." Então, passe a ferramenta Seleção, sobre todas as grade até que ele mude para o movimento do cursor.

Sub-Camadas de Símbolos

Em CS5, agora você pode criar sub-camadas para símbolos. A razão pela qual isso é possível é que CS5 deu uma hierarquia de símbolos camada independente, mesmo quando você expandir símbolos. Além disso, o "Colar Lembrar Layers" configuração funciona quando colar objetos no Modo do símbolo Editar.

3. Ferramentas Simbolismo

Um dos melhores aspectos de símbolos do Illustrator são as ferramentas da Symbol (referido como "Ferramentas de simbolismo" pela Adobe). Usando conjuntos de símbolos e as ferramentas disponíveis, projetando até mesmo os gráficos mais detalhados é rápido e fácil.

Conjuntos de símbolos

Embora você possa usar as ferramentas de simbolismo no exemplo, um único símbolo, eles realmente brilham quando você usá-los com conjuntos de símbolos. Um conjunto de símbolos é um grupo de instâncias de símbolos, muitas vezes pulverizado sobre a prancheta usando a ferramenta Symbol Sprayer. Para selecionar um conjunto inteiro, basta clicar no ícone que o símbolo em seu painel, ou clique em mais de um ícone do símbolo para selecionar mais de um conjunto de símbolos.

Neste exemplo, um símbolo foi pulverizado sobre a prancheta. Para selecionar o conjunto, basta usar a ferramenta Seleção e clique em qualquer um dos símbolos.

Símbolo Ferramenta Pulverizador

Com a ferramenta Symbol Sprayer, você pode adicionar instâncias individuais, adicionar conjuntos de um ou vários casos, e excluir individuais ou conjuntos de instâncias de símbolo. Para pulverizar instâncias de símbolo para a prancheta, selecione o símbolo do painel, selecione a ferramenta Symbol Sprayer na barra de ferramentas, e clique para adicionar uma instância de cada vez, ou arraste para pintar vários de uma vez.
Para apagar símbolos da prancheta, mantenha pressionada Alt ou Option enquanto clica ou arrasta sobre os casos que você deseja remover.

Ferramenta Symbol Shifter

Para mover conjuntos inteiros de símbolos, use a ferramenta Symbol Shifter. Basta selecionar o conjunto ou instâncias de símbolos individuais que você deseja mudar, e com a ferramenta Symbol Shifter selecionado, arraste as instâncias em qualquer direção no tabuleiro. Você também pode alterar a ordem de empilhamento de símbolos com esta ferramenta. Basta manter a tecla Shift pressionada enquanto clica em uma instância ou um conjunto para que ela avance. Mantenha pressionada Alt/Option + Shift enquanto clica em uma instância ou definido para movê-lo para trás.

Ferramenta Comprimir símbolo

A ferramenta Comprimir é útil para quando você quer ajustar o espaço entre os símbolos de um conjunto. Para mover instâncias de símbolo aproximar, selecionar a ferramenta Comprimir Símbolo e clique ou arraste na área entre os símbolos. Para empurrar símbolos separados, mantenha pressionada Alt/Option enquanto clica ou arrasta entre os símbolos.

Símbolo Ferramenta Sizer

Rapidamente redimensionar conjuntos inteiros de símbolos, selecionando a ferramenta Symbol Sizer e, em seguida, clicando ou arrastando sobre os símbolos no conjunto que você deseja redimensionar. Tenha em mente que apenas os símbolos dentro das dimensões do pincel vai mudar de tamanho. Para diminuir de tamanho, mantenha pressionada Alt/Option enquanto clica ou arrasta em instâncias de símbolos.
Mantenha a tecla Shift ao clicar ou arrastar a ferramenta sobre vários símbolos no conjunto de preservar a sua densidade. Você tem que ter cuidado com este atalho, no entanto. Se você está ampliando símbolos e segure a tecla Shift pressionada, muitas vezes eles vão ser apagados para manter a densidade do mesmo. Mas se você está downsizing símbolos e use a tecla Shift, mais símbolos do mesmo tamanho será adicionado ao conjunto.

Símbolo Ferramenta de Spinner

Outra maneira de criar variedade em um conjunto de símbolos constituído pelos mesmos símbolos é selecionar a ferramenta Symbol Spinner e girar os símbolos em diferentes direções. Clique em um grupo de símbolos e arraste e gire o cursor para ligar os símbolos em diferentes direções.
Tenha em mente que, assim como ao usar a ferramenta Girar em instâncias de símbolos, com a ferramenta Symbol Spinner, casos em um conjunto irá girar com base nas configurações de rede de inscrição. Então, se você selecionou o canto superior direito da grade de registro durante a criação de símbolos, então os seus símbolos "travará" no canto superior direito e girar em torno desse posição travada.

Símbolo Ferramenta Stainer

Esta é uma excelente ferramenta para a criação de uma variedade de cores naturalmente aleatório dentro de um conjunto de símbolos. Ele usa tanto tonalidade da cor e luminosidade para "manchar" instâncias de símbolo. Portanto, ambos os símbolos negros (baixa luminosidade) e os símbolos brancos (luminosidade elevada) não altere de forma alguma, a maior ou menor a luminosidade, a menos drástica a mudança na cor.
Primeiro, você terá que selecionar uma cor de coloração a partir do painel de cores. Com a ferramenta Symbol Stainer selecionado, clique ou arraste sobre as instâncias de símbolo que você deseja colorir. Se você quiser reverter o efeito da mancha, mantenha pressionada Alt/Option e clique ou arraste símbolos.

Com a ferramenta Stainer, quanto mais tempo você mantê-lo ao longo de um conjunto de símbolos, quanto maior a quantidade de mudança de tonalidade. Mas se você quiser a mesma quantidade de matiz não importa o quanto você arrastar a ferramenta através de um conjunto de símbolos, segure a tecla Shift pressionada. Isso funciona bem quando você quer mudar todo um conjunto de uma nova tonalidade, sem muita variação.

Símbolo Ferramenta Screener

Para alterar a transparência de instâncias de símbolo, selecione a ferramenta Symbol Screener e clique ou arraste símbolos. Mantenha pressionada Alt/Option para reverter o efeito de transparência.

Neste exemplo, tivemos que duplicar a camada Símbolo várias vezes e usou a ferramenta Symbol Stainer para adicionar profundidade de cor. A ferramenta de tela Symbol nos permite suavizar o efeito.

Símbolo Ferramenta Styler

O Symbol Styler ferramenta permite-lhe adicionar ou remover estilos gráficos a partir de instâncias de símbolo. Primeiro, selecione o símbolo da ferramenta Styler (se você selecionar um estilo gráfico primeiro, depois Illustrator irá aplicar o estilo gráfico para o conjunto de símbolos inteiro selecionado). Em seguida, escolha um estilo gráfico do painel Estilos de gráfico, indo para WindowGraphic Styles , e clique ou arraste através de instâncias de símbolo para um aumento gradual em um estilo gráfico.
Mantenha pressionada Alt/Option enquanto clica ou arrasta para reverter o efeito de estilo. Tenha em mente que se você quer manter o estilo gráfico muda a mesma em todo o conjunto de símbolos, mantenha pressionada Shift enquanto utiliza a ferramenta Symbol Styler.

Aqui, nós abrimos uma biblioteca de gráficos padrão de estilo chamado Iluminar Estilos, indo para o Windows → Biblioteca → Estilos de gráfico Iluminar Estilos.

4. Ferramentas Simbolismo Opções Avançadas

Para acessar as opções da ferramenta Simbolismo, faça duplo clique em qualquer das ferramentas. Não importa qual ferramenta você clica duas vezes, porque todos eles podem ser acessados ​​a partir da caixa de diálogo Opções.

As opções disponíveis a todas as ferramentas de simbolismo

No topo da caixa de diálogo são opções que permanecem as mesmas, não importa qual ferramenta está selecionada. Alguns são bastante auto-explicativo. "Diâmetro" determina o tamanho do pincel. "Intensidade" define a taxa de variação. "Densidade Set Symbol" define a quantidade de símbolos colocados dentro de uma determinada área com base em uma fórmula, quanto maior o número, mais densa dos símbolos será.
"Método" (não disponível para todas as ferramentas) ajusta instâncias do símbolo: "User Defined" permite um ajuste gradual, determinada pela localização do cursor; "Random" ajusta os símbolos, a uma taxa aleatória, e "Média" suaviza os símbolos gradualmente. Selecione "Tamanho do Pincel Show e Intensidade" para ver estas opções ao usar as ferramentas.
Clique em cada um dos ícones de ferramentas dentro da caixa de diálogo Opções para ver ajustes individuais e atalhos. Nem todas as ferramentas têm ajustes, e nem todos têm atalhos.

Symbol Sprayer Opções

A ferramenta Symbol Sprayer contém a maioria das opções. Todos os seis opções de conter duas opções: "User Defined" e ". Média" Se você já tem instâncias de símbolo no lugar, a definição de "Média" permite que o pulverizador para pulverizar de acordo com as definições de instâncias dentro da área do pincel. Por exemplo, com "média" como a configuração, pulverização junto a instâncias com tamanhos variados fará com que suas instâncias de símbolo para pulverizar em tamanhos variados, dependendo quais se inserem no raio do pincel.

"User Defined" significa que o pulverizador vai colocar símbolos usando as configurações predefinidas:
  • "Scrunch": A densidade com base no tamanho do símbolo original.
  • "Tamanho": Uma vez mais, com base no tamanho do símbolo original.
  • "Spin": Símbolos vai se orientar com base no movimento do mouse.
  • "Screen": opacidade 100% automaticamente.
  • "Stain": A quantidade total de tonalidade ea cor atual do símbolo.
  • "Estilo": Este é determinada pelo estilo atual do símbolo.

Symbol Sizer Opções

As opções incluem Symbol Sizer apenas duas opções. Quando o "redimensionamento proporcional" checkbox é selecionada, o tamanho da instância de símbolo permanecerá uniforme ao redimensionar. Quando o "redimensionamento afeta a densidade" é selecionado, as instâncias do símbolo se moverá mais longe quando alargada e mais juntos quando encolheu.

5. Faça símbolos seu melhor amigo

Se você pretende criar ilustrações que se repetem uma série de gráficos, tais como árvores, grama, flores, formas flutuantes e redemoinhos, para citar alguns, em seguida, os símbolos devem tornar-se seu melhor amigo no Illustrator. Ao invés de apenas copiar e colar um gráfico que você criou, você pode usar um símbolo para pulverizar rapidamente centenas de milhões de cópias em sua prancheta e alterá-los em questão de minutos. Mesmo se você tiver usado símbolos antes, tomar o tempo para realmente brincar com eles e talvez até mesmo seguindo alguns tutoriais irá ajudá-lo compreender esta jóia de uma ferramenta de Illustrator.

Os porquês e os comos das texturas em Web Design

Textura está se tornando parte integrante de design. Tem ido além de ser uma tendência - é agora uma maneira simples e eficaz para dar profundidade a um website. Empunhando o poder de textura é uma grande responsabilidade. Ela aumenta a eficácia dos sites e é uma ferramenta de qualidade no arsenal de designers. Ele pode guiar os olhos do utilizador e enfatizar a importância dos elementos essenciais.
No entanto, a textura tem sido sinônimo de "sujos" ou "sujo" design. O seu uso excessivo pode ser visto em todo o mundo de sites do grupo de música e deixou um gosto ruim na boca dos designers. Devido ao seu mau uso freqüente, os seus benefícios têm sido negligenciados. Textura pode trazer um site em conjunto, mas não deve ser o foco principal.

Textures vs Padrões

Antes de chegarmos em texturas em profundidade, vamos distinguir entre padrões e texturas. Estas palavras são muitas vezes usados ​​como sinônimos. Os padrões são tipicamente pequenos, repetitivos, elementos tileable, enquanto as texturas tendem a ser imagens muito maiores que não se repetem. Imagine um diagrama de Venn, com texturas sobre a esquerda e padrões à direita, com um pouco de sobreposição no meio. Assim, algumas texturas também são padrões. Vários dos pacotes de textura tileable encontrados em Tileables são bons exemplos.
[Note: Have you already pre-ordered your copy of our Printed Smashing Book #3? The book is a professional guide on how to redesign websites and it also introduces a whole new mindset for progressive Web design, written by experts for you.]

A função de Texturas

Nós amamos textura na Web para uma infinidade de razões. As decisões de projeto não deve ser feito simplesmente com base em: "Ah, bem. Parece bom. "O design deve servir a um propósito, e cada decisão sobre a textura deve ser feita através da pesagem dos prós e contras. Vamos começar passando por cima alguns dos principais benefícios.

Agarrando a atenção com uma chamada à ação

Textura pode-se destacar elementos como títulos, títulos, ícones e botões. Ele chama a atenção para chamadas para a ação e os títulos principais. Esta é talvez a maneira mais clara que a tendência de texturas está em recuperação.
Quando usado minimamente, textura separa o conteúdo do resto do site. Ela orienta os olhos do utilizador directamente ao elemento pretendido. Pode ser uma ótima maneira de separar elementos de branding-chave.
Você pode chamar a atenção de maneiras diferentes, mas duas maneiras comuns pode ser facilmente demonstrado com a marca: um logotipo texturizado contra um fundo limpo, e um logotipo limpo contra um fundo texturizado.
The header from Poco People demonstrates use of a textured brand on a clean background.
Observe como as pessoas Poco 's logotipo grunge é acentuado contra o fundo limpo.
A demonstration of clean brand against a textured background.
Cultural Solutions UK branding 's é o oposto: um logotipo limpo contra um fundo texturizado.

Arquitetura da Informação Reforço

Textura pode ser usado para guiar o olho. E, como linhas, caixas e de contraste, pode ser usado para separar o conteúdo em divisões lógicas. Usando-o eficazmente em conjunção com outros métodos é vital. O objetivo não é abandonar outros métodos de arquitetura de informação, mas para melhorar a sua eficácia.
A Modern Eden’s website provides a good example of content separation by use of texture.
Desencadeando a bandeira de correr com uma textura, um Éden moderno destaca o conteúdo dentro.
Veja como você pode usar texturas sem violar as melhores práticas? De alto contraste e legibilidade são evidentes e trabalhar em conjunto com a textura.
This site perfectly divides content with textured elements.
Serviço da Sky Guia perfeitamente separa seu conteúdo com elementos texturizados.
Acima, cada elemento é individualmente textura para um propósito particular. Serviço da Sky Guia divide o conteúdo em seções lógicas, e que o usuário vê onde começam e terminam. Textura realça a arquitetura da informação através da criação de áreas de conteúdo lógico que ajudam o processo do usuário as informações com precisão.
Além disso, a textura serve perfeitamente o estilo e tema do site. Todos os elementos estão sob medida para caber um tema lógico, aumentando assim a mensagem geral do site.

Construir uma atmosfera e Reforço de Identidade

Mais e mais, os clientes querem projetos de websites que fazem mais do que exibir o seu conteúdo de forma amigável. Eles querem sites que melhoram a sua identidade e permitir que os usuários a se identificar com a marca. Textura pode ser usado para conseguir isso em muitos aspectos.
Deda’s website builds a persona through use of textured personality
Enquanto a textura é abundante em Deda , é gentil e nunca sobre-rolamento.
Deidre "Deda" Bain faz exatamente isso para a sua marca pessoal. Seu uso de textura ajuda a colocar um rosto - quase literalmente - para o serviço. Sem a textura, o site seria bastante branda e não teria a personalidade de seu criador. Com legibilidade e uma arquitetura de informação adequada, o projeto ainda seria legal, mas que algo extra estaria faltando.
Textura acrescenta aos "intangíveis" de Web design: a de que fator wow e sensualidade de um site memorável.

Dicas e conselhos gerais

Tudo isso é fino e elegante, mas você vai querer evitar as armadilhas comuns, enquanto refino de certas técnicas e modos de pensamento.

Manter a legibilidade

Nunca legibilidade sacrifício (ever!) para a textura. Muitos de nós cometer este erro, e continuará a por um tempo por vir. Legibilidade na Web é fundamental em importância. Se um usuário não consegue nem ler a mensagem, então o que é o ponto em que a compõem, e muito menos texturização isso?
Evite fazer isto para o seu tipo:
Sometimes, we take it a bit overboard. We just get excited about texture.
Às vezes, passamos um pouco ao mar. Este cartaz mostra o que acontece quando você chegar muito animado com textura.

Não bata em um cavalo morto

Na impressão, a textura é difícil exagerar - dependendo do gênero, é claro. Na Web, no entanto, a textura pode ser extremamente perturbador quando usado em "bulk".
Hinder’s Website
Em Hinder do site, legibilidade se perde no menu, ea textura é uma distração. (E cuidado com a música auto-playing). Oops!

Prática significa melhoria

Experimento com seus projetos. Experimente coisas novas. Aplicar texturas em lugares onde normalmente não colocá-los. Use texturas que você nunca usou antes. Você nunca sabe o que você vai descobrir até que você experimentá-lo.

Se Ele não serve para nada, Take It Out

Defina a sua técnica antes de usá-lo no site de um cliente. Certifique-se sempre que o uso de textura é baseado em um plano sólido, como seria o caso com qualquer site que você criar. Se você não pode justificar algo que você fez como sendo uma melhoria, tirá-lo.
Não há nenhum ponto em exagerando textura. O propósito de toda a Web é disseminar informações. Como você pode conseguir isso se o seu conteúdo é ilegível? Além disso, sutileza e nuances são a melhor maneira de demonstrar o domínio de um assunto.

Considere o efeito Você está tentando conseguir

Como sabemos, por experiência, se deixar levar com a textura é muito fácil. Tendo em mente o efeito final que você está tentando alcançar é a melhor maneira de evitar isso. Se você quer um fundo sutil textura, basta fazê-lo e depois passar para o próximo item em sua lista. Caso contrário, você nunca vai conseguir.

Coletar recursos para que você não precisa procurar mais tarde

Você pode economizar uma enorme quantidade de tempo fazendo o download e arquivar recursos que parecem útil. Manter seus arquivos organizado é um plano de back-up grande. Confie em nós: nada é mais frustrante do que chegar do outro lado da embalagem escova perfeita e não ser capaz de lembrar onde você o encontrou. Nossa lista de escovas é longa e diversificada. Nós temos vindo a recolher os pincéis ao longo dos anos a partir de sites como o deviantART e Brusheezy , a partir das seções brinde de blogs de design diferentes, e por tornar a nossa própria .

Saiba Máscaras

Aprender a trabalhar com máscaras de camada você vai economizar muito tempo a longo prazo e será uma forte ferramenta em seu arsenal. Máscaras também são uma maneira fantástica de não-destrutiva experiência com seus projetos. Um monte de tutoriais estão lá fora, uma rápida pesquisa no Google me levou ao " Máscaras Compreendendo camada no Photoshop . "

Não sacrificar a qualidade para o carregamento Tempo

Há muitas maneiras interessantes para manter texturas de matar os tempos de carregamento. Mas não sacrificar a qualidade da textura muito, porque em vez de aparecer acabado e profissional, o site ficará desatualizado direito fora do portão. Padrões de textura repetidos são uma boa maneira de economizar o tempo de carregamento de origens e elementos maiores.
Claro, queremos projetar com limitações inerentes da web em mente, mas como as velocidades de conexão de Internet subindo globalmente, o tempo de carregamento não deve ser sua principal preocupação. No entanto, usar textura dentro da razão: um site com um monte de texturas, inevitavelmente, ter um tempo de carregamento longo. Um método simples para contornar o tamanho do arquivo é usar texturas repetitivas, especialmente para os fundos. Tileables é um recurso fantástico para começar. E nós estamos sempre aprendendo sobre CSS Sprites e usando Smush.it para comprimir ainda nossos arquivos.
An example of texture quality differences
A diferença na qualidade da textura aqui é grande. A textura do lado esquerdo é comprimida. O da direita é, também, mas não tanto.

Escolha Texturas Logicamente

Por último, e talvez tão importante quanto manter a legibilidade, escolha texturas que são lógicas para seu projeto. Se você está construindo um site para uma loja de móveis, em seguida, texturas enferrujados não faria muito sentido. Texturas são destinadas a construir a identidade, para não confundir o visitante, independentemente de terem boa aparência. Usabilidade deve sempre prevalecer.

Texturas: uma atitude DIY

Uma das muitas maneiras de obter texturas é criá-los. Somos defensores de grandes isso porque você pode economizar tempo e dar o resultado exato que você está procurando. E não se preocupe: não é tão difícil quanto parece.

Encaixe Algumas Fotos

O método mais simples é pegar sua câmera digital trusty e tiros snap de texturas que estão ao seu redor, especialmente aqueles que você nunca considerou ser "texturas". Texturas exclusivas pode avançar o seu estilo. Por exemplo, se você considerar o topo de um bolo ou bolhas em uma pia como texturas viáveis? Eles estão todos ao seu redor.
An unusual example of a photo that can be used for texture
Esta fotografia de perdida e levado demonstra que uma fotografia distintiva pode ser usado para uma textura para fins especiais.
Se você olhar ao seu redor, você verá uma abundância de grunge: gasta-down edifícios, muros de concreto, metal enferrujado, cascas de árvore, madeira resistida. Estas são todas as amostras fantásticas. Na verdade, uma câmera decente point-and-shoot é suficiente para começar. Nós começamos a filmar nossas próprias texturas com uma velha Nikon Coolpix 4200 , que funcionou na perfeição.
Quando você atira, você pode usar o modo totalmente automático. Mas não use flash, porque vai "achatar" a imagem e remover a maioria dos detalhes na textura, especialmente em close-up disparos. Deixe a câmera fazer o trabalho, e sempre tirar várias fotografias de uma textura para obter o melhor resultado possível. Você pode sempre confiar em pós-processamento em seu editor de imagem favorito.

Scanners trabalho, também

Outra grande ferramenta é o scanner ol 'mesa boa. Papel velho, papelão, mouse pads (gritar para Trent Walton para esta ideia), sacos de papel, a pele - a lista do que você pode fazer a varredura continua. Digitalizar com uma resolução muito elevada, 600 a 1200 DPI, de modo que a textura é de alta qualidade e pode ser adaptado a qualquer projecto, incluindo peças de impressão grandes. De alta resolução examina também permitem isolar pontos específicos em uma imagem para usar como textura.
Uma vez que você está confortável com isso, você pode começar a criar elementos usando técnicas tradicionais da arte. Por exemplo, aplique um pouco de carvão para algum belo papel pesado, que poderia ser o toque final para que fundo grunge você foi depois. E quanto a respingos de tinta acrílica para dar profundidade ao seu interface do usuário? Ou manchas de café em papel? As possibilidades são infinitas!

Cereja no topo do bolo

Você sempre pode incrementar o processo através da combinação de texturas. Utilizando os modos de mesclagem de camadas no Photoshop, você pode combinar várias texturas em uma. Caleb de Lost e levado postou uma explicação aprofundada do processo que ele segue para criar os seus pacotes.
Acredite ou não, os filtros um pouco gimmicky Photoshop também pode ser usado para criar texturas. Texturas de ruído são um piscar de olhos com o filtro de ruído. Jogando com os valores e níveis do filtro, você pode obter resultados de uma ampla gama de necessidades. Há também o filtro de texturizar, embora seja bastante enigmático e raramente úteis. Mesmo assim, poderia ajudar você a atingir parte do efeito que você está indo para.
Noise Filter - Before and After
A breve experiência com filtros de ruído. Ruído luz é melhor, mas certifique-se você ainda pode ver o efeito.
Noise Filter Settings
Se você quiser a textura para ser perfeita, em seguida, uma distribuição uniforme é mais fácil de trabalhar. "Monocromático" garante que a textura não tem ruído de cor que podem entrar em conflito com outras cores no seu design.
Se você estiver interessado em aprender as técnicas básicas de aplicação de textura para os elementos, que já produziu diversos vídeos para você começar. Usuários mais avançados podem já conhecer essas técnicas, mas pode querer escovar em cima deles de qualquer maneira. De qualquer maneira, esperamos que eles sejam úteis.