Главная » Статьи » Скрипты

PhotoShop tools helper
И так приступим к установке:

в head и head ставим это:

Code
<style type="text/css">
#container_bg{ background:transparent;}
#container{ text-align: left;}
.side_menu{ background: transparent; vertical-align: top; padding:3px; width: 1%; text-align: left;}
.toolbar{ width: 57px; height: 399px; background: url(http://funx.net.ru/style_images/tfx_cs3/toolbar.gif) no-repeat 0 0; padding:0;}
.tool_img{ width: 25px; height: 21px; margin: 0 1px 1px 2px;}
.tool_gap{ height: 4px; font-size:0; padding:0; overflow:hidden;}
#dhtmltooltip{ position: absolute; width: 250px; border: 1px solid #646464; padding: 2px; background-color: #ededed; visibility: hidden; z-index: 100;text-align:left; -moz-border-radius: 8px; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;color:#f7f7f7;}
</style>

после ставим это:
Code
<div id="dhtmltooltip"></div>
<script type="text/javascript">

var offsetxpoint=10
var offsetypoint=16  
var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function ddrivetip(thetext, thecolor, thewidth){
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML=thetext
enabletip=true
return false
}
}

function positiontip(e){
if (enabletip){
var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20

var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000

if (rightedge<tipobj.offsetWidth)
tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
else if (curX<leftedge)
tipobj.style.left="5px"
else

tipobj.style.left=curX+offsetxpoint+"px"

if (bottomedge<tipobj.offsetHeight)
tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
else
tipobj.style.top=curY+offsetypoint+"px"
tipobj.style.visibility=" visible"
}
}

function hideddrivetip(){
if (ns6||ie){
enabletip=false
tipobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.backgroundColor=''
tipobj.style.wi dth=''
}
}

document.onmousemove=positiontip

</script>

а это ставьте туда где хотите чтобы была та самая PhotoShop tool helper))
Code
<div id="container_bg">
<table id="container" cellpadding="0" cellspacing="1">

<tbody><tr>
<td class="side_menu" style="width: 57px;">
<div class="toolbar">
<div><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" style="width: 57px; height: 36px;"></div>
<div><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/01.gif width=30 height=25> <b>Rectangular Marquee (Прямоугольная область) ~M~.</b>
Выделение прямоугольной области изображения.

<img src=http://funx.net.ru/style_images/tfx_cs3/02.gif width=30 height=25><b>Elliptical Marquee (Овальная область) ~M~.</b>
Выделение овальной области изображения.

<img src=http://funx.net.ru/style_images/tfx_cs3/03.gif width=30 height=25><b>Single-row Marquee (Горизонтальная строка) ~M~.</b>
Выделение области шириной в один пиксел по горизонтали.

<img src=http://funx.net.ru/style_images/tfx_cs3/04.gif width=30 height=25><b>Single-column Marquee (Вертикальная строка) ~M~.</b>
Выделение области шириной в один пиксел по вертикали.','#000000','#000000')";="" onmouseout="hideddrivetip()"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/11.gif width=30 height=25><b>Move (перемещение) ~V~.</b>
Перемещение выделенной области, слоя или направляющей.','#000000')";="" onmouseout="hideddrivetip()"></div>
<div><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/05.gif width=30 height=25><b>Lasso (Лассо) ~L~.</b>
Выделение криволинейной области произвольной формы. При нажатии клавиши Alt можно создать контур, состоящий из прямых отрезков.

<img src=http://funx.net.ru/style_images/tfx_cs3/08.gif width=30 height=25><b>Polygonal Lasso (Многоугольное лассо) ~L~.</b>
Выделение произвольной многоугольной области. От предыдущего отличается тем, что позволяет достичь более точного выделения.

<img src=http://funx.net.ru/style_images/tfx_cs3/09.gif width=30 height=25><b>Magnetic Lasso (Магнитное лассо) ~L~.</b>
Выделение области изображения полинии цветового контраста. При этом контур выделенной области создается автоматически.','#000000')";="" onmouseout="hideddrivetip()"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/52.gif width=30 height=25><b>Quick Selection (Быстрое выделение)~W~.</b>
Вы можете быстро нарисовать выделение используя кисть.

<img src=http://funx.net.ru/style_images/tfx_cs3/10.gif width=30 height=25><b>Magic Wand (Волшебная палочка) ~W~.</b>
Выделение областей на основе сходства цветов.','#000000')";="" onmouseout="hideddrivetip()"></div>
<div><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/12.gif width=30 height=25><b>Crop (Рамка) ~C~.</b>
Кадрирование (обрезка) изображения.
','#000000')";="" onmouseout="hideddrivetip()"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/47.gif width=30 height=25><b>Slice (Фрагмент) ~К~.</b>
Разбиение изображения на фрагменты, которые впоследствии могут быть преобразованы в гиперссылки.

<img src=http://funx.net.ru/style_images/tfx_cs3/48.gif width=30 height=25><b>Select Slice(Выделение фрагмента) ~К~.</b>
Выделение имеющихся в изображении фрагментов.','#000000')";="" onmouseout="hideddrivetip()"></div>
<div class="tool_gap"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" style="height: 4px;"></div>
<div><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/53.gif width=30 height=25><b>Spot Healing Brush (Восстановление площади) ~J~.</b>
Позволяет легко устранять со снимка нежелательные объекты, занимающие значительную часть кадра.

<img src=http://funx.net.ru/style_images/tfx_cs3/54.gif width=30 height=25><b>Healing Brush (Кисть лечения) ~J~</b>
позволяет удалять дефекты изображения, например, морщины у глаз, или лечить пористую кожу или шрамы, сохраняя при этом все остальные параметры исходного изображения.

<img src=http://funx.net.ru/style_images/tfx_cs3/55.gif width=30 height=25><b>Patch tool ~J~</b>
Данный инструмент предназначен для исправления достаточно больших поврежденных участков по образу и подобию сохранившихся.

<img src=http://funx.net.ru/style_images/tfx_cs3/56.gif width=30 height=25><b>Red Eye ~J~.</b>
Используется для борьбы с эффектом красных глаз на фотографиях.

','#000000')";="" onmouseout="hideddrivetip()"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/14.gif width=30 height=25><b>Pencil (Карандаш) ~B~.</b>
Создание линии с четкими, не размытыми краями.

<img src=http://funx.net.ru/style_images/tfx_cs3/13.gif width=30 height=25><b>Paintbrush (Кисть) ~В~.</b>
Имитация мазков кисти. Края линии нарисованной с помощью кисти несколько размыты..

<img src=http://funx.net.ru/style_images/tfx_cs3/57.gif width=30 height=25><b>Color Replacement(Замена цветов) ~В~</b>
Заменяет выбраный цвет на новый.

<img src=http://funx.net.ru/style_images/tfx_cs3/15.gif width=30 height=25><b>Airbrush (Аэрограф) ~B~.</b>
Создание штрихов с мягкими, размытыми краями.(В новых версиях Photoshop такой кисти нету.)','#000000')";="" onmouseout="hideddrivetip()"></div>

<div><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/16.gif width=30 height=25><b>Clone Stamp (Штамп) ~S~.</b>
Копирование одной части изображения с последующим его наложением на другую часть.

<img src=http://funx.net.ru/style_images/tfx_cs3/17.gif width=30 height=25><b>Pattern Stamp (Штамп узора) ~S~.</b>
Копируется часть произвольного изображения, содержимое которого задается с помощью команды Edit | Define pattern (Редактирование | Определить орнамент).','#000000')";="" onmouseout="hideddrivetip()"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/18.gif width=30 height=25><b>History Brush (Кисть событий) ~Y~.</b>
Возвращение изображения в любой из его предыдущих вариантов. По своему функционированию этот инструмент аналогичен команде Undo (Отменить), но имеет более широкий спектр возможностей.

<img src=http://funx.net.ru/style_images/tfx_cs3/19.gif width=30 height=25><b>Art History Brush (Изобразительная кисть событий) ~Y~.</b>
Закрашивание изображения с помощью стилизованных мазков, имитирующих начертание различных стилей краски.','#000000')";="" onmouseout="hideddrivetip()"></div>
<div><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/20.gif width=30 height=25><b>Eraser (Ластик) ~Е~.</b>
Удаление фрагментов изображения с возвращением к цвету фона или нижележащего слоя изображения. Выполнение команды при нажатой клавише Alt приводит к восстановлению фрагментов или слоев изображения.

<img src=http://funx.net.ru/style_images/tfx_cs3/21.gif width=30 height=25><b>Background Eraser (Фоновый ластик) ~Е~.</b>
Удаление участков фонового изображения.

<img src=http://funx.net.ru/style_images/tfx_cs3/22.gif width=30 height=25><b>Magic Eraser (Волшебный ластик) ~Е~.</b>
Удаление области изображения с заданным цветом.','#000000')";="" onmouseout="hideddrivetip()"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/23.gif width=23 height=25><b>Gradient (Градиент) ~G~.</b>
Создание плавного перехода от одного цвета к другому с использованием множества промежуточных цветов. Paint Bucket (Заливка) <К>. Заполнение одинаково окрашенных областей цветом переднего плана.

<img src=http://funx.net.ru/style_images/tfx_cs3/24.gif width=30 height=25><b>Paint Bucket (Заыливка) ~К~.</b>
Заполнение одинаково окрашенных областей цветом переднего плана.','#000000')";="" onmouseout="hideddrivetip()"></div>
<div><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/25.gif width=30 height=25><b>Blur (Размытие) ~R~. </b>
Уменьшение резкости (контрастности) выбранных фрагментов изображения. Использование этого инструмента при нажатой клавише Alt приводит к увеличению резкости.

<img src=http://funx.net.ru/style_images/tfx_cs3/26.gif width=30 height=25><b>Sharpen (Резкость) ~R~.</b>
Повышение резкости (контрастности) выбранных фрагментов изображения. Использование этого инструмента при нажатой клавише Alt приводит к уменьшению резкости.

<img src=http://funx.net.ru/style_images/tfx_cs3/27.gif width=30 height=25><b>Smudge (Палец) ~R~.</b>
Размывание цвета на каком-либо фрагменте изображения.','#000000')";="" onmouseout="hideddrivetip()"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/28.gif width=23 height=25><b>Dodge (Осветлитель) ~0~.</b>
Осветление выбранных фрагментов изображения. Использование этого инструмента при нажатой клавише Alt приводит к затемнению изображения.

<img src=http://funx.net.ru/style_images/tfx_cs3/29.gif width=30 height=25><b>Bum (Затемнитель) ~0~.</b>
Затемнение выбранных участков изображения. При нажатии клавиши Alt происходит переключение на инструмент Dodge (Осветлитель).

<img src=http://funx.net.ru/style_images/tfx_cs3/30.gif width=30 height=25><b>Sponge (Губка) ~0~.</b>
Изменение насыщенности цветов в изображении.','#000000')";="" onmouseout="hideddrivetip()"></div>
<div class="tool_gap"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" style="height: 4px;"></div>
<div><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/33.gif width=30 height=25><b>Pen (Перо) ~Р~.</b>
Построение контуров из отрезков ломаной линии.

<img src=http://funx.net.ru/style_images/tfx_cs3/34.gif width=30 height=25><b>Freeform Pen (Произвольное перо) ~Р~.</b>
Создание контура произвольной формы.

<img src=http://funx.net.ru/style_images/tfx_cs3/35.gif width=30 height=25><b>Add Anchor Point (Перо+ Добавить опорную точку) ~Р~.</b>
Добавление в контуры новых опорных точек.

<img src=http://funx.net.ru/style_images/tfx_cs3/36.gif width=30 height=25><b>Delete Anchor Point (Перо + Удалить опорную точку) ~Р~.</b>
Удаление из контуров опорных точек.

<img src=http://funx.net.ru/style_images/tfx_cs3/37.gif width=30 height=25><b>Convert Point (Угол + Преобразовать опорную точку) ~Р~.</b>
Преобразование прямоугольных сегментов в криволинейные и наоборот.','#000000')";="" onmouseout="hideddrivetip()"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/44.gif width=30 height=25><b>Type (Текст) ~Т~.</b>
Создание в изображении надписей на отдельном текстовом слое.

<img src=http://funx.net.ru/style_images/tfx_cs3/58.gif width=30 height=25><b>Type mask (Текстовая маска) ~Т~.</b>
Делает выделение в форме текста.','#000000')";="" onmouseout="hideddrivetip()"></div>
<div><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/31.gif width=30 height=25><b>Path Component Selection (Выделение элементов контура) ~А~.</b>
Выделение векторных форм и сегментов векторных контуров с опорными точками и направляющими линиями.

<img src=http://funx.net.ru/style_images/tfx_cs3/32.gif width=30 height=25><b>Direct Selection (Стрелка частичное выделение) ~А~.</b>
Выделение и перемещение опорных точек и сегментов контуров.','#000000')";="" onmouseout="hideddrivetip()"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/38.gif width=30 height=25><b>Rectangle (Прямоугольник) ~U~.</b>
Создание прямоугольной векторной формы.

<img src=http://funx.net.ru/style_images/tfx_cs3/39.gif width=30 height=25><b>Rounded Rectangle (Скругленный прямоугольник) ~U~.</b>
Создание прямоугольной формы со скругленными углами.

<img src=http://funx.net.ru/style_images/tfx_cs3/40.gif width=30 height=25><b>Ellipse (Эллипс) ~U~.</b>
Создание овальной формы.

<img src=http://funx.net.ru/style_images/tfx_cs3/41.gif width=30 height=25><b>Polygon (Многоугольник) ~U~.</b>
Создание многоугольной формы.

<img src=http://funx.net.ru/style_images/tfx_cs3/42.gif width=30 height=25><b>Line (Линия) ~U~.</b>
Создание прямых линий.

<img src=http://funx.net.ru/style_images/tfx_cs3/43.gif width=30 height=25><b>Custom Shape (Пользовательская форма) ~U~.</b>
Вставка в изображение предварительно созданных пользовательских форм.','#000000')";="" onmouseout="hideddrivetip()"></div>
<div class="tool_gap"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" style="height: 4px;"></div>
<div><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/06.gif width=30 height=25><b>Notes (Примечания) ~N~.</b>
Вставка текстовых примечаний на холсте изображения.

<img src=http://funx.net.ru/style_images/tfx_cs3/07.gif width=30 height=25><b>Audio Annotation (Звуковое сопровождение) ~N~.</b>
Создание звуковых комментариев к изображению с помощью микрофона при наличии соответствующего оборудования.','#000000')";="" onmouseout="hideddrivetip()"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/49.gif width=30 height=25><b>Eyedropper (Пипетка) ~I~.</b>
Отбор образца цвета. Цвет, отобранный из точки на изображении, становится цветом переднего плана.

<img src=http://funx.net.ru/style_images/tfx_cs3/50.gif width=30 height=25><b>Color Sample (Отбор цветов) ~I~.</b>
Получение информации о цвете нескольких точек одновременно.

<img src=http://funx.net.ru/style_images/tfx_cs3/51.gif width=30 height=25><b>Ruler (Линейка) ~I~.</b>
Измерение расстояний между любыми точками изображения, а также углов наклонных линий в изображении.','#000000')";="" onmouseout="hideddrivetip()"></div>

<div><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/45.gif width=30 height=25><b>Hand (Рука) ~Н~.</b>
Перемещение изображения в пределах окна документа','#000000')";="" onmouseout="hideddrivetip()"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/46.gif width=30 height=25><b>Zoom (Масштаб) ~Z~.</b>
Увеличение или уменьшение (при нажатой клавише Alt) масштаба просмотра изображения.','#000000')";="" onmouseout="hideddrivetip()"></div>
</div>
<img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" style="width: 57px; height: 1px;">
</td></tr></tbody></table>
</div>

В этом и все.Удачи и до скорого на www.FunX.Net.Ru

Источник: http://s47.radikal.ru/i118/0903/28/069fdf8495bc.jpg
Категория: Скрипты | Добавил: admin (06.03.2009)
Просмотров: 634 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Профиль
Гость

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

Категории раздела
Скрипты [41]

Поиск

Наш опрос
Сколько паролей Вы используете?

Всего ответов: 256

Друзья сайта

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Облако тегов


Copyright MyCorp © 2024
Бесплатный конструктор сайтов - uCoz | Design by Daemond Studio.