Ministério da Educação e Ciência da Federação Russa

Instituição educacional estadual

Educação profissional superior

Instituto Estadual Taganrog da Universidade Federal do Sul

Departamento de Sistemas de Projeto Auxiliado por Computador

NOTA EXPLICATIVA

para o trabalho do termo

Disciplina: Tecnologias e ambientes de informação avançados.

EOR sobre o tema: “ Ferramentas de suporte de animação 2 D e 3 D ».

Concluído:

Professor:

Taganrog

Trabalho de curso:

Criação de um recurso educacional eletrônico sobre o tema: "Ferramentas de suporte à animação", onde é necessário demonstrar o princípio da criação de animação com vários exemplos. E também fazer breve revisão algumas tecnologias para a criação e suporte de animação 2 D e 3 D.

Introdução

A relevância do tema "Animação" hoje está fora de dúvida. Há quase um século surgiram os primeiros desenhos animados, que encantaram a todos. Com o advento das tecnologias modernas, a animação passa a ser um dos principais elementos dos projetos e apresentações multimédia, estando cada vez mais presente nas páginas da Internet. Além disso, a animação é amplamente usada na televisão. Por exemplo, muitas emissoras usam protetores de tela CGI. A produção de vídeo também não está completa sem um computador, e cada vez mais o vídeo profissional usa técnicas de animação por computador.

Este artigo discute as tecnologias e os princípios da criação de animação.

Animação

Definição profissional mundial "animação" (traduzido do latim “anima” - alma, “animação” - renascimento, animação) reflete todas as possibilidades técnicas e artísticas modernas do cinema animado com a maior precisão possível, porque os mestres da animação não apenas trazem seus personagens à vida, mas também colocam uma peça de sua alma em sua criação ...

Tecnologias de animação.

Atualmente, existem várias tecnologias para a criação de animação:

Clássico (tradicional) animação é uma mudança sequencial de imagens, cada uma das quais desenhada separadamente. Este é um processo muito demorado, pois os animadores precisam criar cada quadro separadamente.

Quadro de parada (fantoche) animação. Os objetos colocados no espaço são fixados pela moldura, após o que sua posição é alterada e fixada novamente.

Sprite a animação é implementada usando uma linguagem de programação.

Transformando - transformação de um objeto em outro, gerando um determinado número de quadros intermediários.

Animação colorida - muda apenas a cor, não a posição do objeto.

Animação 3D criado usando programas especiais (por exemplo, 3D MAX). As imagens são obtidas pela renderização de uma cena, e cada cena é um conjunto de objetos, fontes de luz, texturas.

Capturando movimento (Motion Capture) - a primeira direção da animação, que torna possível transmitir movimentos naturais e realistas em tempo real. Os sensores são anexados ao ator ao vivo nos lugares que serão alinhados com Pontos de controle modelo de computador para inserir e digitalizar o movimento. As coordenadas do ator e sua orientação no espaço são transmitidas para a estação gráfica, e os modelos de animação ganham vida.

Software de animação.

O software de animação facilita o uso para iniciantes e usuário experiente... Esses programas possuem vários recursos técnicos que são muito úteis e fáceis de usar para o animador. O usuário pode receber ajuda online a qualquer momento. Esse software se enquadra em duas categorias: animação bidimensional (2D) e tridimensional (3D). Atualmente, existe um grande número e variedade de programas para a criação de animações no mercado. Muitos deles estão amplamente disponíveis e têm um modo de teste durante o qual o usuário pode usar o programa gratuitamente. Após o término deste período, caso o usuário esteja satisfeito com o programa, poderá adquirir a versão completa para uso posterior.

Peculiaridades Programas para animação 2D (2 D ):

A maioria desses programas é amigável e oferece muitas funções. Por exemplo, recursos úteis, como grade personalizável e preenchimento automático. A sincronização automatizada de vídeo e voz economiza tempo.

A biblioteca de modelos é projetada para organizar, armazenar e reutilizável Todos os seus ativos e animações geradas podem conter todos os tipos de arquivos de mídia: filmes, coleções de fotos, arte em formatos como SWF, AI, PDF, JPEG, PSD, TGA e GIF.

Elementos de software especiais tornam o processo de criação de animações tão fácil quanto um, dois, três. As ferramentas de software permitem ao usuário criar efeitos de movimento, escala, rotação e distorção. Existe uma função para inserir automaticamente um quadro-chave na linha do tempo.

O processo de criação de um local levará segundos usando arrastar e soltar e as ferramentas de design de local. O recurso de criação de sombra adicionará realismo à animação. Graças ao programa, o processo de criação de uma animação torna-se uma tarefa fácil, por mais complexa que seja a ideia em si.

Crie ou compile animações de alta qualidade para web, PDA, iPod, celulares, HDTV incluindo SWF, AVI, QuickTime, streams DV e muito mais.

para que o software de animação 2D funcione:

Para sistema operacional Macintosh - Power Macintosh G5, G4 (mínimo) ou Intel (r) CoreTM, processador Mac OS X v10.4.7, 512 MB de RAM (memória de acesso aleatório) (ou mais), 120 MB de espaço disponível no disco rígido, cores de 24 bits monitor, com 64 MB (recomendado) ou 8 MB (mínimo) de memória de vídeo, com capacidade de resolução de até 1024x768 pixels.

Para sistemas PC - processador de 800 MHz Intel Pentium III (mínimo) com Windows Microsoft XP ou 2000, (recomendado) 512 MB RAM, 256 MB (ou mais), 120 MB de espaço disponível no disco rígido, monitor colorido de 24 bits, memória de vídeo de 32 MB ou mais, pontos de capacidade de resolução de 1024x768.

Recursos de software para criar animação tridimensional (3D):

Ferramentas de modulação 3D, suporte a fontes TrueType, importação e modificação de formatos de arquivo, exportação de arquivos 3DS, navegador 3D integrado, editor de caracteres compostos, modificação de objetos, renderizador para alta qualidade, criação de imagens de alta qualidade, criação de cenas e animações 3D, suporte para bordas, transformações de relevo, criação de sombras suaves, holofotes, efeito de névoa e muito mais, suporte para formatos de arquivo BMGIF e .JPG, linguagem de script, etc.

Requisitos de sistema exigidos para que o software de animação 3D funcione:

Windows NT 4, Win 95, Win 98, Win ME, Win 2 K ou Win XP, placa de vídeo acelerada OpenGL com suporte total de ICD, (ala GeForce), pelo menos 64 MB de RAM, 128 MB (recomendado) ou 256 MB, se você estiver usando Win XP, Pentium 300 MHz, 5 MB de espaço em disco.

Alguns dos softwares de criação de animação mais populares:

Ulead Animation, Ulead GIF Animator 5, CoffeeCup Animation Software, CoffeeCup GIF Animator, CoffeeCup Firestarter, Firestarter, Reallusion Animation Software, Effect3D Studio, 3D Max, Toonboom Studio, Macromedia Flash.

Animações GIF a capacidade deste formato de armazenar várias imagens em um arquivo é usada - gifs animados são uma série de frames que se substituem rapidamente, devido ao qual o efeito de animação é alcançado. Quadros, por exemplo, imagens independentes ou camadas separadas de uma imagem, podem ser criados em qualquer pacote gráfico - no Adobe Photoshop, Jasc Paint Shop Pro, etc. Mas transformando-os em um arquivo gif animado contendo não apenas todas as imagens originais, mas também a informação sobre a velocidade de sua saída para a tela, a paleta aplicada, som, etc. (e em uma forma altamente compactada) é realizada com a ajuda de programas especiais. Hoje, graças ao uso generalizado do formato GIF de animação em web design, o número de tais programas é muito grande.

Classificação de programas de criação de gif - animações.

Em geral, todos os programas para a criação de GIFs animados podem ser divididos em três grupos:

1. O primeiro inclui pacotes gráficos bidimensionais populares, focados principalmente em trabalhar com gráficos bitmap bidimensionais e, ao mesmo tempo, permitir que você crie arquivos no formato GIF de animação por meio de seus utilitários complementares. Os mais populares deles são Adobe Photoshop com seu programa ImageReady, Jasc Paint Shop Pro, que vem com o Animation Shop, e Ulead PhotoImpact com Programa GIF Animador. A principal vantagem das aplicações deste grupo é que o programa de animação está intimamente relacionado com o pacote gráfico correspondente e, portanto, é possível alternar rapidamente entre o programa de animação e o editor gráfico, se necessário, para corrigir a imagem. Isso é conveniente apenas se você compreender todas as complexidades de trabalhar com esses pacotes (todos eles, especialmente o Adobe Photoshop, requerem uma preparação séria). Por isso, esta opção é mais indicada para profissionais, e para iniciantes é preferível escolher um dos programas da segunda turma.

2. No segundo o grupo inclui pacotes projetados exclusivamente para a criação de gifs animados. Como regra, eles têm recursos de desenho limitados, de modo que as imagens de origem para animação são criadas em qualquer um dos pacotes gráficos - esses animadores GIF não estão vinculados a um aplicativo gráfico específico. E não é necessário escolher pacotes complexos para o trabalho, como Adobe Photoshop, Jasc Paint Shop Pro e Ulead PhotoImpact. A capacidade de usar um pacote gráfico familiar pode ser considerada a principal vantagem dos animadores GIF deste grupo. Além disso, os programas independentes para o desenvolvimento de Gifs animados têm distribuições de tamanho reduzido, pelo que podem ser adquiridos pela Internet sem problemas. Finalmente, a maioria dos aplicativos neste grupo são muito simples, portanto, podem ser dominados rapidamente.

3. O terceiro o grupo é formado por programas voltados para a criação de gráficos 3D (por exemplo, 3D Studio Max) e ao mesmo tempo permitindo a criação de animações no formato GIF de Animação (normalmente usando um plug-in especial, muitas vezes incluído na entrega). Os programas gráficos 3D são convenientes porque não requerem renderização quadro a quadro - normalmente, para criar um arquivo gif, basta definir um objeto algum tipo de ação cíclica, por exemplo, uma rotação em torno de um eixo, registrar o resultado animação como uma série de quadros e exportá-la para um GIF animado. No entanto, existe um "mas" - os programas tradicionais para trabalhar com gráficos tridimensionais requerem um conhecimento profissional profundo e são difíceis de usar. Mas não se desespere! Se você precisa criar, por exemplo, um logotipo tridimensional animado, então é perfeitamente possível continuar com o programa Xara3D , que, embora posicionado para trabalhar com gráficos tridimensionais, pode criar gifs animados e é muito fácil de usar.

Acrescentemos que o grupo de produtos de software focado exclusivamente na criação de gifs animados inclui pacotes que também podem ser usados ​​para criar botões e logotipos animados tridimensionais, embora não sejam tão eficazes quanto no programa Xara3D.

Vamos considerar algumas tecnologias e princípios de criação de animação.

Ulead GIF Animador

Ulead GIF Animator está incluído no pacote gráfico Ulead PhotoImpact, mas também pode ser usado de forma independente - para criar gifs animados com base em imagens criadas em qualquer pacote gráfico. Graças à sua interface conveniente e intuitiva e recursos ricos, este programa é considerado hoje um dos animadores gif mais convenientes e funcionais e economiza o tempo de um web designer, pois pode reconhecer as alterações feitas em editores externos (PhotoImpact, Photoshop ou Paint Shop Pro) e atualiza automaticamente os quadros correspondentes na animação. O desenho animado pode ser exportado para o formato PhotoImpact (UFO) ou Photoshop (PSD) com preservação das camadas. Além disso, você pode selecionar qualquer camada de uma imagem criada no editor gráfico PhotoImpact, Photoshop ou Paint Shop Pro como um objeto separado para GIF Animator.

O programa oferece um rico conjunto de ferramentas para composição, edição, aplicação de efeitos especiais, otimização e exportação. A animação dinâmica de desenhos em camadas com base em um modelo orientado a objetos em cores permite que você manipule facilmente vários objetos em um desenho e crie rapidamente animações com vários objetos, e atualização dinâmica imagens criadas em conjuntos de editores externos novo padrão integração. O Assistente de animação facilita a colocação de imagens na área de trabalho e permite avaliar instantaneamente a qualidade da animação criada com base em sua exibição de demonstração na janela de visualização. O Object Manager ajuda a controlar todos os objetos em seu desenho, e as funções de interpolação automatizam o processo de animação, gerando posições intermediárias para os objetos selecionados.

Ulead GIF Animator apresenta animação de texto e mais de 130 efeitos de animação. Os métodos avançados de compressão de imagem implementados no programa permitem atingir uma redução significativa no tamanho dos arquivos de animação, a geração automática de código HTML acelera significativamente o processo de inserção de animações prontas em uma página da web e suporte para exportação para vários formatos, incluindo Flash, AVI, MPEG e QuickTime, tornam o programa ainda mais atraente.

ImageReady CS

O ImageReady CS faz parte do popular pacote Photoshop CS da Adobe e foi projetado para desenvolver vários elementos da Web, incluindo gifs animados, que, levando em consideração a compatibilidade total com o Photoshop, o torna uma excelente ferramenta para web design para profissionais. O Photoshop e o ImageReady trabalham juntos e se complementam perfeitamente, e o arquivo editado pode ser facilmente movido entre os programas durante a edição com o salvamento automático. É possível exportar os arquivos gif animados criados para o formato Macromedia Flash (SWF).

Gifs animados podem ser criados com base em arquivos multicamadas do Adobe Photoshop e Adobe Illustrator, e a partir de imagens individuais salvas em vários formatos gráficos. Ao criar uma animação baseada em uma série de imagens para edição de quadros, você não precisa carregar cada imagem separadamente - você pode usar a capacidade de importar de uma pasta na qual quadros individuais da futura animação foram salvos anteriormente. É possível gerar automaticamente o número necessário de quadros intermediários, o que acelera significativamente o recebimento de animações suaves, uma vez que não há necessidade de criar manualmente cada quadro. Na janela do programa, você pode visualizar imediatamente o resultado e, se necessário, fazer as alterações necessárias.

arroz. 1

ImageReady tem uma grande galeria de filtros semelhantes a muitos dos famosos filtros do Photoshop. Portanto, para adicionar um efeito a um quadro, nem sempre é necessário alternar para o Photoshop - muitas ações estão disponíveis no ambiente ImageReady.

Para alternar do Photoshop para o ImageReady e vice-versa, clique com o botão esquerdo na última linha da barra de ferramentas vertical - Editar para imagem pronta(Abrir em imagem pronta) ou apenas mantenha pressionada a combinação de teclas ao mesmo tempo Shift + Ctrl + M :

O painel de animação pode ser chamado com o comando Janela> Animação(Janela> Animação).

A animação GIF reproduz um conjunto de quadros de imagem em uma ordem definida pelo usuário. Você pode criar vários efeitos de animação para uma página da Web: fazer texto ou gráficos se moverem, desaparecerem ou aparecerem ou mudarem de alguma outra forma.

Para preparar uma animação no ImageReady, você precisa criar vários quadros de uma imagem usando a paleta Animation, mostrada na Fig. 3. Em seguida, você pode editar as camadas individuais de cada quadro usando a paleta Layers (Layers) fig. 4, com cada quadro tendo seu próprio conjunto exclusivo de configurações na paleta Layers. Finalmente, você precisa salvar a sequência de quadros como um único arquivo GIF - a animação agora está pronta para visualização interativa.

arroz. 3

arroz. 4

Efeitos de camada

O ImageReady oferece o mesmo conjunto de efeitos de camada que o Photoshop. Mas Programa de Photoshop ajusta as propriedades da camada usando a caixa de diálogo Estilo de camada e o ImageReady usando a paleta de opções de camada contextual.

Os efeitos no ImageReady têm as mesmas características que no Photoshop: seus nomes são exibidos sob o nome da camada à qual são aplicados; os efeitos se movem com a camada; os elementos da paleta possuem setas voltadas para a direita, com a ajuda das quais você pode abrir ou fechar a lista de efeitos. Cada efeito tem seu próprio ícone para mostrar ou ocultar esse efeito.

Criação de um efeito de animação para uma imagem.

1. Abra ou crie uma imagem contendo uma camada de fundo e uma camada transparente com a imagem de algum objeto.

2. Abra a paleta Animação(Animação).

3. Selecione uma camada na paleta Layers (Layers).

4. Com uma ferramenta Mover(Mover) Arraste o elemento da imagem para a borda da janela principal.

5. Na parte inferior da paleta Animação clique no botão Quadro atual duplicado(Duplique o quadro atual). O quadro copiado será destacado.

6. A camada selecionada na etapa 3 deve permanecer selecionada.

7. Com uma ferramenta Mover(Tecla V) Arraste o elemento da camada para o outro lado da janela principal. Deixe esta camada selecionada!

8. Na paleta Animação clique no botão Tween(Quadros intermediários) para construir quadros intermediários entre os já selecionados.

9. Na caixa de diálogo Tween(No meio) defina o switch Layers para uma das seguintes posições:

· Todas as camadas(Todas as camadas) para copiar pontos de todas as camadas em novos quadros.

· Camada Selecionada(Camada selecionada) para copiar os pontos apenas da camada selecionada para novos quadros. Todas as outras camadas serão ocultadas.

Em seguida, defina no grupo Parâmetros(Parâmetros) caixas de seleção desses parâmetros que mudarão nos quadros intermediários: Posição(Localização), Opacidade(Opacidade) e / ou Efeitos(Efeitos).

No menu pop-up Tween com(Faixa de frame intermediário) selecione o modo Quadro Anterior(Adicionando quadros intermediários entre o quadro selecionado e o anterior).

Selecionando opções de reprodução de animação

No menu pop-up localizado no canto inferior esquerdo da paleta Animação(Animação), selecione um modo de reprodução que especifica como a animação será reproduzida: Uma vez(Uma vez) ou Para sempre(Continuamente em um loop). Ou habilite a opção De outros(Caso contrário) para especificar o número de vezes que a animação será reproduzida e, a seguir, clique no botão OK.

Antevisão da animação

1. Na janela principal, selecione a guia Original(Imagem original) ou Otimizado(Imagem otimizada).

2. Se o primeiro quadro não estiver selecionado, na parte inferior da paleta Animação(Animação) clique no botão Selecione o primeiro quadro(Selecione o primeiro quadro).

arroz. 5. Quadro de animação duplicado

3. Clique no botão Toque(Reproduzir) - consulte a Figura 5. A animação será reproduzida um pouco mais devagar do que deveria. (A visualização é mais lenta no ImageReady do que em um navegador.)

4. Clique no botão Pare(Parar), que se parece com um quadrado, para pausar a reprodução.

5. Salve o arquivo e clique no botão Navegador padrão(Visualização no navegador padrão) localizado na barra de ferramentas. Clique no botão Voltar(Voltar) para retornar ao ImageReady quando a visualização for concluída.

Animação Wiggle

Veja como fazer um elemento de camada balançar de um lado para o outro. Este tipo de animação afeta os pontos da camada e é copiado para todos os quadros existentes. É necessário criar uma camada duplicada para cada etapa do movimento.

Vamos criar uma animação na qual o objeto se moverá em uma determinada direção e voltará.

1. Abra a imagem e a paleta Animação(Animação).

2. Na parte inferior da paleta Animação clique no botão Quadro atual duplicado(Duplique o quadro atual). O quadro duplicado agora será selecionado.

3. Na paleta Animação clique no botão Tween e marque o botão de opção Camadas(Camadas) para posicionar Todas as camadas(Todas as camadas), insira o número de quadros na caixa Molduras para adicionar(Adicione frames) para criar a animação e clique no botão OK.

4. Clique no quadro onde o wiggle deve começar.

5. Na paleta Camadas(Camadas) cria uma duplicata da camada, a imagem da qual se moverá.

6. Edite a camada duplicada (por exemplo, ajuste a cor). Oculte a camada original para ver suas alterações. As alterações serão refletidas no quadro selecionado na paleta Animação.

7. Selecione o próximo quadro. Torne a camada receptora original visível e oculte a duplicata editada.

8. Clique no próximo quadro. Agora mostre a camada duplicada editada e oculte a camada original.

Então, alternadamente, mostre / oculte as camadas para os quadros restantes da animação.

Abrindo animação GIF

O único benefício visível de usar GIF é a capacidade de aplicar ou editar configurações de otimização de arquivo.

1. Execute o comando Arquivo> Abrir(Arquivo> Abrir) ou pressione a combinação de teclas Ctrl + O.

2. Encontre o nome do arquivo com a extensão .gif e clique nele.

3. Clique no botão Abrir(Abrir). Os quadros da sequência de animação serão preservados. No entanto, a paleta Layers agora exibirá uma sequência de camadas: uma camada para cada quadro. Elementos individuais as camadas não podem mais ser editadas independentemente de outros quadros!

Otimizando a animação

1. No menu da paleta Otimize(Otimização) use o comando Otimize a animação(Otimize a animação).

2. No grupo de parâmetros Otimizar por(Otimize com) marque a caixa Bounding Box(Caixa delimitadora) para manter o quadro original e apenas as áreas que mudam conforme você se move de um quadro para o outro. Como resultado, o tamanho do arquivo diminuirá, mas, ao mesmo tempo, nem todos os programas de edição que aceitam o formato GIF serão capazes de trabalhar com este arquivo.

Além ou em vez dessas ações, marque a caixa Remoção de Pixel Redundante(Remova os pontos desnecessários) para remover aqueles pontos do objeto ou fundo que não mudam, ou seja, eles são exibidos novamente cada vez que um novo quadro é carregado. Também ajudará a reduzir o tamanho do arquivo.

Nenhuma dessas opções mudará a aparência real da animação, todas as mudanças são feitas nos bastidores.

Salvando animação.

A animação criada pode ser salva no formato GIF ou como um filme QuickTime. Outros formatos de arquivo, como JPEG ou PNG, salvarão apenas o primeiro quadro da imagem, evitando que toda a animação seja reproduzida. Existem várias maneiras de salvar animações otimizadas para uso em uma página da web. No ImageReady, basta selecionar o comando Arquivo> Salvar otimizado(Arquivo> Salvar otimizado) para salvar a animação com as configurações selecionadas na última vez que você salvou. Se este não for o primeiro salvamento, a caixa de diálogo Salve (Salvar) não aparece e o nome do arquivo e os parâmetros permanecem os mesmos atribuídos anteriormente.

Seleção de equipe Arquivo> Salvar otimizado como(Arquivo> Salvar como otimizado) permite que você altere o nome do arquivo e escolha um local de armazenamento diferente. Além disso, é possível selecionar um parâmetro modificado Salvar como tipo(Tipo de arquivo) do conjunto de valores disponíveis:

· HTML e imagens(HTML e imagens) - gera um arquivo HTML e salva cada imagem como um arquivo separado;

· Apenas imagens(Somente fotos) - salva apenas a imagem em um arquivo separado;

· Apenas HTML(Apenas HTML) - Salva apenas arquivos HTML, sem arquivos de imagem.

Além disso, o ImageReady permite criar um arquivo HTML com o comando Copiar HTML, que copia o código HTML para a área de transferência e, em seguida, pode ser colado em uma página da Web em qualquer editor de HTML. Se a imagem original mudar, para atualizar o arquivo HTML, execute o comando Atualizar HTML com o nome do arquivo atualizado.

Para salvar a animação no formato QuickTime, selecione o comando Arquivo> Exportar Original ( Arquivo> Exportar inicial) e selecione um valor na lista suspensa Filme QuickTime(estará disponível se você tiver QuickTime instalado em seu computador). Após especificar o nome do arquivo e sua localização, clique no botão Salve (Salvar) cria um arquivo do tipo selecionado.

Como fazer chuva animada.

Passo 1. Abrimos a imagem.

Passo 2. Crie uma nova camada e preencha com cinza. E aplique um filtro a ele Filtro - Ruído - Adicionar ruído e definir essas configurações.

Então aplicamos o filtro Filtro-desfoque-desfoque de movimento.

Defina a transparência da camada para 30%

Etapa 3. Crie uma nova camada novamente e a preencha com cinza e aplique os mesmos filtros da etapa número dois, mas filtre Desfoque de movimento já está fazendo isso com outras configurações.

e definir a opacidade da camada para 30%

Passo 4 ... Novamente, repetimos tudo da mesma forma que fizemos na etapa 2. Filtro Desfoque de movimento faça isso com as mesmas configurações e defina a opacidade da camada para 30%.

Passo 5 ... Vamos para Leitor de imagem isso é feito usando o atalho do teclado ( Shift + Ctrl + M)

Etapa 6 ... Fazemos o comprimento do quadro em 0.1seg.

Passo 7 ... Fazemos duas cópias de nosso quadro.

Etapa 8 ... Vá para o primeiro quadro e certifique-se de que apenas a primeira camada com as gotas que fizemos está visível.

Etapa 9 ... Vá para o segundo quadro e certifique-se de que apenas a segunda camada com as gotas que fizemos está visível.

Etapa 10 ... Vá para o terceiro quadro e certifique-se de que apenas a terceira camada com as gotas que fizemos está visível.

Toda a nossa animação está pronta!

Xara3D 5.0

Ao contrário da maioria dos programas para trabalhar com gráficos tridimensionais, o Xara3D tem uma interface simples e amigável e um número mínimo de configurações, para que até um iniciante possa descobrir isso de forma fácil e rápida. E embora o programa se destine principalmente à criação de texto e botões volumosos, é ótimo para obter animações nos formatos GIF animado e AVI. Portanto, ele é usado com sucesso por web designers, principalmente para criar logotipos de texto tridimensionais profissionais.

No arsenal do programa - um grande conjunto de fontes e texturas para o design dos objetos criados. Ele fornece controle completo sobre o texto gerado, incluindo sua posição, alinhamento, orientação, kerning, etc., controle eficiente e flexível de cor e estrutura da imagem 3D. Você também pode tornar as imagens opacas ou brilhantes, aplicar uma sombra de enquadramento suave e muito mais. Há uma ampla gama de efeitos de animação: os objetos podem girar, aparecer gradualmente, pulsar, pisar, balançar ou desaparecer. Além disso, você pode importar recursos de animação de um arquivo e aplicá-los a outro. Os controles de animação simples permitem definir qualquer limite de tempo, por exemplo, adicionar pausas em momentos diferentes ou definir suas próprias características de animação para cada objeto.

O programa suporta a importação de arquivos gráficos bidimensionais nos formatos WMF, EMF, GIF e PNG, e os resultados da animação podem ser salvos não apenas no formato GIF de animação, mas também nos formatos AVI ou SWF, se desejado.

Macromedia Flash

Para ser mais preciso, Adobe Flash- um ambiente para a criação de aplicativos para a plataforma Flash, juntamente com outras ferramentas (ambientes):

Adobe Flex Builder

Ferramenta de desenvolvimento Flash (FDT), etc.

Os aplicativos Flash são desenvolvidos usando ActionScript - linguagem de programação. Se a fonte não contiver instruções de linguagem, durante a compilação, em qualquer caso, algum código ActionScript básico será gerado (isso pode ser visto observando o bytecode Flash). Além disso, há um clipe base no palco, herdado da classe MovieClip, que começa a ser reproduzido. O ambiente Adobe Flash é mais voltado para designers e animadores, embora seja possível escrever código completo. O Flex Builder, FDT, é orientado à programação e não há ferramentas de interface especiais para animação e renderização.

Flash também é usado como o nome do formato (filmes em flash, filmes em flash) (o nome completo é Filme em Flash).

Ao criar um produto, você pode usar arquivos de som e gráficos, pode criar interfaces interativas e aplicativos da web completos com usando PHP e XML.

Os arquivos Flash têm a extensão ".swf" e são visualizados com Flash Player que pode ser instalado como um plugin no navegador. Além disso, os arquivos swf podem ser visualizados usando o player Gnash. Distribuído gratuitamente através do site da Adobe. Os arquivos de origem com a extensão ".fla" são criados no ambiente de desenvolvimento Adobe Flash e, a seguir, compilados no formato ".swf" que o Flash Player entende.

O Flash é baseado na transformação vetorial, ou seja, um "fluxo" suave de um quadro-chave para outro. Isso permite que você crie cenas de desenho animado bastante complexas, definindo apenas alguns quadros-chave para cada personagem.

O Flash usa a linguagem de programação ActionScript baseada em ECMAScript.

A tecnologia de transformação vetorial já existia muito antes do Flash. Em 1986, foi lançado o software Fantavision que utilizava essa tecnologia. Em 1991, o jogo Another World foi lançado nesta tecnologia, e dois anos depois - Flashback.

A história do Flash começou em 1995, quando após adquirir o programa de animação FutureSplash Animator, a Macromedia lançou um produto chamado Flash.

Flash começou seu atividade profissional com o lançamento de um produto de software de animação 2D convencional. Com o passar do tempo, tudo se desenvolveu em um ritmo rápido. O Flash não poupou desenvolvimento, tornou-se mais moderno e perfeito.

Hoje existem os chamados motores 3D, por exemplo:

PaperVision3D, mas sua velocidade e qualidade de trabalho são bastante baixas, principalmente devido ao fato de que em Atualmente como parte do flash player, não há como usar as ferramentas DirectX ou openGL, então a emulação completa de todos os algoritmos 3D é realizada. Não há suporte para aceleração de hardware, processadores multi-core - o que também reduz a velocidade do motor. No entanto, os designers costumam criar seu próprio mecanismo 3D sob medida para as especificações de um projeto em particular (jogo).

A maioria dos navegadores de hoje tem um plug-in Macromedia Flash Player especialmente integrado que permite a reprodução de arquivos Flash. A tecnologia Flash dominou a Internet e se tornou o padrão para exibição de animação vetorial em sites. Sem Adobe Flash Navegadores de jogador não exibirá páginas da web corretamente e elementos da web interativos incorporados desenvolvidos com a tecnologia Flash.

Interface do Macromedia Flash.

Figura 1

Quando você abre a janela do aplicativo Flash, os seguintes elementos de interface aparecem na tela:

Palco (área de trabalho) - uma área para compor quadros individuais, criando uma composição a partir de elementos gráficos ou bitmaps importados e exibindo os resultados da animação;

· Linha do tempo (eixo do tempo) - janela contendo uma lista de camadas individuais com objetos gráficos localizados nelas e sua distribuição no tempo (cada quadro do filme é marcado no eixo do tempo);

· Símbolos (símbolos) - os principais elementos do filme, via de regra, são nele usados ​​repetidamente;

· Biblioteca - uma janela com uma lista de símbolos e arquivos importados, permitindo organizá-los e classificá-los;

· Painéis flutuantes encaixáveis ​​(painéis encaixáveis) - janelas com um conjunto de guias usadas para configurar o aplicativo e alterar os parâmetros dos elementos do filme;

· Movie Explorer (navegador de filmes) - uma janela adicionalmente chamada para visualizar a estrutura do filme.

Animação quadro a quadro

Então, vamos dar uma outra olhada na janela Programas em Flash... Quando um filme é aberto nele, a chamada linha do tempo está localizada na parte superior da janela. Em seu lado esquerdo estão os nomes das camadas, sobre as quais falaremos mais adiante neste capítulo, e seus atributos. E do lado direito estão os quadros numerados do vídeo (Fig. 4). Devido à numeração dos quadros, essa janela é chamada de linha do tempo - afinal, no vídeo, os quadros seguem um após o outro.

Existe um retângulo vermelho na linha do tempo, que sempre seleciona o quadro atual.

Conclusão:

No mundo das tecnologias modernas, a animação está se tornando um dos principais elementos dos projetos e apresentações multimídia, e está cada vez mais presente nas páginas da Internet.

Este artigo discute os meios mais comuns de suporte e criação de animações, bem como descreve as etapas de criação de gif - arquivos, flash - vídeos e texto volumétrico animado, com o uso de diversos efeitos.

Xara3D - um programa para trabalhar com texto tridimensional possui uma interface amigável e um número mínimo de configurações, é considerado simples e conveniente.

Graças à sua interface conveniente e intuitiva e recursos ricos, Ulead GIF Animator é considerado hoje um dos mais convenientes e programas funcionais para criar arquivos GIF e economiza significativamente o tempo do web designer

é a principal ferramenta para a criação de conteúdo multimídia. O software integra texto, gráficos, áudio e vídeo para criar um ambiente multimídia interativo que oferece resultados brilhantes para apresentações interativas, materiais de marketing, recursos de eLearning e interfaces gráficas de usuário.

Macromedia Flash Professional reunindo mais de um milhão de desenvolvedores e usuários em todo o mundo usando uma ampla variedade de dispositivos de computação. A tecnologia Macromedia Flash é considerada a plotform de software mais difundida.

Bibliografia:

1. Computer Press 3 '2005;

2.http: //computer.damotvet.ru/software/887515.htm;

3. Tutorial ilustrado de animação para Internet; 2007 Grupo de software Dynamite.

Introdução ................................................. .................................................. .............................. 3

Animação................................................. .................................................. ............................ 4

Tecnologias de animação ................................................ ........................................... 4

Software de animação ............................................. ... ........... 4

Recursos do software de animação 2D (2D) ..................... 5

Recursos de software para criação de animação tridimensional (3D) ... 5

Animação GIF ................................................ .................................................. ....................... 6

Classificação de programas para criação de gif - animações .......................................... . ......... 6

Das três principais funções recreativas (médica, para melhorar a saúde e cognitiva), a animação turística é projetada para desempenhar diretamente duas funções - esportes e recreação e cognitivas. Indiretamente, em condições adequadas, a função terapêutica também é desempenhada.

Na prática da animação, para a concepção direccionada de programas de animação, podem ser distinguidas as seguintes funções da animação turística:

Adaptável, permitindo que você mude de um ambiente cotidiano para um ambiente livre e de lazer;

Compensatório, aliviando a pessoa do cansaço físico e mental da vida cotidiana;

Estabilizar, criar emoções positivas e estimular a estabilidade mental;

Bem-estar, que visa restaurar e desenvolver a força física de uma pessoa, fragilizada no dia a dia do trabalho;

Informativo, permitindo obter novas informações sobre o país, região, povo, etc.;

Educacional, que permite adquirir e consolidar novos conhecimentos sobre o mundo ao seu redor a partir de impressões vívidas;

Cultivando, trazendo aprimoramento intelectual e físico;

A variedade de funções da animação turística levou a uma variedade de tipos de atividades de animação, bem como a uma grande variedade de programas e eventos de animação.

Do ponto de vista de uma abordagem sistemática, a animação turística é a satisfação de necessidades turísticas específicas de comunicação, movimento, cultura, criatividade, momentos agradáveis ​​e entretenimento.

A abrangência dessas necessidades é muito ampla, pois quem sai de férias dá a esse conceito significados completamente diferentes: para uns, férias é uma viagem, para outros - ler livros, passear no mato, pescar etc. De acordo com a demanda e motivação para viajar em Na prática de serviços turísticos, formam-se os seguintes tipos de animação que satisfazem as diversas necessidades dos turistas (veranistas):

Animação em movimento - satisfaz a necessidade de movimento da pessoa moderna, combinada com prazer e experiências agradáveis;

Animação pela experiência - satisfaz a necessidade de sentir o novo, o desconhecido, a familiarização inesperada, as descobertas, bem como na superação de dificuldades;

Animação através da comunicação - satisfaz a necessidade de comunicação com pessoas novas e interessantes, na descoberta do mundo interior das pessoas e do conhecimento de si através da comunicação;

Animação através do calmante - satisfaz a necessidade das pessoas de alívio psicológico do cansaço diário através do calmante, da solidão, do contato com a natureza, bem como a necessidade de paz e “preguiça ociosa”;

Animação cultural - satisfaz a necessidade das pessoas para o desenvolvimento espiritual do indivíduo através da familiarização com monumentos históricos e culturais e amostras modernas da cultura do país, região, povo, nação;

Animação criativa - satisfaz as necessidades de criatividade de uma pessoa, demonstrando as suas capacidades criativas e estabelecendo contactos com pessoas com ideias semelhantes através da criatividade conjunta.

Os programas de animação real costumam ser de natureza complexa e os tipos de animação listados são os elementos constituintes desses programas.

Os programas de animação, junto com atividades puramente recreativas, incluem uma variedade de jogos esportivos, exercícios e competições. Essa combinação torna esses programas mais ricos, mais interessantes e úteis para o fortalecimento, restauração da saúde, portanto, na relação entre animação turística e esportes, o maior efeito restaurador e de melhoria da saúde é mais frequentemente alcançado.

Vamos destacar os tipos de animação relevantes para o tema do trabalho: recreativa, turística, hoteleira.

A animação recreativa é um tipo de atividade de lazer que visa restaurar a força espiritual e física de uma pessoa. Os programas de lazer implementados com fins recreativos podem ser realizados tanto por empreendimentos turísticos e turísticos com turistas, veranistas e hóspedes, como por empreendimentos de lazer com residentes locais. Isto dá-nos o direito de afirmar que o conceito de animação recreativa é mais amplo do que o conceito de hotelaria e turismo. A Figura 2 mostra a estrutura da animação turística.

Figura 2 - Variedades de animação recreativa

A animação turística é um serviço turístico em cuja prestação o turista participa ativamente.

A animação hoteleira é o conceito mais estreito dos três considerados, pois envolve apenas a organização do lazer em empreendimentos turísticos: complexos turísticos, hotéis, hotéis, parques de campismo, etc.

Existem também serviços adicionais de animação - programas de animação destinados a “apoiar” os principais serviços turísticos previstos no pacote turístico, durante as pausas tecnológicas por motivo de viagem, atrasos no percurso, em caso de mau tempo, falta de condições para o passatempo visado.

A Tabela 1 apresenta uma animação turística com ênfase na recreação wellness.

Tabela 1 - Tipologia das atividades de animação

Assim, os alvos para cada um dos tipos de animação serão o turismo e as competições turísticas, as competições desportivas e desportivas, os eventos de entretenimento, as actividades educativas e de excursão.

sobre animação perfeita no aplicativo.

Você provavelmente já ouviu a expressão “ Belo design visível imediatamente. O excelente design é invisível. " O mesmo princípio pode ser aplicado a animações em aplicativos móveis: na verdade, uma animação bem-sucedida torna o aplicativo conveniente e atrai a atenção, mas não distrai o usuário do próprio aplicativo. A principal tarefa da animação é explicar a lógica da aplicação ao usuário.

Tipos de animações

Para otimizar o uso de animações, você precisa definir seu lugar e função em seu aplicativo. Vamos descobrir quais tipos de animações existem.

Feedback visual

O feedback visual é essencial para qualquer IU. No mundo físico, os objetos respondem à nossa interação com eles. As pessoas esperam o mesmo dos elementos do aplicativo. O feedback visual, assim como o feedback auditivo e tátil, dá ao usuário uma sensação de confiança. O feedback visual também tem uma função simples: indica que seu aplicativo está funcionando corretamente! Quando o ícone é ampliado ou as imagens “passadas” se movem em uma determinada direção, fica claro que o aplicativo está “fazendo algo” em resposta à entrada do usuário. No exemplo abaixo, quando o usuário marca a caixa de seleção de que a tarefa foi concluída, o campo se estreita e muda de cor para verde.

A abordagem familiar de deslizar da esquerda para a direita para ignorar também é um feedback visual. Implementamos esta animação em Koloda, nossa biblioteca de código aberto:

Mudança funcional

Este tipo de animação mostra como um elemento muda quando o usuário interage com ele. É mais adequado quando você deseja ilustrar como as funções dos elementos mudam. Mais frequentemente usado em botões, ícones e outros pequenos elementos de design.

No primeiro exemplo, você pode ver um botão que muda de um ícone de "hambúrguer" para um "X", o que significa que a função do botão mudou.

No segundo exemplo, tanto o ícone quanto o conteúdo mudam.

Orientação no espaço

A maioria dos aplicativos móveis é complexa. Nesse caso, a tarefa do designer é simplificar a navegação ao máximo. A animação pode ser extremamente útil para realizar essa tarefa. Se ele mostrar onde o elemento está escondido, da próxima vez será mais fácil para o usuário localizá-lo. Neste exemplo, vemos um menu na barra de navegação. Ele muda quando o usuário clica no botão:

Neste exemplo, vemos como botões adicionais aparecem na parte inferior da tela - no mesmo lugar que outras opções.

Hierarquia de elementos e sua interação

A animação é ideal para descrever partes de uma interface e ilustrar como elas interagem. Cada elemento tem seu próprio propósito e lugar na animação. Por exemplo, se um botão ativa um menu pop-up, é melhor que o menu apareça a partir do botão, e não apenas flutue para fora de algum canto da tela: ele mostrará ao usuário o resultado do clique. Isso ajudará o usuário a entender que os dois itens (botão e menu pop-up) estão relacionados.

Todas as animações devem ilustrar como os elementos estão conectados. Essa hierarquia e interação de elementos é muito importante para uma interface intuitiva. No primeiro exemplo, onde após clicar no ícone aparece um menu, do ponto de vista do usuário, o menu é o mesmo elemento, apenas ampliado.

No segundo exemplo, a informação sobre o elemento aumenta ao ser clicado, o usuário percebe que se trata do mesmo elemento, a diferença está apenas no tamanho.

Sugestão visual

As animações mostram como interagir com os elementos. É especialmente importante oferecer dicas visuais quando seu aplicativo possui um padrão imprevisível de interação entre os elementos. Neste exemplo, quando um usuário abre um blog, as tags de postagem aparecem na borda direita da tela e o usuário precisa deslizar horizontalmente para rolar por elas.

O segundo exemplo usa uma técnica semelhante, mas apenas para ícones de mídia social.

Estado do sistema

Alguns processos sempre ocorrem dentro de seu aplicativo: as informações são baixadas do servidor, os cálculos são executados e assim por diante.

Sua tarefa é fazer o usuário entender que sua aplicação não está travada ou quebrada, e informá-lo sobre o andamento do processo atual. Idealmente, cada processo em um aplicativo deve ser acompanhado por uma animação separada. Por exemplo, quando o áudio está sendo gravado, a tela do aplicativo deve mostrar a dinâmica da trilha de áudio. Animado onda sonora pode mostrar o volume do áudio.

Um dos exemplos mais comuns desse tipo de animação é puxar para atualizar.

Animações engraçadas

Animações engraçadas podem ser boas ou ruins. Eles são freqüentemente usados ​​sem sentido e podem complicar significativamente o desenvolvimento de aplicativos. Mas animações verdadeiramente únicas podem ser muito atraentes para os usuários e fazer seu aplicativo se destacar dos outros. É uma das ferramentas secretas que os designers usam para fazer os usuários se apaixonarem por seu produto. Animações exclusivas podem ajudá-lo a construir uma marca reconhecível.

Em nosso exemplo, os círculos móveis parecem muito incomuns e atraem a atenção do usuário. A capacidade de mover esses círculos pela tela traz alegria e gamifica o processo. É fácil e divertido.

Tenho certeza que o recurso "puxar para atualizar" apresentado na forma de uma panela fervente não o deixará indiferente!

Há duas coisas a se ter em mente ao criar animações divertidas: 1) certifique-se de não ofuscar ou obscurecer a funcionalidade do aplicativo. 2) não deve demorar muito.

Princípios principais de design

Abordamos os tipos e funções básicas de animação. Para criar animações realmente eficazes, tenha em mente 9 princípios que inicialmente, mas também podem ser aplicados ao design da IU.

1. Material

Mostre de que é feito o seu elemento: é algo leve ou pesado, fixo ou flexível, plano ou volumoso? Deixe os usuários saberem como este elemento da IU irá interagir com outras pessoas.

2. Trajetória de movimento

Você precisa determinar a natureza dos movimentos. Os princípios básicos ditam que objetos mecânicos inanimados geralmente têm uma trajetória de movimento reta, enquanto os vivos têm uma trajetória flexível e não tão reta. Você terá que decidir como sua IU deve impressionar e, em seguida, mantê-la.

3. Tempo

O tempo é provavelmente uma das questões mais importantes na animação. No mundo real, os objetos físicos não se movem de acordo com as regras do movimento retilíneo, porque precisam de tempo para acelerar e desacelerar. Use curvas para fazer seus objetos se moverem com mais naturalidade.

4. Animação de foco

Chame a atenção para a área de conteúdo da tela. Por exemplo, um ícone piscando alertará o usuário para clicar para ver a notificação. Este tipo de animação é usado em interfaces com grande quantia detalhes e elementos quando não há outra maneira de destacar um elemento específico.

O mais importante:

• Lembre-se de quem é seu público-alvo e construa seu protótipo como uma solução para seus problemas.
• Certifique-se de que cada elemento de sua animação seja racional. (Por que ele? Por quê? Por que agora?)
• Para fazer seu produto se destacar, crie animações de aparência natural que se assemelhem a padrões de movimento do mundo real.
• Consulte os desenvolvedores em todas as fases do seu projeto.
• Não seja ganancioso - compartilhe seus componentes no GitHub.

Se você encontrar um erro de digitação, selecione-o e pressione Ctrl + Enter! Para entrar em contato conosco, você pode usar.

“Aqui, no entanto, olhamos para trás, mas não paramos. Procuramos avançar, abrimos novos caminhos, assumimos coisas novas, porque somos curiosos ... e a curiosidade leva-nos a novos caminhos. Só para a frente."(Walt Disney)

Sobre tecnologia de animação

Às vezes, entre mim e o cliente há um mal-entendido ao chegar a um acordo sobre as características técnicas de futuros trabalhos de animação. Este artigo o ajudará a entender melhor os problemas da tecnologia de animação.

Para começar, para não me confundir, gostaria de destacar 3 critérios principais pelos quais se pode julgar a animação: tipos de animação, métodos de animação e estilos de animação. Para muitos, é a mesma coisa, mas não é! Os tipos de animação são a forma como o cartoon é mostrado (desenhado, fantoche, etc.). As técnicas de animação são recursos técnicos com os quais a animação é criada (animação quadro a quadro, animação programável etc.). Por fim, um estilo de animação é uma técnica artística utilizada na animação (realismo, anime, etc.). Neste artigo, examinarei mais de perto o conceito de "visualizações de animação" e, em seguida, adicionarei "métodos" e "estilos" a ele. Tudo isso junto é tecnologia de animação.

Animação clássica desenhada à mão.

Um dos tipos de animação mais interessantes e comuns é a chamada animação clássica. A animação clássica é feita desenhando em filme transparente (ou papel vegetal) cada quadro separado. Em seguida, esses quadros são coletados em programa especial instalação. Esta animação é muito viva, suave, espacial, mas cara))). Um exemplo dessa animação são os desenhos animados do estúdio Disney e Soyuzmultfilm.

Uma foto do desenho animado "Branca de Neve e os Sete Anões" da Disney Studios

Animação de crossover.

O tipo de animação mais antigo. A essência desse tipo de animação é que um objeto desenhado em papelão ou papel é cortado em pedaços separados e essas peças são movidas (deslocadas) de quadro a quadro. Daí o nome - recolocação! Muitos consideram essa animação primitiva, mas, nas mãos certas, esses desenhos podem se tornar muito interessantes. O desenho animado "Hedgehog in the Fog" dirigido por Yuri Norshtein pode ser considerado um dos exemplos mais marcantes de animação cruzada. "Hedgehog in the Fog" foi reconhecido pela comunidade mundial como o MELHOR DESENHO ANIMADO DE TODOS OS TEMPOS E PESSOAS !!! Tanto para a transferência ... Tanto para o primitivo ...

Uma foto do desenho animado "Hedgehog in the Fog", dirigido por Yuri Norshtein

Pintura em vidro.

Mas aqui a animação definitivamente não é primitiva! A essência dessa animação é pintar com tintas a óleo sobre vidro. Ao mesmo tempo, cada quadro é um quadro pitoresco, que é modificado pelos traços do artista. Um exemplo marcante dessa animação é a obra de Alexander Petrov "O Velho e o Mar", que recebeu o "Oscar".

Still do filme de animação "O Velho e o Mar", dirigido por Alexander Petrov.

Animação de fantoches.

Mesmo estilo antigo de animação. Todas as bonecas e decorações na animação de fantoches são feitas à mão, o que as torna tão caras quanto a animação clássica. No entanto, este tipo de animação é muito popular até hoje (apesar da disseminação da animação 3D por computador). Para ser honesto, eu não gostava de animação de fantoches quando criança))) Mas minha epifania veio quando eu vi o desenho animado de Tom Burton "The Nightmare Before Christmas".

Uma foto do desenho animado "The Nightmare Before Christmas" dirigido por Tom Burton.

Animação de plasticina

O nome animação de plasticina fala por si. Acrescentarei apenas que a animação de plasticina saiu da animação de fantoches e se tornou popular na Rússia após o aparecimento dos desenhos animados "A neve do ano passado estava caindo" dirigidos por Alexander Tatarsky.

Uma foto do desenho animado "A neve do ano passado estava caindo", dirigido por A. Tatarsky.

Animação 2D por computador.

Quer queiramos ou não, os antigos tipos de animação estão sendo substituídos por novos. Por algum motivo, é comum chamar a animação 2D de computador de animação Flash e isso não é totalmente verdade. Flash é apenas um programa. Você pode citar outros programas de computador poderosos para a criação de animação 2D, por exemplo: After Effect, Anime Studi Pro, Toon Boom Studio e muitos mais pagos e software grátis... Hoje em dia, quase todos os estúdios estão envolvidos na animação 2D por computador. Esse é exatamente o tipo de animação que vemos hoje em séries de TV, na internet, no casual jogos de computador etc.

Ainda da série animada "The Simsons"

Animação 3D.

Animação 3D - um tipo de animação criada com base em programas 3D de computador. Este é o tipo de animação mais jovem e promissor. Com o desenvolvimento da tecnologia da computação, tornou-se possível não apenas desenhar gráficos e animações em um plano bidimensional (animação 2D), mas também animar formas tridimensionais. Essa tecnologia é muito complexa, mas se você contá-la resumidamente, o processo de produção se parece com isso. Primeiro, a arte conceitual é desenhada (de qualquer forma), com base nesses desenhos, uma geometria tridimensional do modelo é criada. Em seguida, texturas que se ajustam à forma de um personagem ou objeto. Em seguida, crie os ossos do objeto e anexe-os à forma para que a forma possa se mover. Os animadores recebem um modelo pronto para o movimento e começam a animá-lo. Quanto melhor o modelo é preparado, mais naturais e flexíveis são seus movimentos. Depois de criar a animação, a cena é renderizada (traduzida de 3D para uma imagem normal). Exemplos marcantes dessa animação são os desenhos animados do estúdio Pixar.

Ainda do desenho animado "Ratatouille" do estúdio Pixar.

Animação combinada.

Animação composta é a combinação de qualquer tipo de animação com um vídeo. Os primeiros exemplos de tal animação podem ser: o filme "Quem Enquadrou Roger Rabbit", o desenho animado "A Aventura do Capitão Vrungel", etc. Com o desenvolvimento da tecnologia 3D e efeitos especiais de computador, este tipo de animação é encontrado em longas-metragens mais e com mais frequência. A principal característica da animação combinada moderna é seu realismo completo.

Imagem do filme "Jurassic World" dirigido por Steven Spielberg

Outros tipos de animação.

Além dos tipos de animação listados, existem outros, por exemplo: animação de areia, animação a laser, animação de foto, animação de agulha, etc. No entanto, esses tipos são considerados menos populares e neste artigo me permiti apenas mencioná-los.

Tipos de animação no estúdio Cardboard Tower.

Nosso estúdio de animação é especializado na produção de animação 2D por computador. Graças às opções flexíveis programas de computador podemos criar crossover e animação clássica ao mesmo tempo. Também podemos criar uma animação 3D. Como exemplo, você pode ver 3 vídeos de nosso portfólio:

1. Animação 2D por computador de forma clássica.

3D Studio MAX implementa recursos avançados de controle de animação, armazena a história de vida de cada objeto, permite criar uma variedade de efeitos de iluminação e possui uma arquitetura aberta, ou seja, permite que terceiros incluam aplicativos adicionais no sistema.

TrueSpace - um pacote da Caligari projetado para animação 3D e é caracterizado pela facilidade de uso, flexibilidade no controle de formas, suporte para splines e operações booleanas em objetos. A interface inovadora mostra as barras de ferramentas diretamente no espaço 3D e as alinha ao objeto. As extensões e a abertura da arquitetura permitem que você aumente os recursos do pacote.

O Ray Dream Studio oferece um conjunto de ferramentas profissionais para design e animação 3D. Os usuários podem criar vários modelos usando operações booleanas e deformações. Esses modelos podem ser aplicados a várias texturas ou imagens de vídeo, bem como pintados diretamente em suas superfícies.

Para edição de vídeo existe um grande número de produtos de software. Além dos pacotes de animação 3D, existem programas altamente especializados, por exemplo, para a criação de fontes volumétricas. Eles também usam uma variedade de efeitos de animação, renderizam imagens e criam arquivos de vídeo. Alguns deles estão listados abaixo.

Adobe Premiere é o software de edição de vídeo digital mais amplamente usado. Possui uma interface conveniente e intuitiva. Suporta vários canais de vídeo e áudio, contém um conjunto de transições entre quadros, permite sincronizar som e imagem. Suporta arquivos Formatos MOV e AVI. A conexão de módulos adicionais de fabricantes terceirizados expande os recursos do programa.

Speed ​​Razor SE é um programa com um conveniente interface de usuário... Graças às ferramentas avançadas para trabalhar com canais de vídeo e áudio, o Speed ​​Razor é conveniente para uso em projetos com composição e sobreposições complexas. Contém um conjunto de efeitos especiais comumente usados, a edição de fundo (colagem direta) é realizada em

em tempo real. Projetos multimídia criados com este programa podem ser gravados em vídeo, CD-ROM ou publicados em um site.

Ulead VideoStudio é um programa projetado para usuários novatos. Oferece suporte total para formatos de vídeo digital DV e MPEG-2. Você pode usar arquivos de música MP3 ou arquivos de música para a trilha sonora de seu filme. faixas de áudio de um CD de áudio. Trabalhar com o programa é bastante simples graças à interface bem pensada e amigável. Você pode inserir títulos em seu vídeo, aproveitar as transições suaves entre fragmentos individuais e adicionar uma voz ou música de fundo ao clipe resultante.

COOL 3D é um programa de criação de títulos 3D para apresentações, vídeos, multimídia e páginas da Web da Ulead. O programa inclui mais de 100 assistentes automáticos, muitos efeitos que simplificam muito a modelagem e renderização da cena final. Também contém uma enorme biblioteca de objetos e materiais 3D, além de modelos e texturas fotorrealistas.

Os programas para trabalhar com som podem ser divididos em dois grandes grupos: programas sequenciadores e programas focados em tecnologias de gravação de som digital, os chamados editores de som.

Sequenciadores são para fazer música. Os sequenciadores são usados ​​para codificar peças musicais. Eles são usados ​​para arranjos, permitindo que você "prescreva" partes individuais, atribua timbres de instrumentos, crie níveis e equilíbrios de canais (trilhas), introduza toques musicais (acentos de volume, deslocamento de tempo, desvios de afinação, modulação, etc.). Ao contrário da composição musical comum, o uso eficaz de um sequenciador requer conhecimento de engenharia especializado de um compositor arranjador.

Programas de edição de som permitem que você grave som em tempo real no HDD computador e convertê-lo usando os recursos de processamento digital e combinação de vários canais.

Vejamos alguns programas para trabalhar com som.

Cakewalk Pro Audio é um sequenciador multitrack profissional da Twelve Tone Systems que desfruta de uma merecida popularidade entre os profissionais. Cakewalk foi um dos primeiros produtos de software a fornecer suporte para plug-ins adicionais para uma variedade de efeitos de áudio construídos para a interface DirectX. Uma característica dos efeitos DirectX é que todos eles funcionam em tempo real e você pode ajustar todos os parâmetros do efeito selecionado durante a reprodução do fragmento de som.

Logic Audio Platinum é um sequenciador profissional da Emagic. Fornece suporte DirectX, processamento em tempo real, pode funcionar com várias placas de som. Também permite gravar e processar áudio digitalmente.

Sound Forge é um programa que está entre os líderes entre os editores de som. Possui funções de edição poderosas, permite incorporar qualquer plug-in que suporte a tecnologia DirectX, tem uma interface moderna conveniente e suporta formatos de som modernos, incluindo RealAudio.

CoolEdit Pro é um estúdio de gravação profissional da Syntrillium Software. Ele permite que você grave som através de uma placa de som de um microfone, CD-player ou outra fonte, leia e grave arquivos no popular formato MP3, edite os arquivos de som resultantes e adicione uma variedade de efeitos fantásticos a eles. Fornece trabalho com sites multimídia.

Depois de criar todos os componentes de multimídia, você precisa combiná-los em um único aplicativo de multimídia. Isso levanta o problema de escolher uma ferramenta de software para seu desenvolvimento. Os meios existentes de combinar vários componentes multimídia em um único produto podem ser condicionalmente divididos em três grupos:

• linguagens algorítmicas para desenvolvimento direto de um programa de controle;
• programas especializados para a criação de apresentações e sua publicação na Internet (preparação rápida de aplicações multimídia);
• ferramentas multimídia de direitos autorais.

Via de regra, a escolha de uma ferramenta depende dos requisitos de eficiência da aplicação multimídia e da velocidade de seu desenvolvimento. Uma propriedade importante é o grau de interação do usuário. Os programas de apresentação especializados concentram-se principalmente na transferência de informações de um computador para um usuário. As ferramentas de autoria permitem um alto grau de interação e criam um aplicativo verdadeiramente interativo.

O mais simples e rápido é usar um software de apresentação, cujas capacidades, em alguns casos, são suficientes para criar um aplicativo multimídia simples. Os sistemas de autoria são projetados para criar produtos de software com alto grau de interação com o usuário e oferecem uma linguagem de script especial para o desenvolvimento da interface do usuário. Eles permitem que você crie um produto final que reúne todos os componentes multimídia em um único programa de controle. Seu diferencial é a presença de uma interface comum que permite selecionar qualquer um dos componentes multimídia, lançá-lo para execução (ouvir arquivo de som ou assistir a um vídeo), organizar uma busca pelo objeto desejado, etc.

O software de apresentação, originalmente projetado para criar slides eletrônicos para ajudar a ilustrar a mensagem do apresentador, tornou-se recentemente mais voltado para multimídia. Esses programas são numerosos, diferenciando-se no conjunto de efeitos visuais e de animação, alguns deles apresentados a seguir.

Power Point - software de apresentação incluído no pacote Microsoft Office... Em termos de número de efeitos visuais e de animação, não é inferior a muitas ferramentas multimídia do autor. Contém ferramentas para a criação de cenários de apresentação flexíveis e gravação de trilhas sonoras para cada slide. A presença da versão em russo permite que você trabalhe com sucesso com textos em russo. O suporte da web integrado permite que você salve apresentações em formato HTML, mas os componentes animados exigem a instalação de um complemento dedicado do PowerPoint