Quer economizar algum tempo? Claro que sim! Você provavelmente está sempre procurando maneiras de fazer isso mais rápido e mais fácil que fazer, é da natureza humana! Uma das melhores maneiras de economizar tempo é a experiência. Quanto mais experiência você tiver, mais confortável você está trabalhando, quanto mais você tem desenvolvido seus próprios métodos melhores, e com a experiência que você sabe a melhor forma de evitar erros e desastres. Então, sempre ficar duro que você faz e você definitivamente vai economizar mais de tempo "justo"!
No entanto, independentemente do seu nível de experiência, existem formas de acelerar as tarefas comuns do projeto. Você deve encontrar algumas dessas dicas não tão conhecidas e as estratégias a seguir muito útil para o seu fluxo de trabalho. E, por favor sinta-se livre para sugerir idéias mais nos comentários a este post!
[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.]

Fluxo de trabalho geral e Personalização

1. Personalize o seu espaço de trabalho em aplicativos de design

Quando se trabalha, é importante ter todas as ferramentas necessárias e painéis prontamente disponíveis para acelerar o seu fluxo de trabalho. No entanto, as ferramentas e painéis necessários, oscilam de acordo com o projeto na mão. Programas de design da Adobe oferecem diversas predefinições padrão de espaço de trabalho, tais como tipo, web, vídeo etc
Estes são benéficos para um começo, mas personalizar áreas de trabalho para atender às necessidades pessoais e projeto pode acelerar ainda mais o seu trabalho. Experimente com diferentes set-ups para encontrar as melhores definições. É melhor guardar um espaço de trabalho depois de trabalhar dentro de um documento por um tempo e não no início.
  1. Enquanto trabalhava em um documento: painéis de abrir, fechar e reorganizar, layout de janelas e interface com as condições ideais
  2. Ir para: Window> Workspace> Save Workspace (No Dreamweaver, a opção do menu é listado como layout de área de trabalho)
  3. Dê o espaço de trabalho um nome (ex. Projeto de Mike Logo); Em alguns casos, você será solicitado a selecionar as configurações para salvar, se é só selecionar os itens apropriados
  4. Para usar o layout no futuro, vá para: Window> Workspace title> de sua área de trabalho

2. Personalize as suas preferências em aplicativos de design

Configurações do programa Numerosos são armazenados nos aplicativos da Adobe, incluindo opções de exibição gerais, arquivo de poupança de opções, opções de desempenho, opções de cursor, opções de transparência, as opções de tipos e opções de plug-ins e discos de trabalho. Essas preferências são apenas isso, as preferências. Não é nenhuma surpresa que nem todos concordam com as mesmas preferências, assim, para uma experiência de design ideal, você deve personalizar essas preferências em cada um dos seus programas de design para melhor atender às suas necessidades.
Editar Preferências
  • Escolha Editar> Preferências> Geral (Windows) ou Escolher nome do programa (ex. Photoshop)> Preferências> Geral (MAC)
  • As configurações de preferências são salvas cada vez que você sair do aplicativo.
Preferências sugeriu mudar
  • Photoshop: número de estados de história, exibição de interface, unidade de medida padrão
  • Illustrator: incremento teclado, tolerância seleção, padrão base turno, seguindo padrão, unidade de medida padrão, layout de grade, a aparência de preto
  • Dreamweaver: formato de código, referência de código, copiar / colar, css, css taquigrafia, novo documento, o padrão de visualização do navegador, validador
  • Flash: no padrão de lançamento, actionscript, desenho, texto, avisos, importação de arquivos PSD e AI
  • InDesign: drag-and-drop de edição de texto de ortografia, dinâmica aparência, auto-correção, unidade líder padrão medida, o incremento de teclado, dicionário, desempenho, exibição de preto

3. Combine gráficos comuns de projetos anteriores em um único documento para o uso fácil no futuro

Projeto nunca deve repetir-se, no entanto, existem certos elementos que são muitas vezes repetida por necessidade, como ícones, logotipos, símbolos, etc (principalmente quando você está criando um wireframe). Combinar todos esses elementos comuns em um Photoshop ou Illustrator documento para uso futuro. Isto irá eliminar a busca através de documentos do projeto do passado por um ícone ou símbolo que você já tenha criado.
Arquivo com elementos gráficos comuns,

4. Aprender e praticar o uso de atalhos de teclado, em seguida, criar o seu próprio

Claro comando-C-V e comando são úteis para copiar e colar, mas não pára por aí. Um atalho de teclado existe para a maioria dos comandos comuns e se não houver um, você pode criar o seu próprio. A capacidade de economia de tempo de atalhos de teclado não tem preço.
Para criar seu próprio selecione Editar> Teclado Atalhos (Windows) ou nome do programa (ex. Photoshop) Atalhos de> Teclado (Mac OS). Você pode criar diferentes conjuntos de atalhos para diferentes tarefas
se desejado. Procure o comando que você gostaria de editar e inserir um novo atalho combinação. Nota: Para inserir a combinação de teclas, pressione as teclas no teclado. Você não precisa escrever os nomes das teclas, como opção de controle, e assim por diante.
Recursos para encontrar e aprender atalhos:

Photoshop

5. Crie arquivos reutilizáveis ​​ou modelos com configurações comumente usadas

Em geral, quando começa um mockup site / design no Photoshop, existem várias coisas que você faz (ou deveria fazer) automaticamente antes de começar, tais como tamanho do conjunto e dimensões, criar guias, e criar pastas de camadas comuns (ver sempre organizar camadas em várias pastas abaixo). Em vez de criar estas definições genéricas de cada vez, criar um arquivo de modelo com essas configurações já criadas.
Da próxima vez que você começar a desenhar uma maquete site, configurar seus princípios, então parar e guardar uma versão chamada "webtemplate.psd", ou qualquer outro arquivo em questão. Então comece cada projeto futuro com o arquivo de modelo. Você irá apreciar eliminar esta tarefa repetitiva da próxima vez que design!
Photoshop arquivo de modelo

6. Gravar e usar ações para tarefas repetidas

Um dos mais eficazes do Photoshop para economizar tempo é o painel de ações. Ele permite que você registrar uma tarefa ou uma série de tarefas a ser usado mais tarde para projetos semelhantes. Tal como acontece com muitas ferramentas da Adobe, há uma série de ações padrão úteis já set-up, no entanto, o painel de ações é mais usado durante a gravação de ações personalizadas, muitos dos quais são projeto específico.
Por exemplo, se você teve uma série de filtros e ajustes aplicados a uma imagem dentro de um projeto e você precisava aplicar os mesmos efeitos para várias outras imagens, em seguida, registrar os passos permitiria uma réplica exata e rápida do efeito.
O painel de ações pode ser muito dinâmico, ou ele pode ser muito simples, dependendo de suas necessidades e experiências. Siga os passos abaixo para as funções básicas do painel de ações. Então confira os recursos adicionais enumerados aqui para continuar a aprender.
  1. Abra o Painel de Ações: Janela> Ações ou usar o atalho de teclado, Option-F9 (MAC) Alt-F9 (Windows).
  2. Criar uma nova ação, clicando no botão Nova Ação, localizado no canto inferior direito do painel de ações. Clique em Nova ação
  3. Uma vez que uma nova ação é criado, ele automaticamente começa a gravar. Se não, clicar no botão de gravação redondo, localizado na parte inferior do painel de acções. Photoshop Painel de Ações
  4. Prosseguir com aplicação de quaisquer ajustamentos, filtros, alterações de tamanho, etc, até o efeito desejado foi alcançado.
  5. Uma vez terminado, clique no Interromper Reprodução / Gravação botão, localizado ao lado do botão de gravação na parte inferior do painel de ações
  6. Se uma tarefa específica foi gravado durante a ação que é indesejada, essa tarefa específica pode ser suprimido sem re-gravar a ação, selecionando a tarefa, em seguida, clicando no botão excluir.
  7. Para reproduzir uma ação, selecione a camada apropriada para aplicar a ação para, em seguida, clique em Executar. Photoshop vai executar as ações viver na tela, mas só deve demorar alguns segundos.
Recursos úteis para Photoshop Actions

7. Use as ações de lote para a repetição de uma tarefa em um grupo de arquivos

Ao usar ações básicas de Photoshop, você deve clicar em jogar cada hora de aplicar a ação. Isto não é conveniente quando a mesma acção precisa de ser aplicado a um grande grupo de ficheiros. Isto é onde as ações em lote torna-se muito útil. O painel de automação lote permite a aplicação de uma acção de uma pasta de imagens ou arquivos. Por exemplo, se você tivesse uma pasta de 50 imagens que precisam ser redimensionada para 500x500px e girada em 90 graus, seria demorado para aplicar a ação individualmente para cada arquivo.
Em vez disso, configure o lote caixa de diálogo ações para aplicar a ação a todos os arquivos na pasta, então o Photoshop irá fazer o trabalho pesado e cuspir todas as 50 imagens, girado e redimensionado.
Para acessar o painel de ações do lote, selecione File> Automate> Batch.
Photoshop acções lote

8. Use o processador de imagem para redimensionar um grupo de imagens

Semelhante ao painel de ações do lote, o processador de imagem seleciona uma pasta de imagens ou todas as imagens abertas e redimensiona e salva-los para um local desejado. O processador de imagem é melhor para redimensionar imagens do que o painel de acções lote, embora a mesma acção pode ser realizada em ambos.
Para acessar o processador de imagem, selecione File> Scripts Processador de Imagem>.
Photoshop processador de imagem

9. Faça instantâneos de histórico para criar versões comparáveis ​​de um arquivo

Painel de Photoshop da história é um saver de vida, às vezes, no entanto, é ainda mais conveniente para criar várias instâncias do mesmo arquivo para ser comparado mais tarde. O comando Instantâneo permite que você faça uma cópia temporária (ou instantâneo) de qualquer estado do arquivo. O novo instantâneo é adicionado à lista de instantâneos na parte superior da paleta History. A seleção de um instantâneo permite trabalhar a partir dessa versão a imagem.
História instantâneos do Photoshop
Criar um instantâneo
  1. Selecione um estado e faça o seguinte:
    • Para criar automaticamente um instantâneo, clique no botão Criar Novo Instantâneo no painel Histórico, ou se automaticamente Criar Novo Instantâneo Quando o salvamento for selecionado nas opções de histórico, escolha Novo Instantâneo no menu do painel Histórico.
    • Para definir opções durante a criação de um instantâneo, escolha Novo Instantâneo no menu do painel Histórico, ou tecla Alt (Windows) ou Option (Mac OS) no botão Criar Novo Instantâneo.
  2. Digite o nome do Snapshot na caixa de texto Nome.
  3. Escolha o conteúdo instantâneo da partir do menu:
    • Documento completo - Faz um instantâneo de todas as camadas da imagem nesse estado
    • Camadas mescladas - Faz um instantâneo que mescla todas as camadas da imagem nesse estado
    • Camada Atual - Faz um instantâneo de apenas a camada selecionada no momento em que o estado

10. Sempre organizar camadas em várias pastas ou grupos

É melhor prática sempre rotular camadas e organizá-los em pastas gerenciáveis ​​/ grupos. Ela permite a navegação rápida de camadas e do movimento de grupos de camadas. Por exemplo, ao projetar para a web, é útil ter várias pastas, como cabeçalho, barra lateral, rodapé, etc Se o sidebar precisou ser transferida dentro do arquivo, selecione a pasta e arraste todo o grupo para o local desejado .
Para criar uma pasta camada, clique no ícone de criar um novo grupo, localizado à esquerda do botão create nova camada dentro do painel de camadas.
Organize as camadas do Photoshop em pastas

11. Criar camadas de ajuste, em vez de editar diretamente uma camada

Quando a edição de imagens, utilizando recursos do Photoshop de ajustamento é um salva-vidas por causa da quantidade ampliada de controle que você tem sobre a aparência. No entanto, nem sempre é uma ciência exata e você pode não gostar do resultado final. Este é o lugar onde as camadas de ajuste vir a calhar.
Sem prejudicar a camada original, o Photoshop irá aplicar o ajuste como uma máscara de corte para a camada anterior ou o documento inteiro. Você pode aplicar como muitas camadas de ajuste para uma camada como gostaria e a beleza deles é a capacidade de ocultá-los com o clique de um botão, assim como qualquer outra camada.
Para criar uma nova camada de ajuste, selecione Layer> New Adjustment Layer> o ajuste desejado
Photoshop camada de ajuste

12. Botão direito do mouse para selecionar uma camada

Simples como parece, um botão direito do mouse ou Control-clique (Mac), pode poupar muita dor de cabeça ao tentar localizar camadas. Dentro de um documento, para selecionar uma camada, sem percorrer o painel de camadas, passe o mouse sobre o objeto a ser selecionado e clique direito. Várias camadas será exibido, clique sobre a camada desejada para mover-se para essa camada.

Illustrator

13. Gravar e usar ações para tarefas repetidas

Gravação e por meio de ações é comum para usuários do Photoshop, porém pouco conhecido é que o Illustrator possui a mesma capacidade de gravar e reproduzir ações.
  1. Abra o painel Ações: Janela> Ações
  2. Criar uma nova ação por clique no botão Nova Ação, localizado no canto inferior direito do painel de ações
  3. Uma vez que uma nova ação é criado, ele automaticamente começa a gravar. Se não, clicar no botão de gravação redondo, localizado na parte inferior do painel de acções
  4. Prossiga com a aplicação de quaisquer transformações, ajustes, efeitos, etc, até o resultado desejado foi alcançado
  5. Uma vez terminado, clique no Interromper Reprodução / Gravação botão, localizado ao lado do botão de gravação na parte inferior do painel de ações
  6. Se uma tarefa específica foi gravado durante a ação que é indesejada, essa tarefa específica pode ser suprimido sem re-gravar a ação, selecionando a tarefa, em seguida, clicando no botão delete
  7. Para reproduzir uma ação, selecione o objeto apropriado para aplicar a ação para, em seguida, clique em Executar. Illustrator vai executar as ações ao vivo na tela

14. Criar bibliotecas de amostras personalizadas

A cor é importante para o sucesso ou o fracasso de um projeto. Portanto, a escolha de cores pode ser uma tarefa difícil. Então por que não simplificar o processo apenas por navegar através das cores que são dignos de ser selecionado? Adobe oferece uma série de livros swatch excelentes que são um bom começo, mas mesmo aqueles que podem ser esmagadora. Criação de bibliotecas de amostras personalizadas, organizado pelo projeto ou cliente, permite uma melhor gestão da cor.
  1. Abra o painel de amostras: Window> Swatches
  2. Localize e criar as amostras desejadas. Criar uma nova amostra clicando Nova amostra, localizado na parte inferior do painel de amostras.
  3. Para adicionar uma amostra de um outro livro de amostras, clique e arraste a amostra no painel Amostras.
  4. Opcionalmente, organizar amostras em grupos de cores para facilitar a navegação. Por exemplo, agrupar todos os vermelhos e marrons juntos. Para criar um grupo de cores: Selecione amostras a serem incluídos, mantendo a tecla Command (tecla Control no Windows) e clicar. Em seguida, clique no botão Novo grupo de cores, localizado na parte inferior do painel de amostras. Dê-lhe um nome e clique em OK. Adicionar amostras adicionais para o grupo de cor, clicando e arrastando-os para o grupo. Amostras do Illustrator
  5. Uma vez que o painel de amostra foi organizado e as amostras desejadas foram adicionados (você pode excluir amostras indesejados também), clique na amostra de painel de botões de opções, localizado no canto superior direito do painel de amostras. Selecione Salvar Biblioteca Swatch como ASE ou Salvar Biblioteca Swatch como AI. ASE significa Adobe Swatch Exchange e deve ser escolhido se você gostaria de usar a biblioteca de amostras em outros programas da Adobe, como Photoshop ou InDesign. Se não, escolha salvar biblioteca de amostras como AI ea biblioteca de amostras estarão disponíveis apenas no Illustrator.
  6. Para abrir uma biblioteca de amostras: Clique na amostra de painel de botões de opções, localizado no canto superior direito do painel de amostras. Em seguida, selecione Biblioteca Swatch Open e encontrar a categoria, definido pelo utilizador. A biblioteca de amostras que você criou será listado em seu nome.

15. Use o comando "mesmo" para selecionar como elementos

Um pequeno mas poderoso recurso de economia de tempo, o comando "mesmo" no Illustrator permite a seleção de todos os elementos, como, como todos os objetos com uma cor de preenchimento vermelha ou todos os objetos com um golpe 5pt.
  1. Para usar o comando "mesmo": Selecione o objeto com a característica desejada. Por exemplo, se você quer selecionar todos os objetos com uma cor vermelha de preenchimento, em seguida, selecione qualquer objeto com uma cor vermelha de preenchimento no documento.
  2. Vá em Select> Same> o comando desejado
Além disso, confira o "objeto" de comando para opções semelhantes. O "objeto" comando irá selecionar todos os elementos comuns, como todos os traços de pincel em vez de todas as pinceladas vermelhas.
  1. Para usar o "objeto" de comando: Vá em Select> Objeto> o comando desejado

16. Organizar os elementos em camadas para facilitar a gestão

Camadas, uma outra característica comum, photoshop também existe no Illustrator, no entanto, não é tão amplamente utilizado. As camadas funcionam de forma semelhante às do Photoshop. Ao contrário do Photoshop, Illustrator não coloca automaticamente novos objetos em camadas separadas, mas sim coloca-los em sub-camadas. Clique na seta ao lado da camada de acesso aos sub-camadas. É importante ter em mente que o Illustrator e Photoshop são programas diferentes e cada um tem seus próprios propósitos.
O maior vantagem de economia de tempo de camadas, é a capacidade para bloquear eles, o que permite a fácil selecção e edição. Além disso, as camadas de adicionar a capacidade de criar máscaras de recorte.
  1. Para acessar o painel de camadas: Window> Layers
  2. Para criar uma nova camada, clique em Criar Nova Camada, localizado no canto inferior direito do painel de camadas. Para criar uma camada de sub-, que funciona de forma semelhante às camadas dentro de grupos de camada no Photoshop, clique em Criar Nova Camada-Sub, localizado ao lado do botão camadas novo. Illustrator camadas painel

17. Use símbolos comuns a partir do painel Glyphs

Alguém precisa de um símbolo de copyright, algumas flechas, ou um símbolo e-mail? Se assim for, utilizar o painel Glifos no Illustrator. Muitos símbolos comuns e algumas incomuns também, estão listados lá. Cada fonte tem seu próprio conjunto de glifos, no entanto fontes de símbolos, como Wingdings, Webdings e Dingbats Zapf são os melhores para navegar através de símbolos de qualquer coisa, como e-mail e símbolos de telefone para setas e círculos.
  1. Para acessar o painel de glyphs, selecione Tipo> Glyphs
  2. Para alterar o tipo de letra, navegue através do menu suspenso, localizado na parte inferior do painel Glyphs
Illustrator painel glifos

InDesign

18. Criar folhas de estilo para a formatação rápida

Folhas de Estilo em mente um web designer é geralmente significa apenas uma coisa, folhas de estilo CSS. No entanto, se você estiver trabalhando em um projeto de impressão no InDesign, folhas de estilo também irá poupar horas de Formatação de tempo, assim como folhas de estilo CSS fazer. Você pode configurá-los como você trabalha, salvando estilos individuais para ser aplicado a outras áreas afins.
Estilos são tratados em quatro painéis separados: estilos de personagens, estilos de parágrafo, estilos de tabela e estilos de objetos. Para adicionar um novo estilo, criar o efeito desejado, então destaque / seleccione o estilo e clique no botão Criar um Novo Estilo. Para aplicar o estilo, selecione o texto / objeto a ser formatado e clique no novo estilo que você criou no painel de estilos.
Para acessar os painéis de estilo, selecione Window> 'Tipo e tabelas Estilos> parágrafo ou Estilos de caracteres ou estilos de tabela. Os estilos de objetos estão localizados em Janela> Estilos de objeto.

19. Use Dados-Merge para artigos de papelaria automaticamente personalizar, convites, etc

500 convites personalizados para ser concluída até amanhã? Não é um problema, se você usar os dados mesclar recurso no InDesign, também vulgarmente designado por mala direta. Você mesclar um arquivo fonte de dados com o documento atual e InDesign produz automaticamente cada versão personalizada do arquivo. Uso de dados direta para cartas, envelopes, convites, etiquetas de endereçamento, cartões postais, etc
Para acessar os dados mesclar painel, selecione Window> Automation> Data Merge.
Recursos adicionais para o uso de mesclagem de dados

20. Voto de aprender e usar uma dica de economia de tempo por dia

Você não pode cometer todas essas dicas à memória em um dia, assim que escolher um para aprender todos os dias, ou pelo menos um por semana. Faça alguma coisa uma vez, ok. Faça algo duas vezes, ótimo! Faça alguma coisa 10 vezes, agora que a dedicação do. Você também pode fazer uma nota ou mesmo um documento PDF em cores, se quiser, que contém algumas dessas dicas de economia de tempo para referência rápida.