Заглавље веб странице у Пхотосхопу

• Може 5, 2024

У овом туториалу направићемо заглавље веб локације у Пхотосхопу^Р коју ћемо анимирати у Фласх-у^Р Катализатор^ТМ. Анимација започиње празном позадином, а елементи дизајна убацују се у „изградњу“ заглавља пред нашим очима. Анимација ће бити програмирана да започне "учитавање" и трајаће само неколико секунди. Заглавље ове веб странице намењено је неупитном послу са честиткама.

Наш први корак је да направимо заглавље у Пхотосхопу. Сваки дизајнерски елемент поставићемо у његов властити слој током припреме за рад са њима у Фласх Цаталист-у. Као што видите, имаћемо 6 елемената дизајна.

1. Позадина
2. Доња трака по ширини заглавља
3. Назив компаније
4. Рођенданска карта
5. Пумпкин Нотецард
6. Божићна честитка

1. Почнимо нови пројекат у Пхотосхопу. Подесите ширину на 1000 пиксела, висину на 225 пиксела и позадину прозирну. Ова величина ће се лепо уклопити у врх наше веб странице.
   
   
2. Једини елемент који ће бити видљив на почетку анимације је бела позадина. Први слој слике испуните бојом позадине по вашем избору. На панелу Слојеви преименујте овај слој у „Позадина“.
   
   
3. Да бих створио осенчену ивицу, користио сам Иннер Схадов Лаиер Стиле. Двапут кликните на позадински слој и потврдите поље поред ставке Иннер Схадов. Подесите удаљеност и гушење на 0, а величину на 49.
   
   
4. Даље ћемо додати танку обруб око слике са Строке Лаиер Стиле. Боју сам поставио на смеђу (# 6е674ф), Величина на 2 и Позиција на унутрашњост.
   
   Даље ћемо додати картице. Смањио сам величину честитки на 230 к 175 пиксела. Ово ће их задржати у односу на величину заглавља.
   
   
5. Копирајмо / залепимо Пумпкин картицу у наше заглавље. Именујте нови слој „Бундева“. Кликните Уреди - Бесплатна трансформација да бисте мало закренули картицу удесно. Кликните на слој бундеве и примените Дроп Схадов Лаиер Стиле задржавајући подразумеване поставке.
   
   
6. Поновите последњи корак и за рођенданску и божићну честитку.
   
   Даље ћемо додати траку на дну заглавља. Сложићемо наше картице иза ове траке како бисмо опонашали картице на полици.
   
   
7. Додајте нови слој на панел слојева и именовајте га „Бар“.
   
   
8. Помоћу алата Рецтангулар Маркуее одаберите доњи део заглавља, тачно унутар смеђе обрубе. Изаберите боју за свој бар и испуните избор овом бојом.
   
   
9. Двапут кликните на слој и додајте Строке Лаиер Стиле као и претходном слоју.
   
   
10. Кликните на алат Хоризонтални тип и одаберите фонт за назив ваше компаније. Користио сам исту смеђу боју као и боју обруба. Упишите назив предузећа на левој страни заглавља.
    
    
11. Овај корак није обавезан. Текст ћемо растеризовати. Кликните десним тастером миша на слој текста и одаберите Растеризе Типе из менија.
    
    
12. Сачувајте пројекат у Пхотосхоп .псд формату.
    
    

Ауторска права 2018. Адобе Системс Инцорпоратед. Сва права задржана. Снимке екрана Адобе производа поново су одштампане уз дозволу компаније Адобе Системс Инцорпоратед. Адобе, Пхотосхоп, Пхотосхоп Албум, Пхотосхоп Елементс, Иллустратор, ИнДесигн, ГоЛиве, Ацробат, Цуе, Премиере Про, Премиере Елементс, Бридге, Афтер Еффецтс, ИнЦопи, Дреамвеавер, Фласх, АцтионСцрипт, Фиреворкс, Цонтрибуте, Цаптивате, Фласх Цаталист и Фласх Папер је или су [а] регистровани заштитни знак (и) или заштитни знак (Адобе) компаније Адобе Системс Инцорпоратед у Сједињеним Државама и / или другим земљама.

Видео Упутства: Web Programming - Computer Science for Business Leaders 2016 (Може 2024).