Web slider в 12 лесни стъпки
13-11-2012
Здравейте, в този урок ще ви покажа как да си направите уеб слайдър.
[1] Направете нов документ (размерите не са от значение)

[2] Изберете Rectangle Tool (U) и направете форма (моята е с размери 750х350px и цвят #e5e5e5)

[3] Кликнете 2 пъти върху слоя с формата и приложете следните настройки:


[4] Маркирайте формата (CTRL+CLICK върху слоя)
[5] Select -> Modify -> Contract: 10px -> OK
[6] Направете нов слой, вземете Gradient Tool и запълнете с произволни цветове (аз използвам: #49aa08 и #186500),
след това двоен клик в/у слоя със следните настройки:

трябва да получите нещо такова:

[7] Вземете Rectangular Marquee Tool (50x50px) и направете селекция (квадрат).Позиционирайте я в единия край
(оцветеният слой трябва да бъде избран) и натиснете Del. След това приложете отново стъпка [7] и за другия
край на формата. Трябва да получите това:

[8] Изберете Custom Shape Tool (U) и изберете съответната стрелка (ако нямате заредени всички форми, в горния
десен ъгъл има бутонче с триъгълниче, натискате в/у него и избирате Arrows) и направете бутоните.
[9] Запълнете ги с цвят (моят е #212121). Трябва да получите:

[10] Вземете Ellipse Tool (U) и направете 6 правилни кръга (всеки кръг да е на нов слой) (със задържан SHIFT се прави правилен кръг) и ги
запълнете с цвят (моят е #171717), като последният запълнете с друг цвят (моят е #0075a0).
[11] Кликнете 2 пъти в/у слоя с последния кръг (различно оцветения от останалите) и приложете следните настройки:

Трябва да получите това:

[12] Запълнете с произволен текст/картинки и т.н.
Краен резултат:

Урокът е авторски и е направен специално за web-tourist



/ Трябва да сте регистриран за да напишете коментар /
От: Hous
23:29 13-11-2012
Ами... супер е като трудност и обяснение,но не ми харесва това зелено/син1о съчетание.
Но пак казвам всеки може да си смени цвета ,а не всеки може да го направи сам.Браво :)
От: Jorko
16:53 14-11-2012
Браво за урока. Но сега им пусни и един урок как да се кодира ще е супер :)
От: M1tq96
20:27 14-11-2012
@Jorko това пак е най-лесното ... един прост JS и си готов .. но може да намериш и много скриптове онлайн .. ;)
От: Jorko
21:42 14-11-2012
@m1tq96 мите аз мога но въпросът тук, е че някой немога :)
От: Nazi_93
17:01 15-11-2012
Не съм много запознат с JS, затова ако някой иска да го кодира и да направи урок, нямам нищо против.
От: Hous
17:09 13-01-2013
То не само JS , трябва малко HTML и CSS ,че да се кодира...
jquery/js си е само за функционалността.
Правилно е сложен урока в PS ,а не във code/php/html
::))
От: mo7ika
7:57 15-03-2013
Видео урокът в youtube пак от теб ли е?
1