Пятница, 17.05.2024, 13:22
Меню сайта
    Форма входа
    Категории раздела
    скрипты для ucoz сайта [3099]
    шаблоны для ucoz скачать [2660]
    Иконки групп для форума [25]
    Графика для сайта [1953]
    шаблоны psd для фотошопа [27]
    кисти для фотошопа [39]
    уроки фотошопа на русском языке [4]
    стили для фотошопа [3]
    шрифты для фотошопа cs4 [12]
    Web-master [3058]
    Поиск
    Календарь
    Архив записей
    Наш опрос
    Умеете ли вы писать скрипты для ucoz?
    Всего ответов: 73
    Мини-чат
    200
    Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Главная » 2009 » Июнь » 25 » PhotoShop tool helper
    23:27
    PhotoShop tool helper
    У кого есть сайт про PhotoShop думаю вам это поможет.
    Выглядит так.

    При наведении мышки на любую из этих иконок будет вылезать окошко с описанием.

    ример можно посмотреть на этой странице http://megabig.at.ua/
    И так приступим к установке:

    в 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://megabig.at.ua/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://megabig.at.ua/style_images/tfx_cs3/spacer.gif" alt="" style="width: 57px; height: 36px;"></div>
    <div><img src="http://megabig.at.ua/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://megabig.at.ua/style_images/tfx_cs3/01.gif width=30 height=25> <b>Rectangular Marquee (Прямоугольная область) ~M~.</b>
    Выделение прямоугольной области изображения.

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

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

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

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

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

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

    <img src=http://megabig.at.ua/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://megabig.at.ua/style_images/tfx_cs3/spacer.gif" alt="" style="height: 4px;"></div>
    <div><img src="http://megabig.at.ua/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://megabig.at.ua/style_images/tfx_cs3/53.gif width=30 height=25><b>Spot Healing Brush (Восстановление площади) ~J~.</b>
    Позволяет легко устранять со снимка нежелательные объекты, занимающие значительную часть кадра.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    <img src=http://megabig.at.ua/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://megabig.at.ua/style_images/tfx_cs3/spacer.gif" alt="" style="height: 4px;"></div>
    <div><img src="http://megabig.at.ua/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://megabig.at.ua/style_images/tfx_cs3/33.gif width=30 height=25><b>Pen (Перо) ~Р~.</b>
    Построение контуров из отрезков ломаной линии.

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

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

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

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

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

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

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

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

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

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

    <img src=http://megabig.at.ua/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://megabig.at.ua/style_images/tfx_cs3/spacer.gif" alt="" style="height: 4px;"></div>
    <div><img src="http://megabig.at.ua/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://megabig.at.ua/style_images/tfx_cs3/06.gif width=30 height=25><b>Notes (Примечания) ~N~.</b>
    Вставка текстовых примечаний на холсте изображения.

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

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

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

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

    В этом и все.Удачи и до скорого на www.MegaBig.at.ua

    Категория: скрипты для ucoz сайта | Просмотров: 514 | Добавил: MegaForum | Рейтинг: 0.0/0
    Всего комментариев: 4
    4 Ra1teR  
    0
    за ссылку на сайт спс для фотошопа скачаю ченить

    3 Azam1  
    0
    Я не очень понял!!!

    2 KilleR-[RU]  
    0
    Прикольно)

    1 DAUR_AKTOBE_KZ11  
    0
    mmm posmotrim cho poluchica jas postavlu)) happy happy

    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]