Flash Catalyst en Photoshop - Projectplanning

• Mei 17, 2024

Met de release van Adobe^R Flash^R Catalyst^TM beta, ontwerpers hebben een nieuwe tool voor het maken van Flash-projecten en met behulp van Photoshop^R of Illustrator^R, kunnen we onze projecten visueel aantrekkelijker maken. Voor degenen onder u die de gratis bèta-release niet hebben gedownload, is Catalyst ontwikkeld met de ontwerper in gedachten en met zijn visuele hulpmiddelen kan de ontwerper bruikbare gebruikersinterfacecomponenten toevoegen aan een UI-lay-out zonder programmeervaardigheden.

Dus waar komt Photoshop in beeld? De meeste UI-lay-outontwerpen beginnen in Photoshop, wanneer de ontwerper een mockup maakt. Nadat het model is goedgekeurd, is het tijd om de eigenlijke afbeeldingen voor de gebruikersinterface te maken. Dit wordt meestal ook gedaan in Photoshop. Met Catalyst kunnen we nu ook de definitieve lay-out in Photoshop maken en die lay-out in Catalyst importeren, waar we de op Flash gebaseerde navigatie voor onze portfolio zullen toevoegen. Alle lagen, stijlen en andere aspecten van uw Photoshop-afbeelding zijn er nog steeds wanneer het bestand wordt geopend in Catalyst. Het mooie van Catalyst is dat we de afbeeldingen kunnen gebruiken net zoals we ze in Photoshop hebben gemaakt en ze in UI-componenten, zoals knoppen, kunnen veranderen zonder speciale voorbereiding.

In deze zelfstudie maken we de afbeeldingen voor een kleine portfolio van enkele websets die ik heb verkocht op DIYeStores.com. Deze websets zijn speciaal gemaakt voor de bouwer van de DIY-website. Het uiterlijk van elke webset wordt weerspiegeld in het websetlogo. Voor dit project besloot ik een portfolio van deze logo's te maken. Voor deze zelfstudie hebben we slechts drie logo's, maar u wilt waarschijnlijk meer voorbeelden in uw portfolio hebben. Onze eerste stap is om te beslissen welke logo's we in onze portfolio willen opnemen en de volgorde waarin we willen dat ze worden bekeken.

De logo's voor de websets zijn allemaal 450 x 250 pixels om te voldoen aan de specificaties van de websitebouwer. Ik besloot dat de totale grootte van de applicatie 500 x 500 pixels zou zijn. Dit geeft voldoende ruimte voor een titel bovenaan, de logo's en de miniaturen onder de logo's, die de knoppen worden die de afbeeldingviewertoepassing besturen. We moeten voor elk van onze logo's een 100 x 100 miniatuurafbeelding maken. Als we de grootte van het logo verkleinen tot de grootte van onze miniaturen, is een groot deel van het ontwerp te klein om te waarderen. Het is beter om een ​​gedeelte van elk logo te kiezen dat het beste het ontwerp weergeeft en dat te gebruiken voor onze navigatieknoppen. Nu we alle voorbeelden voor ons portfolio hebben, is het tijd om de lay-out voor de applicatie te bouwen.

Copyright 2018 Adobe Systems Incorporated. Alle rechten voorbehouden. Schermafbeeldingen van Adobe-producten herdrukt met toestemming van 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 en Flash Paper is / zijn ofwel [a] geregistreerde handelsmerken [s] of een handelsmerk [s] van Adobe Systems Incorporated in de Verenigde Staten en / of andere landen.

Video-Instructies: Flash Catalyst: How to create transitions | lynda.com tutorial (Mei 2024).