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

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Главная » 2009 » Май » 26 » Анимированный текст со звездочками, текстовый спецэффект
    23:00
    Анимированный текст со звездочками, текстовый спецэффект

    Для начала создайте новый документ с размерами 160х210. Фон можно залить линейным градиентомНапишите текст светло-голубого цвета, желательно использовать шрифт с "толстыми" буквами (рис. а). В этом уроке я закруглил углы текста (рис б), но если у вас есть соответствующий шрифт, вы можете использовать его. Выделите текст (кликните на слое с текстом при нажатой клавише Ctrl) и создайте новый слой. На новом слое залейте выделение тёмно-синим цветом, как показано на рисунке с.

    а b c

    Шаг 2
    Теперь нужно сжать выделенную область, для этого selection > modify > contract на 7 пикселов и растушевать немного select > feather (кол-во пикселов выбирайте в зависимости от вашего конкретного случая, я оставляла 7), затем удалите содержимое выделения (Del), результат у вас должен получиться примерно такой - рисунок а. Мы хотим, чтобы звёзды были только внутри текста, поэтому нам нужен слой, который бы скрывал звёзды вне текста. Продублируйте фоновый слой и переместите его на самый верх. Перейдите на слой со светло-голубой буквой S и выделите её. Затем перейдите на слой-дубликат фона (рис б) и нажмите Del - появится буква S.

    a

    b

    Шаг 3
    Теперь нам нужно создать звёзды, для этого выбираем shape tool и жмём на стрелочку, обведённую красным, затем на стрелочку, обведённую зелёным. Появится меню всех групп фигур для этого инструмента. Выбираете в списке группу Shapes, жмёте Ок и ищете фигуру звёздочки.

    Шаг 4
    На новом слое (назовём его Stars1) рисуем ярко-голубую звёздочку и выделяем её. Создаём новый слой ниже и закрашиваем выделение белым. Белую звёздочку с помощью трансформации Ctrl+T (держите при этом Shift) делаем чуть больше. Она должна смотреться как обводка голубой звёздочки. Затем объедините оба слоя со звёздами Ctrl+Е и копируя эту звезду сделайте ещё 2 звёздочки разного размера. Объедините слои со звёздами.

    Шаг 5
    Продублируйте слой со звёздами несколько раз и расположите их как вам захочется, у некоторых слоёв поменяйте цветовой тон image > adjustments > hue/saturaion. Когда закончите, опять объедините все слои со звёздами, сделайте дубликат и назовите его stars 1b. Перетащите го вверх следующим образом:

    =>

    Шаг 6
    Переходим в ImageReady и делаем самый верхний слой с фоном, который прячет ненужные звёздочки невидимым. Это нужно для того, чтобы сделать звёзды анимированными, но в конце мы снова сделаем этот слой видимым. После этой операции картинка должна выглядеть как на рисунке b. Панель анимации должна содержать 1 кадр с задержкой 0,1с (рис с). А слои со звёздами должны быть связаны (рис d)

    а b c d

    Шаг 7
    Теперь создаёт 2й кадр (скопируйте 1й), который потом будет последним, и переместите слой 1а вниз так, чтобы он почти весь был за рамками холста (рис с). Теперь нужно создать промежуточные слои. Кликаем на иконку tween animation frames (рис d)

    а b c d

    Шаг 8
    Появится окошко, в котором мы должны ввести кол-во промежуточных кадров, вводим цифру 7, жмём Ок и теперь в целом у нас есть 9 кадров. Теперь мы должны сделать видимым верхний слой с фоном. Для этого выделяем 9й кадр (рис б), зажимаем Shift и кликаем на 1й кадр - все кадры будут выделены. Делаем слой с фоном видимым в панели слоёв и он должен стать видимым на всех кадрах.

    а b c d

    Шаг 9
    Теперь всё, что нужно сделать - это открыть закладку optimize, уменьшить цвета до например 64 (рис а) и сохранить анимацию file > save optimized as. Всё )

    а

    Результат

    Жду ПЛЮС

    Взято с http://soft-live.ucoz.ru/forum

    Категория: Графика для сайта | Просмотров: 352 | Добавил: cklark | Рейтинг: 0.0/0
    Всего комментариев: 3
    3 cklark  
    0
    у меня на компе 2 версии фотошопа cs2 и cs3 и они англ и рус версии XD biggrin

    2 Skaiman  
    0
    Немного понятьнее описал про другое но принцип тот же.
    1.1. Откройте файл с вашей картинкой.
    1.2. Измените размер изображения до необходимого Изображение > Размер изображения или Alt+Ctrl+I.
    1.3. Преобразуйте фон в слой (двойной клик по замочку в палитре Слои).
    1.4. Увеличьте размер холста по ширине в 3 раза (подменю Изображение > Размер холста или Alt+Ctrl+С.
    1.5. Дважды продублируйте (Жмем правой клавишей мыши на слой в палитре слои и Создать дубликат слоя).
    1.6. С помощью инструмента (Черная стрелочка с крестиком в панели инструментов) расположите слои как показано на рисунке, не забудте переключаться между слоями.
    1.7. Слой в середине документа отразите по горизонтали Редактирование > Трансформирование > Отразить по горизонтале.
    1.8. Объедините все три слоя (правой клавишей мыши в палитре Слои жмем на основной слой > Объединить видимые в выпадающем меню палитры).
    1.9. Выделите объединенный слой Ctrl+A.
    1.10. Копируйте слой Ctrl+C.
    1.11. Вставьте слой Ctrl+V в новый документ Ctrl+N вашего будущего шедевра. Размеры нового документа: высота равна высоте вставляемого слоя, ширина в 3 раза меньше.
    1.12. В палитре Анимация (Окно > Анимация) дублируем кадр (нажимаем квадратный листик с отогнутым краем), в новом кадре перемещаем слой фона от одного края к другому и с помощью функции Черной стрелочки с крестиком, создаем промежуточные кадры ( чуть сместили, дублируем).
    Последний кадр полностью дублирует первый, поэтому мы его удаляем.
    Что б анимация была циклической под первым кадром в палитре Анимация жмем стрелочку и ставим Forever.
    Можно выставить время кадров: Выделяем все кадры, жмем на беленькую стрелочку и выбираем время кадров.
    Если в анимации резкий переход от последнего кадра к первому надо сделать копии кадров в обратном порядке: для этого выделяем все кадры жмем кнопочку в правом верхнем углу и выбираем Копировать кадры (Copy Frames) потом Вставить кадры (Paste Frames) и в окне параметров вставки Paste After Selection (В конец кадров). Кадры вставились в том же порядке, теперь их надо обратить: опять на кругленькую кнопочку в правом верхнем углу и Reverse Frames.
    Теперь сохраняем анимацию: Файл > Сохранить для Web и новом открывшемся окне выбирайте GIF, в Image Size измените размер разрешения до нужного и Save.
    То что писал по английски, значит у меня так, понять не трудно, разжевал.
    Удачи фотошоперы! Картинку не могу показать у пользователей ВВ коды запрещены. http://for4ucoz.ucoz.com/news/2009-05-26-82 здесь посмотрите.

    1 V1AD  
    0
    Лично я не понял dry

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