Flash Catalyst - оформление на Photoshop Project

• Може 5, 2024

В последния урок събрахме изображенията за нашето портфолио, които ще правим във Photoshop^R и Flash^R катализатор^TM, Сега нека работим върху оформлението. Трябва да имате отворени всички лога и миниатюри във Photoshop.

1. Дизайнът на портфолиото ще бъде оформление на прости заоблени правоъгълници. Долният правоъгълник с размери 500 x 500 ще има прост наклон от тези два цвята - #ffffff и # c9c1a5.
   
   
2. След това добавих една голяма и три малки постелки за логото и миниатюрите. С цвета на предния план, зададен на черно, използвах инструмента Custom Shape и заоблената квадратна форма, за да нарисувам четирите рогозки. След това добавих комбинация от стилове Drop Shadow, Inner Shadow и Inner Glow слой, за да завърша изтривалите.
   
   
3. Използвайки шрифта Engravers MT, добавих заглавието в горната част на оформлението на портфолиото. По-нататък аз растерирах текста и приложих същите стилове на слоя към текста, както и на тепиха.
   
   
4. След това добавих трите миниатюри към постелката в реда, в който искам логотипите да се гледат отляво надясно. Разбира се, ще настроим бутоните за навигация в Catalyst, така че зрителят да може да вижда логата в произволен ред.
   
   
5. След това добавих логото към панела Слоеве в същия ред.
   
   
6. Накрая добавих Drop Shadow (настройки по подразбиране) към фоновия слой.
   
   Този проект е много малък и обикновено не използвам папки в панела Слоеве за проект с такъв размер. Но искам да демонстрирам, че информацията от панела за слоеве на Photoshop ще се поддържа, когато импортираме файла в Catalyst. За тази цел поставих всички миниатюри в папка „Thumbnails“, всички лога в папка „Logos“ и всички фонови графики в папка „Background“.
   
   
7. Сега сме готови да импортираме това графично оформление във Flash Catalyst. Запазете вашия Photoshop файл като PortfolioLayout.psd.
   
   
8. Отворете Adobe Flash Catalyst. На екрана за добре дошли ще използваме Създаване на нов проект от дизайнерския файл - От PSD файл на Adobe Photoshop. Прегледайте вашия PortfolioLayout.psd файл.
   
   
9. В диалоговия прозорец забележете, че Catalyst вече е разбрал, че нашият проект ще бъде с размери 500 x 500 пиксела от размера на PSD файла. Задайте опциите за вярност да поддържате редактируемостта и цвета на фона, за да съответстват на вашата уеб страница.
   
   Нека да разгледаме панела на слоевете във Flash Catalyst. Забележете, че имаме всички същите слоеве и папки, както в нашия PSD файл, заедно със съответните им имена. Също така забележете, че Catalyst е създал слоеве, които да съдържат стиловете на слоя, които приложихме във Photoshop. Ако щракнете върху иконите за видимост, ще видите, че все още имаме контрол над тези стилове.

В следващия урок ще започнем да правим UI компоненти от нашата графика.

Copyright 2018 Adobe Systems Incorporated. Всички права запазени. Екран (и) на екрана с продукти на Adobe препечатани с разрешение от 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 и Flash Paper е или са [a] регистрирана търговска марка (и) или търговска марка (и) на Adobe Systems Incorporated в Съединените щати и / или други страни.

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