Flash Catalyst e Photoshop - Planejamento de projetos

• Pode 20, 2024

Com o lançamento do Adobe^R Instantâneo^R Catalisador^TM beta, os designers têm uma nova ferramenta para criar projetos em Flash e com a ajuda do Photoshop^R ou ilustrador^R, podemos tornar nossos projetos muito mais atraentes visualmente. Para aqueles que não fizeram o download da versão beta gratuita, o Catalyst foi desenvolvido com o designer em mente e, com suas ferramentas visuais, o designer pode adicionar componentes viáveis ​​da interface do usuário a um layout da interface do usuário sem a necessidade de habilidades de programação.

Então, onde o Photoshop entra em cena? A maioria dos designs de layout de interface do usuário começa no Photoshop, quando o designer cria uma maquete. Após a aprovação da maquete, é hora de criar os gráficos reais para a interface do usuário. Isso também costuma ser feito no Photoshop. Agora, com o Catalyst, também podemos criar o layout final no Photoshop e importá-lo para o Catalyst, onde adicionaremos a navegação baseada em Flash para nosso portfólio. Todas as camadas, estilos e outros aspectos da sua imagem do Photoshop ainda estarão lá quando o arquivo for aberto no Catalyst. O mais bonito do Catalyst é que podemos usar os gráficos exatamente como os criamos no Photoshop e transformá-los em componentes da interface do usuário, como botões, sem nenhuma preparação especial.

Neste tutorial, criaremos os gráficos para um pequeno portfólio de alguns websets que eu vendi no DIYeStores.com. Esses websets são criados especificamente para o construtor de sites DIY do site. A aparência de cada webset é refletida no logotipo do webset. Para este projeto, decidi criar um portfólio desses logotipos. Para os fins deste tutorial, teremos apenas três logotipos, mas você provavelmente desejará ter mais amostras em seu portfólio. Nosso primeiro passo é decidir quais logotipos queremos incluir em nosso portfólio e a ordem em que queremos que eles sejam visualizados.

Os logotipos dos websets são todos de 450 x 250 pixels para corresponder às especificações do construtor de sites. Decidi que o tamanho geral do aplicativo será de 500 x 500 pixels. Isso dará espaço suficiente para um título na parte superior, os logotipos e as miniaturas abaixo dos logotipos, que se tornarão os botões que controlam o aplicativo visualizador de imagens. Precisamos criar um gráfico em miniatura de 100 x 100 para cada um de nossos logotipos. Se reduzirmos o tamanho do logotipo ao tamanho das miniaturas, grande parte do design será pequena demais para ser apreciada. Seria melhor escolher uma seção de cada logotipo que melhor representasse o design e usá-la nos nossos botões de navegação. Agora que temos todas as amostras do nosso portfólio, é hora de criar o layout para o aplicativo.

Direitos autorais 2018 Adobe Systems Incorporated. Todos os direitos reservados. As capturas de tela do produto Adobe foram impressas com permissão da Adobe Systems Incorporated. Adobe, Photoshop, Álbum do Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst e Flash Paper é / é [a] marca registrada ou marca comercial da Adobe Systems Incorporated nos Estados Unidos e / ou em outros países.