Flash Catalyst - Макет проекту Photoshop

• Може 17, 2024

В останньому підручнику ми зібрали зображення для нашого портфоліо, які ми будемо робити у Photoshop^R і Flash^R Каталізатор^TM. Тепер давайте попрацюємо над компонуванням. У фотошопі повинні бути відкриті всі логотипи та ескізи.

1. Конструкцією для портфоліо буде компонування простих закруглених прямокутників. Нижній прямокутник розміром 500 x 500 матиме простий градієнт із цих двох кольорів - #ffffff та # c9c1a5.
   
   
2. Далі я додав один великий і три маленькі килимки для логотипу та ескізів. З кольором переднього плану, встановленим на чорний, я використав інструмент "Спеціальна форма" та округлу квадратну форму, щоб намалювати чотири килимки. Потім я додав комбінацію стилів шару "Drop Shadow", "Inner Shadow" та "Inner Glow", щоб закінчити килимки.
   
   
3. Використовуючи шрифт Engravers MT, я додав заголовок у верхню частину макета портфоліо. Далі я розтерзав текст і застосував до тексту ті самі стилі шарів, що і до матів.
   
   
4. Далі я додав три мініатюри до килимів у тому порядку, щоб бачити, щоб логотипи переглядалися зліва направо. Звичайно, ми встановимо навігаційні кнопки в Catalyst, щоб глядач міг переглядати логотипи в будь-якому порядку.
   
   
5. Потім я додав логотипи на панель «Шари» в тому ж порядку.
   
   
6. Нарешті, я додав тінь випадання (настройки за замовчуванням) у фоновий шар.
   
   Цей проект дуже маленький, і я зазвичай не використовую папки на панелі "Шари" для проектів такого розміру. Однак я хочу продемонструвати, що інформація з панелі шарів Photoshop зберігатиметься, коли ми імпортуємо файл у Catalyst. Для цього я помістив усі мініатюри у папку "Ескізи", усі логотипи у папці "Логотипи" та всю фонову графіку у папці "Фон".
   
   
7. Тепер ми готові імпортувати цей графічний макет у Flash Catalyst. Збережіть файл Photoshop як PortfolioLayout.psd.
   
   
8. Відкрийте Adobe Flash Catalyst. На екрані привітання ми будемо використовувати Створити новий проект із файлу дизайну - з файлу PSD Adobe Photoshop. Перейдіть до файлу PortfolioLayout.psd.
   
   
9. У діалоговому вікні зауважте, що Catalyst вже визнав, що наш проект буде розміром 500 x 500 пікселів від розміру файлу PSD. Встановіть параметри Fidelity, щоб підтримувати редагування та колір тла відповідно до вашої веб-сторінки.
   
   Розглянемо панель шарів у Flash Catalyst. Зауважте, що у нас є всі ті ж шари та папки, що й у нашому файлі PSD, а також їх відповідні назви. Також зауважте, що Catalyst створив шари, які містять стилі шарів, які ми застосували в Photoshop. Якщо натиснути піктограму видимості, ви побачите, що ми все ще маємо контроль над цими стилями.

У наступному посібнику ми почнемо робити компоненти інтерфейсу з нашої графіки.

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

Відео Інструкція: Создание электронного учебника на Turbo Site 17 минут (Може 2024).