Flash Catalyst et Photoshop - Planification de projet

• Mai 1, 2024

Avec la sortie d'Adobe^R Éclat^R Catalyseur^TM bêta, les concepteurs ont un nouvel outil pour créer des projets Flash et avec l'aide de Photoshop^R ou Illustrator^R, nous pouvons rendre nos projets beaucoup plus attrayants visuellement. Pour ceux d'entre vous qui n'ont pas téléchargé la version bêta gratuite, Catalyst a été développé avec le concepteur à l'esprit et avec ses outils visuels, le concepteur peut ajouter des composants d'interface utilisateur utilisables à une mise en page d'interface utilisateur sans aucune compétence en programmation.

Alors, où Photoshop entre-t-il dans l'image? La plupart des conceptions de mise en page de l'interface utilisateur commencent dans Photoshop, lorsque le concepteur crée une maquette. Une fois la maquette approuvée, il est temps de créer les graphiques réels pour l'interface utilisateur. Cela se fait également généralement dans Photoshop. Maintenant, avec Catalyst, nous pouvons également créer la mise en page finale dans Photoshop et importer cette mise en page dans Catalyst, où nous ajouterons la navigation basée sur Flash pour notre portefeuille. Tous les calques, styles et autres aspects de votre image Photoshop seront toujours là lorsque le fichier s’ouvrira dans Catalyst. La belle chose à propos de Catalyst est que nous pouvons utiliser les graphiques comme nous les avons créés dans Photoshop et les transformer en composants d'interface utilisateur, tels que des boutons, sans aucune préparation particulière.

Dans ce tutoriel, nous allons créer les graphiques pour un petit portefeuille de quelques websets que j'ai vendus sur DIYeStores.com. Ces websets sont créés spécifiquement pour le créateur de site Web de bricolage du site. L'aspect et la convivialité de chaque webset se reflètent dans le logo du webset. Pour ce projet, j'ai décidé de créer un portfolio de ces logos. Aux fins de ce didacticiel, nous n'aurons que trois logos, mais vous voudrez probablement avoir plus d'échantillons dans votre portefeuille. Notre première étape consiste à décider quels logos nous voulons inclure dans notre portefeuille et l'ordre que nous souhaitons qu'ils soient affichés.

Les logos des websets sont tous de 450 x 250 pixels afin de correspondre aux spécifications du constructeur du site Web. J'ai décidé que la taille globale de l'application sera de 500 x 500 pixels. Cela donnera suffisamment d'espace pour un titre en haut, les logos et les vignettes sous les logos, qui deviendront les boutons qui contrôlent l'application de visualisation d'images. Nous devrons créer un graphique miniature de 100 x 100 pour chacun de nos logos. Si nous réduisons simplement la taille du logo à la taille de nos miniatures, une grande partie du design sera trop petite pour être appréciée. Il serait préférable de choisir une section de chaque logo qui représente le mieux le design et de l'utiliser pour nos boutons de navigation. Maintenant que nous avons tous les échantillons de notre portefeuille, il est temps de créer la mise en page de l'application.

Copyright 2018 Adobe Systems Incorporated. Tous les droits sont réservés. Copies d'écran des produits Adobe reproduites avec la permission d'Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst et Flash Paper Paper est / sont [une] marque [s] déposée (s) ou une marque [s] d'Adobe Systems Incorporated aux États-Unis et / ou dans d'autres pays.

Instructions Vidéo: Preparing to create a widget in Flash Catalyst | lynda.com tutorial (Mai 2024).