Как да създадете професионален заглавен уебсайт в Photoshop

Photoshop CC 2014 е идеален инструмент за проектиране на професионални изображения за вашия уеб сайт, включително банери. Когато проектирате първия си банер, запазете дизайна прост, така че графиката да не е претоварена с твърде много визуална информация. Ако вашият бизнес има фирмени цветове и фирмен шрифт, със сигурност можете да използвате тези в банера.

Стъпка 1
Стартирайте Photoshop. Натиснете "Ctrl-N" или изберете "Ново" от менюто Файл. В диалоговия прозорец задайте височината и ширината на банера, като ширина 900 пиксела и висока 150 пиксела. Щракнете върху "OK."

Стъпка 2
Изберете твърд фонов цвят за банера, ако желаете. За да направите това, щракнете върху иконата "Цвят на преден план" в лентата с инструменти и изберете цвят, след това щракнете върху "Инструмент за правоъгълник" и го плъзнете по целия банер. В този урок обаче ще се припокриват два градиента, вместо да се използва солиден фон.

Стъпка 3
Кликнете върху инструмента "Градиент" в кутията с инструменти. Кликнете върху менюто "Fill" в лентата с опции и изберете черно-белия градиент от наличните предварителни настройки. Кликнете някъде над банера в платното и плъзнете курсора под банера. Отпуснете бутона на мишката, за да приложите градиента.

Стъпка 4
Щракнете върху "Хоризонтален инструмент за текст" в кутията с инструменти. Плъзнете курсора върху банера, за да създадете текстово поле. Използвайте менютата в лентата с опции, за да зададете шрифт, размер на шрифта и цвят. Преместете текстовото поле, така че да е центрирано от лявата страна на банера.

Стъпка 5
Изберете "Отваряне" от менюто Файл и изберете изображение от компютъра, което искате да използвате за банера си. като лого на компанията, снимка на себе си или продукт, който продавате. Когато изображението се отвори, изберете "Duplicate" от менюто Layer. Променете дестинацията до заглавния си файл, който ще се нарича "Untitled-1", освен ако вече не сте го запазили. Кликнете "OK", за да добавите изображението като нов слой към вашия банер.

Стъпка 6
Изберете "Transform" от менюто Edit и след това кликнете върху "Scale". В повечето случаи цялото изображение няма да се вижда на тесен банер, но очертанието му се вижда след като изберете „Мащаб“. Плъзнете всеки ъгъл на очертанието на изображението, за да го преоразмерите за вашия банер. Задръжте натиснат клавиша "Shift", докато плъзгате, за да заключите пропорцията. Натиснете "Enter". Плъзнете изображението, така че да е от дясната страна на банера.

Стъпка 7
Кликнете върху иконата "Цвят на преден план" в лентата с инструменти, за да отворите инструмента за избор на цвят. Кликнете някъде от дясната страна на банера, за да съответства на цвета му в инструмента за избор на цвят и след това щракнете върху "OK".

Стъпка 8
Изберете "Rectangle Tool" от Toolbox. Кликнете върху менюто "Fill" и след това изберете иконата "Gradient" в горната част на опциите на менюто. Плъзнете курсора през банера от лявата страна на изображението чак до левия ръб на банера. Прави правоъгълник с градиент, използвайки цвета, който съвпада с картината.

Стъпка 9
Намерете слоя "Правоъгълник 1" в панела "Слоеве", който е слоят, съдържащ правоъгълника на градиента, който току-що сте добавили , Плъзнете този слой надолу, за да го направите третия слой отгоре - под "Layer 1" и слоя, съдържащ текста. Кликнете върху менюто „Непрозрачност“ в горната част на панела „Слоеве“ и плъзнете плъзгача така, че да е около 50 процента. Използването на полупрозрачен горен градиент позволява да се слее с градиента под него, създавайки богат фон.

Стъпка 10
Изберете слоя, съдържащ вашия текст в панела Layers. Кликнете върху менюто "Layer", изберете "Layer Style" и след това натиснете "Bevel & Emboss". Уверете се, че менюто Стил е настроено на „Релеф“ и плъзнете плъзгача „Дълбочина“ наляво - около „225“ процента, за да добавите само малко от този ефект към текста.

Стъпка 11
Щракнете върху опцията "Satin" в прозореца Layer Style. За този стил използвайте режим на смесване на „Умножение“ и намалете непрозрачността до около „15“ процента. Това съчетава сатен стил с стила на релеф. Ако желаете, коригирайте настройките и натиснете "OK".
Запазете изображението като уеб-оптимизиран банер, като изберете "Save for Web" от менюто File. Изберете "JPEG" от менюто Формат и използвайте Качество на изображението между 75 и 80%. Това създава изображение с малък размер на файла, който бързо се зарежда от всеки уеб браузър, без да се жертва качеството на изображението. Кликнете върху „Запазване“ и изберете място за съхранение на файла на компютъра. След като затворите Photoshop, добавете файла към уеб страницата си
URL:https://bg.whycomputer.com/soft/100200293.html