Adobe flash para desenho. Nova imagem - desenhe o personagem da série
O exposto no capítulo anterior indica que, ao trabalhar com objetos gráficos, você pode usar Clarão como um editor gráfico regular como MS Paint ou Paint Shop Pro. No entanto, ao descrever as possibilidades de criação e modificação de imagens, partimos do fato de que elas (imagens) devem, mais cedo ou mais tarde, tornar-se elementos filme flash.
Ferramentas de desenho
O desenho é executado usando as ferramentas localizadas no painel Ferramentas.
Os principais são (Fig. 5.1):
- Ferramenta Line (Linha) - a ferramenta permite desenhar linhas retas e quebradas, que, se necessário, podem ser usadas como contorno de um objeto; a ferramenta não possui botões modificadores; como configurações, o usuário pode escolher a espessura e a cor da linha; a configuração é feita usando o inspetor de propriedades;
Arroz. 5.1. Ferramentas de desenho
- Ferramenta Oval (Oval) - a ferramenta foi projetada para criar formas geométricas padrão: elipses e círculos de vários raios; a figura criada consiste em dois componentes que podem ser editados separadamente um do outro: contorno (Outline) e preenchimento (Fill); como configurações, o usuário pode escolher a espessura e a cor da linha; a configuração é feita usando o inspetor de propriedades;
- Ferramenta Rectangle (Retângulo) - a ferramenta é projetada para criar as formas geométricas apropriadas; a figura criada consiste em dois componentes que podem ser editados separadamente um do outro: contorno e preenchimento; como parâmetro adicional, você pode especificar o raio de arredondamento dos cantos do retângulo; além disso, o usuário pode escolher a espessura e a cor da linha; os parâmetros especificados são definidos usando o inspetor de propriedades; os parâmetros da ferramenta de configuração serão discutidos com mais detalhes abaixo;
- Pen Tool (Pen) - a ferramenta permite desenhar linhas curvas retas e suaves com alta precisão com base no mecanismo de curva de Bezier; para isso no processo de desenho Clarão cria pontos base (pontos âncora) e então constrói um segmento desenhado a partir deles; esta ferramenta é talvez a mais difícil de usar, portanto, a seguir, consideraremos como trabalhar com ela com mais detalhes;
- Ferramenta Lápis- a ferramenta destina-se ao desenho de linhas arbitrárias, porém, com as devidas configurações dos parâmetros, realiza o "reconhecimento" das figuras desenhadas e sua conversão automática em figuras geométricas padrão; as configurações da ferramenta serão discutidas abaixo;
- Ferramenta Pincel (Pincel) - a ferramenta permite desenhar linhas que lembram pinceladas; apesar da relativa facilidade de uso, o pincel tem bastante grande número parâmetros adicionais, que consideraremos separadamente;
- Ferramenta Eraser (Borracha) - é o usual para editores gráficos "goma diligente", de acordo com o princípio de operação e o conjunto de parâmetros adicionais, é muito próximo da ferramenta Pincel.
Deve-se notar que os resultados do uso de qualquer uma das ferramentas listadas podem ser posteriormente cancelados ou ajustados. Por exemplo, para alterar a forma de linhas e contornos de objetos, pode ser usada a ferramenta Seta, que foi discutida na descrição das operações de seleção de objetos.
Agora vamos dar uma olhada nos recursos de uso de algumas ferramentas.
Ferramenta Retângulo
A tecnologia de uso desta ferramenta dispensa comentários detalhados, por isso vamos nos concentrar apenas nas possibilidades de configuração.
Como mencionado acima, os seguintes parâmetros da ferramenta Retângulo podem ser alterados:
- o ângulo de arredondamento do retângulo; para alterar este parâmetro, clique no botão modificador Round Rectangle Radius (Raio de arredondamento do retângulo), e na caixa de diálogo que se abre, insira o valor de arredondamento (em pontos), conforme mostrado na fig. 5.2;
- cor de contorno e cor de preenchimento, que são selecionadas usando os botões correspondentes localizados no painel do inspetor de propriedades da ferramenta (Fig. 5.3);
- a espessura e estilo de linha do contorno, que também são definidos usando o inspetor de propriedades; por padrão, a espessura do contorno muda com uma resolução de 0,25 pontos (pontos), mas qualquer valor na faixa de 0 a 10 pode ser inserido no teclado;
- parâmetro adicional Sharp Corners (Sharp corners), que define a forma do contorno; a alteração do parâmetro é realizada em uma caixa de diálogo adicional (Fig. 5.4), que se abre quando você clica no botão Custom... (Configurações); nesta janela, você também pode alterar a espessura do contorno (usando a lista suspensa Espessura), o valor nesta lista depende do valor definido no painel do inspetor de propriedades e vice-versa.
Arroz. 5.2. Caixa de diálogo para definir a quantidade de arredondamento dos cantos do retângulo
Arroz. 5.3. Inspetor de Propriedades da Ferramenta Retângulo
Arroz. 5.4. Caixa de diálogo para definir opções adicionais para a ferramenta Retângulo
O formato do inspetor de propriedades mostrado na Figura 5.3, semelhante ao usado para as ferramentas Linha e Oval.
Depois de usar uma das três ferramentas para desenhar a figura correspondente, para ajustar seus parâmetros, o formato estendido do Property Inspector (Fig. 5.5) pode ser usado. Difere do discutido acima pela presença de quatro campos de texto que contém as seguintes informações:
- para uma linha - as coordenadas da esquerda (campos X e Y) e direita (campos W e H) de suas extremidades; as coordenadas são medidas em relação ao canto superior esquerdo da mesa do filme;
- para um círculo - coordenadas do centro (campos X e Y) e raio (campos W e H);
- para um retângulo - as coordenadas do canto superior esquerdo (campos X e Y) e os comprimentos dos lados (campos W e H).
Arroz. 5.5. Formato estendido do inspetor de propriedades para formas padrão
Ferramenta Caneta
Com esta ferramenta, você pode desenhar linhas retas ou quebradas ou segmentos curvos. Em ambos os casos, a linha é construída a partir de pontos base com base no mecanismo da curva de Bezier.
Para desenhar uma linha reta, você deve especificar o primeiro e o último ponto do segmento. Um ponto é criado clicando na tabela. Por exemplo, para obter uma linha quebrada composta por três segmentos, são necessários quatro pontos (Fig. 5.6 a).
A linha desenhada pode ser deixada aberta ou convertida em uma forma fechada. No primeiro caso, basta clicar duas vezes no último ponto da linha; para criar uma figura fechada, você deve clicar no ponto inicial (Fig. 5.6 b).
Arroz. 5.6. Polilinha desenhada com a ferramenta Caneta
Desenhar curvas com uma caneta é baseado no movimento das chamadas tangentes. A tangente é uma linha reta traçada através do ponto base (Fig. 5.7 a). O comprimento e a direção da tangente determinam o tamanho e a profundidade (a quantidade de dobra) do segmento de curva. A tangente é como um intermediário entre o ponteiro do mouse e a linha que está sendo desenhada.
Para desenhar um segmento de curva, você deve fazer o seguinte:
- Crie o primeiro ponto base clicando na tabela.
- Para criar o segundo ponto base, mova o ponteiro até a distância desejada e pressione o botão esquerdo do mouse; como resultado, uma linha aparecerá na tela conectando os pontos base.
- Sem soltar o botão, mova o ponteiro no sentido oposto ao sentido de dobra desejado; ao mover o ponteiro, uma tangente aparecerá na tela, cujo tamanho e direção determinam a profundidade e o ângulo da dobra (Fig. 5.7 b).
Arroz. 5.7. Desenhar curvas com caneta
- Ao atingir a forma desejada do segmento, solte o botão do mouse; a tangente desaparecerá e os pontos base (o primeiro e o final do segmento) serão representados por pequenos retângulos coloridos.
Para adicionar outro segmento ao criado anteriormente, você precisa repetir os passos 2, 3, 4 do procedimento descrito acima.
Ao trabalhar com caneta, lembre-se de que a linha desenhada é considerada "incompleta" até que você pressione a tecla
Arroz. 5.8. Adicionando um segmento
Depois que uma linha é desenhada, ela pode ser modificada usando qualquer uma das quatro ferramentas: Caneta, Seta, Transformação Livre ou Subseleção.
Para a ferramenta Rep, assim como para outras ferramentas de desenho, o usuário pode definir a espessura e a cor da linha, bem como a cor de preenchimento (Q será discutido na próxima seção).
A definição da espessura da linha é feita usando o Inspetor de propriedades, cujo formato é semelhante ao mostrado na fig. 5.3. Se o painel Inspetor de propriedades estiver fechado quando você ativar a ferramenta, vá para o menu Janela e selecione Propriedades nele.
Os valores dos parâmetros definidos são aplicados às linhas recém-criadas. Para atribuí-los a linhas e formas criadas anteriormente, eles devem primeiro ser selecionados. O resultado "aparece" depois que a seleção é removida.
Repetimos mais uma vez que aplicação eficaz A ferramenta Rep requer algumas habilidades práticas, no entanto, o tempo gasto em dominá-la será recompensado assim que você quiser criar algo fora do padrão para o design da página da Web (Fig. 5.9).
Arroz. 5.9.“Florescer” da caneta (“A vela solitária fica branca ...”)
Ferramenta Lápis
"Lápis" está disponível em muitos editores gráficos, então vamos nos concentrar em características distintas sua implementação em .
Comecemos pelo facto desta ferramenta possuir um botão modificador, clicando no qual se abre uma espécie de menu que permite seleccionar o modo de funcionamento da ferramenta (Fig. 5.10).
Arroz. 5.10. Menu do modo de ferramenta Lápis
Existem três desses modos:
- Endireitar (alisamento);
- Suave (Suaviza);
- Tinta (desenho a tinta).
O modo Endireitar permite a transformação da imagem original, desenhada "à mão", em uma das formas geométricas (Fig. 5.11). O caso mais simples de tal transformação é o endireitamento de uma linha traçada, para dizer o mínimo, não muito suavemente.
O modo suave é menos "difícil" e permite que você simplesmente elimine algumas das rugosidades da imagem.
O terceiro modo - Tinta - praticamente não difere do modo Suave, mas tem ainda menos impacto na imagem original.
Para desenhar com a ferramenta Lápis uma linha horizontal perfeitamente reta ou Linha vertical, basta manter pressionada a tecla
A cor e a espessura da linha são definidas usando o inspetor de propriedades da ferramenta (Fig. 5.12).
Arroz. 5.12. Inspetor de Propriedades da Ferramenta Lápis
Ferramenta pincel
A ferramenta permite criar linhas que se assemelham a pinceladas. é fornecido para linha inteira efeitos especiais adicionais, incluindo o efeito da escrita caligráfica.
Ao criar imagens com o Pincel, você pode usar um bitmap importado como preenchimento.
A ferramenta tem cinco modos de operação. O modo é selecionado usando o botão modificador (Fig. 5.13):
Arroz. 5.13. Menu do modo de uso da ferramenta Pincel
- Pintar Normal (Pintura normal) - o “traço” do pincel cobre todas as linhas e preenchimentos da imagem editada, bem como qualquer outro objeto ou seção da mesa que esteja no caminho do pincel (Fig. 5.14 b) ;
- Paint Fills (Filling fills) - fornece preenchimentos de pintura sem afetar os contornos, linhas e áreas vazias da mesa (Fig. 5.14 c);
- Paint Behind (Pintura atrás) - o “traço” do pincel cobre a área vazia da mesa localizada atrás da imagem, deixando todas as linhas e preenchimentos na imagem editada inalterados (Fig. 5.14 d);
Seleção de pintura (Pintura da área selecionada) - o “traço” do pincel afeta apenas o preenchimento selecionado (ou preenchimentos, se vários forem selecionados), deixando as linhas, contornos, preenchimentos não selecionados e a área vazia do tabela inalterada (Fig. 5.14 e);
Paint Inside (Pintura interna) - apenas o preenchimento com o qual a operação foi iniciada é pintado; outros preenchimentos, linhas, contornos e a tabela permanecem inalterados (Fig. 5.14 e); se você começar a pintar em uma área vazia da área de trabalho, o efeito será semelhante ao uso do modo Paint Behind.
a) imagem original
b) Modo normal de pintura
c) Modo Pintar Preenchimentos
d) Modo Pintar Atrás
e) Modo de Seleção de Pintura
f) Modo Paint Inside
Arroz. 5.14. O efeito de aplicar diferentes modos da ferramenta Pincel
Ao trabalhar com o Pincel, lembre-se de que o efeito do modo definido não aparece durante a operação, mas após sua conclusão (ou seja, quando o botão do mouse é liberado).
Além disso, o usuário pode selecionar o tamanho, forma e cor do pincel. Os dois primeiros parâmetros são definidos usando os botões modificadores (Figura 5.15, superior) e a seleção de cores é feita com o botão Fill Color no painel Tools ou com o Brush Property Inspector (Figura 5.15, inferior).
Arroz. 5.15. Ferramentas para definir opções avançadas Pincéis
Ferramenta de apagar
A ferramenta funciona como uma borracha comum, removendo linhas, contornos e preenchimentos.
A ferramenta tem seis modos de operação. A seleção do modo é realizada usando dois botões modificadores (Fig. 5.16): Modo Borracha e Torneira.
Arroz. 5.16. Menu do Modo da Ferramenta Borracha
Button Faucet (Crane) fornece a inclusão do modo correspondente, ao usar o qual, com um clique, essa parte do objeto (contorno ou preenchimento) é excluída (“apagada”), na qual o ponteiro na forma de uma torneira de água está definido; além disso, o “ponto quente” do ponteiro não é a própria torneira, mas uma gota; isso permite que você posicione o ponteiro com uma precisão suficientemente alta ao apagar linhas e contornos finos e até mesmo pontos individuais da imagem.
Ativar o modo Faucet cancelará qualquer um dos outros cinco modos selecionados com o botão Eraser Mode e vice-versa, clicando neste botão cancelará o modo Faucet.
O botão Eraser Mode pode ser definido para um dos seguintes modos:
- Erase Normal (Apagamento normal) - a borracha apaga todas as linhas de preenchimento da imagem editada, bem como qualquer outro objeto ou imagem de fundo localizada na camada ativa;
- Erase Lines (Apagar linhas) - a borracha apaga linhas e contornos, deixando os preenchimentos na imagem editada sem alteração;
- Apagar preenchimentos selecionados (apagar preenchimentos selecionados) - a borracha exclui apenas o preenchimento selecionado (ou preenchimentos, se estiverem selecionados)
Arroz. 5.17. O efeito da aplicação de diferentes modos
mas alguns), deixando linhas inalteradas, contornos, preenchimentos não selecionados, etc. (Fig. 5.17 d);
- Apagar preenchimentos (Apagar preenchimentos) - fornece apagamento de preenchimentos sem afetar os contornos, linhas e área vazia da tabela;
- Erase Inside (Apagar dentro) - apenas o preenchimento com o qual a operação foi iniciada é apagado; outros preenchimentos, linhas, contornos e a tabela permanecem inalterados; se você começar a pintar em uma área vazia da área de trabalho, todos os objetos permanecerão inalterados.
Ao trabalhar com a Borracha, assim como ao trabalhar com o Pincel, o efeito do modo definido não aparece durante a operação, mas após sua conclusão (ou seja, ao soltar o botão do mouse).
Além disso, o usuário pode selecionar a forma e o tamanho da borracha.
Tudo sobre desenho em flash e muito mais. Informações sobre como os gráficos para jogos em flash são criados, como desenhar um personagem, como são desenhados os planos de fundo para jogos em flash e desenhos animados, os fundamentos do design de jogos.
Desenhar roupas no flash
De vez em quando, através do site, eles me procuram com um pedido para sugerir algo sobre desenho ou animação em flash.
Sempre procuro responder às perguntas, se, é claro, eu mesmo tiver informações.
Hoje recebi uma carta com um pedido para escrever uma aula de desenho:
Teclas coloridas (teclas coloridas). Procure uma solução de cor
Para acelerar o processo de preenchimento, você deve usar chaves coloridas. Para quem estudou em escola de Artes Você provavelmente está familiarizado com este termo. Mas nem todo mundo tem tanta sorte, existem muitos artistas e animadores autodidatas, como eu, por exemplo :) Na verdade, chaves de cores são uma busca por uma solução de cores para personagens, fundos e tudo mais. Depois de assistir a muitos tutoriais em vídeo sobre desenho, cheguei à conclusão de que muitos preenchem com cores intuitivamente, escolhendo as cores uma a uma, aleatoriamente.
como desenhar cabelo
Não faz muito tempo, recebi um pedido através do site para escrever como desenhei cabelo. Faz muito tempo que não posto aulas e decidi - por que não, vou escrever algumas linhas sobre cabelo :) Não chamaria isso de guia de ação sobre como desenhar cabelo corretamente. Que é assim que eles são desenhados e nada mais. Descreverei brevemente o processo em si, como fiz. Talvez seja interessante não apenas para uma pessoa.
Técnicas e estilos de desenho em Flash
No meu trabalho utilizo várias técnicas de desenho. Como a animação envolve uma imagem estilizada de objetos vivos e inanimados, há total liberdade para a fantasia. Mas é aconselhável discutir suas fantasias sobre o estilo de execução com o cliente logo no início do trabalho, para que as fantasias se tornem comuns :) Às vezes, a escolha de uma determinada técnica depende de sua complexidade. Por exemplo, é mais fácil desenhar com um lápis do que mexer com um pincel e linhas que precisam ser editadas, e isso requer mais precisão e, portanto, mais tempo para executar.
Pela natureza das linhas podem ser classificadas:
1. Contorno homogêneo- desenhado a lápis (Y), como resultado, são obtidas linhas da mesma espessura. Para que o desenho não fique muito monótono, você pode usar linhas de diferentes espessuras, por exemplo, pegamos mais espessura de linha nas bordas e desenhamos detalhes menores (por exemplo, elementos de roupas) com uma linha mais fina. Esse contorno é muito conveniente para preenchimento rápido. 
Há mais de sete anos trabalho remotamente com clientes estrangeiros dos EUA, Canadá, Austrália, Alemanha e outros países. Desenho recursos gráficos e animação para jogos em Adobe Animate CC. O editor costumava ser chamado Adobe Flash Profissional CC.
Em um blog antigo, iniciei um ciclo de aulas parecido, mas ao invés de continuar por lá, resolvi reescrever tudo de novo para compartilhar novas experiências.
Por que precisamos de outro ciclo de aulas sobre desenho em Adobe Flash? Eu faço isso há muitos anos e acredito que minha experiência pode ser útil para iniciantes. Especialmente para quem nunca desenhou com uma mesa digitalizadora antes. Se você desenha bem no papel, mas nunca desenhou em um computador, definitivamente tenho algo a lhe dizer.
E para quem não sabe desenhar no papel, vou tentar explicar como você pode desenvolver essa habilidade como um todo, sem referência a editor gráfico: construção de perspectiva e composição, seleção de cores, sombreamento e outros tópicos.
Escolhendo uma mesa digitalizadora
Não importa se você sabe desenhar, você vai precisar de ferramentas: aparelhos e programas. Vamos começar com o hardware. Você já tem um computador, mas ainda precisa conectar um tablet gráfico a ele, o que nos dará a oportunidade de desenhar em uma tela virtual que existe na RAM. Em outras palavras, este é outro dispositivo de entrada, como um mouse ou trackball. Mas o tablet tem vantagens que permitem desenhar como se estivesse no papel. Estes são a sensibilidade à pressão e uma forma de caneta do manipulador.
Existem muitos fabricantes de tablets gráficos: Wacom, Genius, Huion. Eu só encontrei os dois primeiros. No total, já experimentei quatro tablets Wacom e um Genius quando comecei. Eu recomendo a Wacom - é de alta qualidade por um preço razoável.
Se você não tem dinheiro, não compre o Genius, obtenha a pequena Wacom Bamboo Pen usada mais acessível. Usei quase o mesmo modelo Wacom Bamboo Pen&Touch S CTH-460. Não houve problemas críticos por sete anos de uso, um bom aparelho para começar. Se você pode destacar mais dinheiro, em seguida, pegue um modelo maior. Estou usando Wacom Bamboo Fun Pen&Touch M CTH-670.
O que significam os números e letras nos nomes dos modelos Wacom
Vou explicar o que significam alguns números e letras do nome para facilitar a sua navegação no parque modelo da empresa.
Wacom Bamboo Fun Pen&Touch M CTH-6 70
- M- tamanho área de trabalho. Existem S - Small (pequeno), M - Medium (médio), L - Large (grande);
- CTH- denota o alinhamento. Existem CTL e CTH - modelos amadores básicos com botões opcionais e touchpad, PTH - modelos profissionais, DTH e DTK - modelos profissionais com display embutido;
- 6 — o tamanho da área de trabalho em polegadas. Existem 4 - Pequeno (pequeno), 6 - Médio (médio), 8 - Grande (grande), bem como 13 e mais, mas isso se aplica apenas a tablets com tela embutida. Às vezes, nas lojas online e nos anúncios, eles não indicam um índice alfabético, então você pode usar um digital para entender as dimensões do aparelho;
- 70 geração e modelo. É importante entender que quanto maior esse número, mais novo o aparelho. Para comparação, meu antigo tablet tem um índice de CTH-460, analógico moderno— CTH-490. As gerações diferem em 10: 460, 470 e assim por diante.
Tamanho da mesa gráfica
Quando você desenha, a área ativa da área de trabalho é muito pequena. Em outras palavras, a caneta desliza constantemente em um raio de um pequeno círculo. Este círculo pode mover-se ligeiramente. Com o tempo, forma-se uma mancha, visível como um denso acúmulo de micro-arranhões. Isso mostra que você praticamente não usa os periféricos do aparelho, tudo acontece no centro.
Pode-se presumir que um grande tablet gráfico não é necessário, pois você nunca usará toda a sua área de trabalho e o local de atividade terá o mesmo tamanho de um modelo menor. Mas isso não.
Quando você trabalha em um tablet, sua área ativa é projetada em toda a largura do monitor. Portanto, quanto maior o tablet, com mais precisão você pode aplicar traços. Por outro lado, quanto maior o monitor e menor o tablet, mais difícil e desconfortável será para você desenhar. Por experiência, posso dizer que depois de mudar do tamanho S para M ao trabalhar em um monitor ultralargo de 29 polegadas, comecei a trabalhar 25-30% mais confortavelmente. É preciso menos esforço para traçar um caminho complexo e, no geral, a interação parece mais suave e agradável.
Tablets gráficos maiores devem fornecer condições de trabalho ainda mais confortáveis, mas não tive que trabalhar em modelos L, só posso supor.
Diferenças entre tablets Wacom amadores e profissionais
Ao comprar um modelo profissional, você obtém um dispositivo sem fio feito de plástico de alta qualidade com 2.048 níveis de sensibilidade à pressão contra 1.024 para modelos mais baratos, um design bonito, controles adicionais na forma de botões e um anel de toque. Estou completamente satisfeito com os modelos desatualizados mais jovens da série Bamboo, que foram descontinuados. A diferença de custo entre as versões amadora e profissional será mais de duas vezes. A mesa vai colocar tudo nas prateleiras:
Configurando Wacom Bamboo Pen & Touch M CTH-670
Antes de conectar o dispositivo, baixe os drivers do site oficial da Wacom.
| Lista de modelos | Link para motoristas |
|---|---|
| Intuos CTL-4100/6100/4100WL/6100WL Intuos Pro PTH-451/651/660/851/860 Um CTL-471/671/472/672 Intuos CTL-480/490/680/690 Intuos CTH-480/490/680/690 Intuos 5 PTK-450/650 PTH-450/650/850 Intuos 4 PTK-440/640/840/1240/540WL |
janelas Mac OS |
| Bamboo Pen&Touch CTH-460/470/471/660/661/670 Caneta Bamboo CTL-460/471 |
janelas Mac OS |
Depois de conectar o tablet e instalar os drivers, inicie o aplicativo Preferências Wacom, que pode ser encontrado na busca do Windows (Win + S) ou no painel de controle.
As principais configurações dos tablets da empresa não diferem, de forma similar modelos amadores e profissionais são configurados.
na aba Tábua você pode personalizar o tablet para a mão direita e esquerda, bem como atribuir ações às teclas. Primeiro instale-os em Desabilitado, com o tempo será possível atribuir teclas de atalho. 
Na próxima guia caneta parâmetros importantes são:
- sensação da ponta- sensibilidade à pressão. Deixe no centro. No processo, você entenderá que tipo de rigidez gosta e ajustará a gosto;
- monitorando— modo de rastreamento da posição da caneta. Instalar Modo Caneta— a área de trabalho do tablet é estendida para tela cheia. Modo Rato usado como substituto do mouse;
- O resto das configurações não são tão importantes. Botões de Caneta permite atribuir uma ação aos botões da caneta. sensação de borracha- sensibilidade do elástico lado reverso estilete. Não uso esse recurso porque é mais rápido alternar usando teclas de atalho.
Na mesma aba da seção monitorando aperte o botão mapeamento... para definir como a área de trabalho do tablet é projetada na tela do monitor. Uma janela se abrirá Detalhes do Modo Caneta.
No capítulo Área da tela escolher Monitor, se você tiver vários monitores e especifique o principal. Se houver apenas um monitor, deixe Todas as telas
.No capítulo Dimensionamento certifique-se de marcar a caixa Proporções de força para que a área do cliente não estique quando projetada na tela. Nesse caso, parte da área de trabalho do tablet não será utilizada, mas teremos proporções normais de 1 para 1. E se você desenhar um círculo, ele será exibido na tela como um círculo, não uma elipse alongada.
Certifique-se de marcar a caixa ao lado de Usar Windows Ink para que a sensibilidade à pressão funcione.
Na próxima guia Opções de toque desmarque a caixa ao lado Ativar entrada de toque para mudar o seu tablet para o modo normal.
Nas outras guias, desativei tudo, pois não uso os gestos do modo Touch nem o menu suspenso da marca. Isso conclui a configuração da mesa gráfica.
Animate CC ou Flash Professional CC?
Adobe Animate CC é um rebranding do Adobe Flash Professional CC com vários novos recursos adicionados ao programa. Mesmo com o nome antigo, ganhou imensa popularidade entre artistas, animadores e desenvolvedores de jogos independentes. Os princípios vetoriais de construção permitem que você crie sprites para qualquer resolução. Qualquer versão em que você possa colocar as mãos é boa para desenhar. As ferramentas de desenho não mudaram por muitos anos, mas apenas melhoraram ligeiramente. Usarei o Adobe Animate CC, mas o que escrevi também se aplica a versões mais antigas do Adobe Flash Professional. A propósito, em Ultimamente A Adobe mudou para um modelo de assinatura mensal para acessar seus produtos, em vez do caro licenciamento único. Atualmente, o preço para usar o Adobe Animate CC é de US$ 20 por mês.
Primeiro lançamento do Adobe Animate CC
Após o carregamento, crie um novo arquivo e selecione o tipo Script de ação 3.0. Na mesma janela, você pode especificar os parâmetros da cena:
- Largura E Altura— a largura e a altura da cena em pixels. Vamos configurá-lo para 1920 x 1024, como a resolução em um monitor moderno ou smartphone;
- Unidades de régua- unidades de medida, definir pixels;
- taxa de quadros- o número de quadros por segundo, deixe 24;
- cor de fundo- cor de fundo, definida como cinza.
Essas configurações também podem ser alteradas após a criação do documento. Para fazer isso, selecione uma ferramenta Ferramenta de Seleção(tecla de atalho V), janela aberta Propriedades e expandir a seção Propriedades. Se você não conseguir encontrar esta janela, use o menu Janela → Propriedades ou pressionando Ctrl + F3.
Configurações de teclas de atalho
Para aumentar a eficiência do trabalho, você precisa usar as teclas de atalho ao máximo. Nos estágios iniciais, é preciso se acostumar e aprender novas combinações de teclas, mas fornece um salto sólido em sua eficiência a longo prazo. Redefini a maioria das teclas de atalho para ficarem no lado direito do teclado. Por que exatamente à direita? O fato é que sou canhoto e, portanto, é mais conveniente para mim. Se você for destro, terá que criar seu próprio esquema. Além disso, eu uso o Rapoo E9050 e o Apple Wireless Keyboard, que são formatos de teclado de laptop, portanto, se você estiver usando um de tamanho normal, trabalhe duro e crie seu próprio esquema - valerá a pena em um muito tempo economizado - e considere meu esquema, como exemplo.
Entenda a ideia: agrupe comandos de teclas no lado confortável do teclado para acesso rápido sem mudar constantemente a posição das mãos. Na maioria das vezes deve ficar parado em um só lugar, apenas os dedos "caminham" em um pequeno raio, pressionando os botões. Claro que haverá equipas que exigem uma mudança de posição, mas são uma grande minoria. Aqui está o meu esquema:
| Equipe | Descrição | combinação antiga | Nova combinação |
|---|---|---|---|
| Selecionar tudo | Escolha tudo | Ctrl+A | Ctrl+A, O |
| Desmarcar todos | Remover seleção | Ctrl+Shift+A | Ctrl+Shift+A,P |
| Desfazer | Desfazer ação | Ctrl + Z | Ctrl+Z, [, Z |
| refazer | Repetir ação | ctrl+y | Ctrl+Y,] |
| Ampliação | Dimensionamento | Shift+Z, Z | Shift+Z,\ |
| mais Zoom | Ampliar imagem | Ctrl+=, Ctrl+Num= | Ctrl+=, Ctrl+Num=,= |
| Reduzir o zoom | Reduzir o zoom | Ctrl+=, Ctrl+Num= | Ctrl + -, Ctrl + Num -, - |
| endireitar | Endireitar curvas selecionadas | 9 | |
| Suave | Curvas selecionadas suaves | 0 | |
| Inverter horizontalmente | Virar horizontalmente | F | |
| flip vertical | Inverter verticalmente | Shift+F | |
| Corte | Cortar para a área de transferência | Ctrl + X | Ctrl + X, X |
| Símbolo duplicado... | símbolo de clone | ctrl+d | |
| Trocar Símbolo... | Alterar símbolo | Ctrl+] |
Na maioria dos casos, novas combinações não substituem as antigas, mas as complementam, vários novos comandos são introduzidos. Você precisa fazer configurações através do menu Editar → Atalhos do teclado.... No campo de pesquisa, digite o nome da equipe, na coluna Atalho clique em um espaço vazio oposto ao comando desejado e pressione um novo atalho de teclado.
Não tente entender os comandos dados na tabela, todos eles serão explicados em próximas lições. No futuro, quando você começar a usá-los ativamente, provavelmente os redefinirá várias vezes até encontrar a opção mais conveniente.
Configurações de pincel
pincel(tecla de atalho B) - a ferramenta pincel, a mais usada para desenhar. As configurações estão concentradas em duas janelas:
A configuração do pincel está concluída, vamos pintar algo.
Pintando com um pincel
Escolha uma cor adequada usando a janela Cor (Ctrl + Shift + F9), selecione a ferramenta pincel (B) e comece com um traço longo com um pouco de esforço para delinear a forma futura. Em seguida, circule o contorno resultante para suavizar todos os solavancos - o pincel está pronto.
Observe que apenas três traços foram usados no exemplo acima. Você deseja apontar para traços de comprimento médio para que sua mão não saia do tablet. Tente fazer muitos traços pequenos incorretamente, pois o contorno resultante não ficará liso e com muitos pontos extras.
O Adobe Animate CC funciona com princípios vetoriais. Todos os objetos são descritos matematicamente e podem ser dimensionados sem perda de qualidade, em contraste com a abordagem raster. Isso nos permite manipular objetos vetoriais, o que nunca faremos com a mesma facilidade em um editor raster. Podemos suavizar e simplificar caminhos, endireitar linhas curvas, alterar proporções e deformar gráficos sem perder qualidade. Cada traço é automaticamente convertido em curvas matemáticas que podemos ajustar e modificar.
Para verificar todos os itens acima, ative a ferramenta ferramenta de subseleção(tecla de atalho A) e selecione o pincel que você acabou de pintar. Agora você pode ver os pontos do caminho do vetor e até mesmo alterá-los.
Conclusão
Hoje configuramos o Adobe Animate CC e estamos prontos para começar a desenhar. Pratique um pouco antes de continuarmos. Aprenda a desenhar simples figuras geométricas sem distorção, experimente diferentes cores e configurações de pincel (experimente com a opção Suavização).
Conteúdo semelhante
Para criar imagens, botões e outros gráficos, ou seja, entender desenho em flash Você usará formulários. O Flash CS5 oferece um grande número de ferramentas para essas finalidades: "lápis", "caneta", "linhas de desenho", "pincel", etc. Para criar formas geométricas primitivas como retângulo, círculo, oval, quadrado, polígono, você usará ferramentas especiais para tais formulários.
Flash CS5 tem 5 várias ferramentas para criar formas simples: "retângulo" (ferramenta retângulo), "oval" (ferramenta oval), "retângulo primitivo" (retângulo primitivo), "oval primitivo" (ferramenta oval primitivo) e "polígono" (ferramenta polígono). "Retângulo" pode criar formas retangulares e quadradas, enquanto "Oval" pode criar formas ovais e redondas.
Objetos criados com as ferramentas de desenho do Flash: "retângulo", "oval" e "polígono" consistem em um preenchimento e um contorno.
O Flash CS5 oferece dois modos de desenho: modelo Merge Drawing (desenho mesclado) e modelo Object Drawing (desenho objetivo). No caso do desenho fundido, o contorno e o preenchimento de qualquer objeto, após sua criação, existirão separados um do outro. Se você, por exemplo, mover o caminho, o preenchimento permanecerá no lugar. Além disso, todos os objetos na mesma camada irão interagir uns com os outros. Se você colocar um objeto em cima do outro e, em seguida, remover o inferior para o lado, a área de interseção com o objeto superior será "cortada" dele.
No modo "desenho de objeto", as formas são agrupadas automaticamente, de modo que o preenchimento e o contorno do objeto tornam-se, por assim dizer, um único todo e várias formas que estão na mesma camada não irão interagir.
Use a ferramenta polystar para criar polígonos e formas de estrela.
Seja qual for a ferramenta que você escolher ao desenhar no Flash, o painel de propriedades exibirá seus parâmetros: raio do canto, cores de preenchimento e contorno, etc.
Desenhar em formulários Flash
Selecione a ferramenta de desenho de forma.
Clique na ferramenta retângulo para desenhar um retângulo ou quadrado.
Clique em "oval" para desenhar um oval ou círculo.
Clique no "retângulo primitivo" para desenhar um retângulo no modo de contorno e preenchimento.
Clique no "oval primitivo" (oval primitivo) para desenhar um oval no modo de combinação de caminho e preenchimento.
Clique na ferramenta "polystar" para desenhar um polígono.
Observe que o Flash CS5 sempre mostra o botão ativo da última ferramenta que você usou.
Clique na ferramenta de cor de traço.
Escolha uma cor.
Clique na ferramenta de cor de preenchimento.
Escolha uma cor.
Em qualquer local do palco (Stage) clique com o botão do mouse e arraste-o sem soltá-lo. Solte o botão.
Você criou uma figura.
Informações adicionais
Para criar um retângulo ou um oval com as dimensões exatas enquanto desenha no Flash, você precisa chamar a caixa de diálogo "configurações do retângulo" ou "configurações ovais". Na janela "dimensões do retângulo", você pode definir o raio do canto se precisar de um retângulo com cantos arredondados. Para abrir esta caixa de diálogo, pressione a tecla Alt e clique em qualquer lugar no Palco. Uma caixa de diálogo será aberta. Insira Largura, Altura e Raio nos campos apropriados, quando aplicável. Clique no botão OK. O Flash colocará o retângulo ou oval criado no local do palco onde você clicou.
A ferramenta primitiva de retângulo desenha um retângulo com pequenos pontos nos cantos para desenhar retângulos com cantos arredondados. Usando a ferramenta de seleção, você pode clicar em um desses pontos e arrastar para arredondar o canto.
No caso de uma oval, onde também existem esses pontos, você excluirá um determinado setor dela.
Ative o JavaScript para ver os comentários.E você conhece esse programa. Agora vamos falar sobre como fazer imagens neste programa. Para começar, vamos lidar com.
cores
Para selecionar a cor da linha e do preenchimento, utilize a área no meio da barra de ferramentas, chamada cores. O ícone de lápis e o ícone do seletor de cores na primeira linha desta área determinam a cor da linha ( Cores do traço), enquanto o ícone de balde virado e o ícone do seletor de cores na segunda linha determinam a cor de preenchimento ( cor de preenchimento ).
Linha (linha)
Ferramenta linha usado para desenhar linhas retas. Selecione esta ferramenta, clique com o cursor na área de trabalho onde estará o ponto inicial da linha e, sem soltar o botão do mouse, arraste o cursor até onde estará o ponto final da linha. Se você deseja desenhar uma linha em um ângulo múltiplo de 45 graus, pressione o botão Mudança. As cores das linhas geradas são determinadas pela cor da ferramenta Cor do traço
.
Oval (oval) e Rectangle (retângulo)
Selecione um ponto correspondente ao canto do retângulo ou um retângulo imaginário no qual a oval está inscrita e arraste o cursor ao longo da diagonal desse retângulo enquanto mantém pressionado o botão do mouse. A cor da linha e do preenchimento corresponde às cores selecionadas Cores do traço E cor de preenchimento .
Um retângulo pode ter um raio de arredondamento nos cantos. Para arredondar, você precisa clicar nas propriedades do retângulo (na parte inferior da barra de ferramentas) no ícone com um raio ( Definir raio do canto) e escolha um valor de raio.
também em Macromedia Flash Profissional 8 você pode criar círculos e quadrados regulares se pressionar o botão Mudança ao alongar. Quando você cria um oval ou retângulo, aparecem dois elementos gráficos relacionados que podem ser selecionados e editados separadamente.
Seleção (seleção)
Usado em Macromedia Flash Profissional para selecionar e modificar gráficos. Os elementos gráficos selecionados são exibidos como um bitmap.
Propriedades da ferramenta de seleção
Foto(ímã) faz com que o cursor seja fixado diretamente no ponto de interseção da grade (se for mostrado) ou em um local específico no objeto gráfico. Com esta propriedade, um elemento gráfico pode ser fixado no centro, ponto médio ou ponto final de outro objeto gráfico. Além disso, um elemento pode ser adjacente a outro elemento.
Suave(suave) faz com que curvas mais suaves apareçam na seleção. Quando selecionadas novamente, as curvas continuam a suavizar.
endireitar(endireitar) faz com que curvas mais retas apareçam na seleção. Quando selecionadas novamente, as curvas continuam a se endireitar.
Vídeo sobre como desenhar no Macromedia Flash Professional 8
Você pode obter informações mais detalhadas nas seções "Todos os cursos" e "Utilitário", que podem ser acessadas através do menu superior do site. Nessas seções, os artigos são agrupados por assunto em blocos contendo as informações mais detalhadas (na medida do possível) sobre diversos temas.
Você também pode se inscrever no blog e aprender sobre todos os novos artigos.
Não leva muito tempo. Basta clicar no link abaixo:
