Почетна » Пхотосхоп » Дизајн Веб 2.0 интерфејс у ​​Пхотосхопу

    Дизајн Веб 2.0 интерфејс у ​​Пхотосхопу

    Разумевање овог упутства је разумевање његове технике, помоћу које можете да нацртате неки графички кориснички интерфејс за веб сајт. Сиде навигатион, дугмад, заглавља, на пример. Сви Веб 2.0 стил.

    Покрените ново платно; било које величине. Нешто веће од 450к300пк било би добро. Изаберите Роундед Рецтангулар Тоол и нацртајте правоугаоник велик као што је приказано на слици изнад.


    Двапут кликните на слој Роундед Рецтангулар да бисте покренули Опције мешања. Промените подешавања за следеће стилове.

    Дроп Схадов

    Опацити: 31% Дистанце: 1пк Спреад: 0% Сизе: 5пк

    Бевел анд Ембосс

    Дубина: 100% Величина: 0пк Омекшавање: 0пк

    Градиант Оверлаи

    Двапут кликните на Градиант и поставите следеће тачке заустављања. Локација: 0%, # 1378цд Локација: 100% # 4да5ф0

    Удар

    Величина: 5пк Позиција: Унутрашњи Боја: # 54абф6

    Уметнимо текст, ознаку, УРЛ или нешто. Имајте га у средини и поравнајте десно, тако да се лого може налазити на левој страни касније. Хајде да стилизујемо текст. Користим Луцида Санс Уницоде; 55пт; смоотх; -120 за праћење карактера (размак између слова). Двапут кликните на слој текста и поставите следеће поље Опције мешања.

    Градиент Оверлаи

    Двапут кликните на Градиант и поставите следеће тачке заустављања. Локација: 0%, # 9ец7еб Локација: 100% ецф6фф

    Затим ћете морати да убаците логотип на леву страну текста. Ја ћу користити заобљен правоугаоник са радијусом 5пк да представим лого. Ево га Блендинг Оптион подешавања за округли правоугаоник.

    Унутрашња сенка

    Опацити: 45% Дистанце: 0пк Сизе: 43пк;

    Бевел анд Ембосс

    Дубина: 100% Величина: 0пк Омекшавање: 0пк Хигхлигхт Моде Опацити: 50% СхадовМоде Опацити: 100%

    Градиант Оверлаи

    Двапут кликните на Градиант и поставите следеће тачке заустављања. Локација: 0% # 0е2ф4а Локација: 47% # 001а31 Локација: 48% # 002545 Локација: 100% # 0ф4б7ф

    Удар

    Величина: 5пк Двапут кликните Градиант и поставите следеће тачке заустављања. Локација: 0% # 1468аф Локација: 100% # 50абф8

    Хајде да јој дамо мало сјајног ефекта. Држати ЦТРЛ и леви клик на заобљени правоугаоник Лаиер Тхумбнаил. Када се изабере цео заобљени правоугаоник, промени се у Рецтангулар Маркуее тоол, држати АЛТ и извлачи другу половину одабраног подручја; баш као и на слици изнад.

    Направите нови слој; Повуците га тако да се налази на врху свих слојева; попуните изабрани део белим [#фффффф]; промени непрозирност на 15%.

    Туториал ће се овде завршити. На који начин ћете користити овај дизајн зависи од вас. Помоћу незнатне промене величине и боја, може се користити као веб заглавље или дугмад. Ево неких примера.

    Вебсите Хеадер

    Вебсите Буттонс

    Довнлоад туториал