Flash Catalyst и Photoshop - Планирование проекта

• May 5, 2024

С выпуском Adobe^р вспышка^р катализатор^TM бета, у дизайнеров появился новый инструмент для создания Flash проектов и с помощью Photoshop^р или иллюстратор^рМы можем сделать наши проекты более визуально привлекательными. Для тех из вас, кто еще не загрузил бесплатную бета-версию, Catalyst был разработан с расчетом на дизайнера, и с его визуальными инструментами дизайнер может добавить работающие компоненты пользовательского интерфейса в макет пользовательского интерфейса без навыков программирования.

Так, где Фотошоп входит в картину? Большинство макетов пользовательского интерфейса начинаются в Photoshop, когда дизайнер создает макет. После того, как макет утвержден, пришло время создать фактическую графику для пользовательского интерфейса. Это также обычно делается в Photoshop. Теперь с помощью Catalyst мы также можем создать окончательный макет в Photoshop и импортировать этот макет в Catalyst, где мы добавим навигацию на основе Flash для нашего портфолио. Все слои, стили и другие аспекты вашего изображения в Photoshop по-прежнему будут там, когда файл откроется в Catalyst. Прекрасной особенностью Catalyst является то, что мы можем использовать графику так же, как мы ее создали в Photoshop, и превращать ее в компоненты пользовательского интерфейса, такие как кнопки, без какой-либо специальной подготовки.

В этом уроке мы будем создавать графику для небольшого портфолио некоторых веб-наборов, которые я продал на DIYeStores.com. Эти веб-наборы созданы специально для создателя сайта. Внешний вид каждого веб-набора отражен в логотипе веб-набора. Для этого проекта я решил создать портфолио этих логотипов. Для целей этого урока у нас будет только три логотипа, но вы, вероятно, захотите иметь больше образцов в своем портфолио. Наш первый шаг - решить, какие логотипы мы хотим включить в наше портфолио и какой порядок мы хотим, чтобы они были просмотрены.

Все логотипы для веб-наборов имеют размер 450 x 250 пикселей, чтобы соответствовать спецификациям разработчика веб-сайтов. Я решил, что общий размер приложения будет 500 х 500 пикселей. Это даст достаточно места для заголовка вверху, логотипов и миниатюр под логотипами, которые станут кнопками, управляющими приложением для просмотра изображений. Нам нужно будет создать миниатюру размером 100 x 100 для каждого из наших логотипов. Если мы просто уменьшим размер логотипа до размера наших миниатюр, большая часть дизайна будет слишком маленькой, чтобы ее можно было оценить. Было бы лучше выбрать раздел каждого логотипа, который лучше всего отражает дизайн, и использовать его для наших навигационных кнопок. Теперь, когда у нас есть все образцы для нашего портфолио, пришло время создать макет для приложения.

Copyright 2018 Adobe Systems Incorporated. Все права защищены. Снимки экрана продукта Adobe перепечатаны с разрешения Adobe Systems Incorporated. Adobe, Photoshop, альбом Photoshop, элементы Photoshop, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, фейерверки, способствуют, Captivate, Flash Catalyst и Flash Paper является или является [a] зарегистрированным товарным знаком (-ами) или товарным знаком (-ами) Adobe Systems Incorporated в США и / или других странах.

Видео инструкция: Import Photoshop and Illustrator Files into Flash CS6 (May 2024).