Уроки создания сайта - Создания эффекта "матрицы"
Уроки создания сайтов База знаний для веб-мастера Woolfs.Ru - это источник знаний для веб-мастера, любителей Интернета, мира IT технологий и всего прогрессивного. Мы собираем только лучшие статьи и литературу, скрипты и шаблоны для сайтов, белые базы каталогов для раскрутки сайта и многое другое.. Стань автором - опубликуй интересную другим пользователям статью на сайте! Создания эффекта "матрицы" 12.09.2008 г.
Давольнатаки любопытный наука создания имитации фона "матрицы". Вот эти самые буковки-циферки, бегущие по экрану - ещё единственный нужный урок Photoshop. Откройте свежеиспеченный протокол любого размера. Залейте его черным цветом. Создайте свежий слой и выберите инструмент - Контент. Сегодня мы приступаем к созданию того непонятного текста, тот, что мелькает на фоне слова "Матрица" Как мы будем это работать?
Вы можете потратить пол дня набирая на клавиатуре странные комбинации значков. А можете свершить так: Откройте папку с любыми фотками, выберите там какое-нибудь изображение. Не открывайте до картинки! Легко определите и нажмите клавишу F4 Перед вами появится так называемый бинарный файл!
Вот такая тарабарщина нам и нужна! Как вы помните текст в Матрице, во-первых, расположен вертикально, а во-вторых, светится на черном фоне. Значит, будем воспроизводить. Скопируйте кусок этого текста, чтобы в дальнейшем вклинить его в Фотошоп документ. Следовательно, вернемся в Photoshop. Инструмент у вас под рукой? Отменно!
Выберите тип размещения текста - вертикальный. Далее откройте палитру Character Paragraph для чего нажмите сюда кроме того в настройках. Выберите подходящий компьютерный шрифт, к примеру Courier New. Охват - 6 px. Выберите цвет текста - зеленый. 10 раз нажмите по ней. Копированный текст переехал на 10 px. Поменяйте габарит шрифта новому слою с текстом на 8 px. Измените порядок смешивания слоев на Linear Dodge. Дублируйте слой с текстом.
Стрелкой переместите его на 15 px направо. Измените размер шрифта на 10 px и оставьте местоположение в 30 px. OK. Не утомились? А сейчас поработаем над беспорядочностью. Кликните на маску слоя, которая находится внизу палитры слоев. Установите цвета - белый черный Выберите в меню Filter»Render»Clouds потом Image»Adjustments»Brightness Contrast. Примените ещё один фильтр Filter»Blur»Gaussian blur Важность приблизительно 20 px.
Проделайте эти действия с тремя текстовыми слоями и они станут смотреться намного лучше, но мы еще не закончили. Необходимо привосокупить еще больше промежутков в тексте. Для этого мы вновь воспользуемся маской. Создайте новоиспеченный сет, кликая на значке с пакой в палитре слоев. Перетащите туда три слоя с текстом. Удостоверьтесь, что сет активен и кликните на значок маски слоя. На тот самый раз маске мы уделим побольше времени, чем в былой раз.
Выберите инструмент кисть и установите твердую, круглую кисть размером в 6 px. Убедитесь, что черный цвет стоит в качестве основного! Начните изображать вдоль полосок с текстом. Стирая середины некоторых строчек вы добьетесь эффекта разрыва, подобно тому как строчка сама по себе падает вниз. Постарайтесь снизу постирать больше, чем вверху.
Помните, что если стерли лишнего, то можете воссоздать потерю переключившись на белый цвет. В этом и содержится прелесть маски слоя! В настоящий момент добавим тексту свечения. Дублируйте любой текстовый слой. Примените к этому слою фильтр "gaussian blur" с параметром в 1.5 px.
Еще раз кликните по значку маски и примените фильтр "render clouds". Без малого готово! Создайте новый слой поверх сета с текстовыми слоями. H" чтобы укрыть выделение. Установите белый цвет в качестве основного и закрасьте те части текста, которые стоит выделить, в частности обрывки строк. Если цвет и насыщенность букв вас не устраивает, то откройте окно hue saturation и поиграйте с настройками.
А в настоящее время пришло час для ключевых слов! Создайте новый слой на самом верху. Напишите текст белым цветом и дублируйте слой дважды. Растеризируйте все три текстовых слоя. Перейдите на что ни на есть нижний. И кликните на блокировке в виде прозрачных пикселей. Заполните слой цветом, который вы использовали для фоновых букв и уберите блокировку.
Сделайте то же самое для среднего слоя. Ныне придайте ему мало размытия - фильтр gaussian blur, примерно 2 или 3 px. Следом возьмите инструмент перемещения и 1 или 2 раза кликните стрелкой клавиатуры вправо или налево. Можете воспроизвести это с другими буквами. Соедините слои вкупе. Вот и готово!
Надеюсь, что этот урокбудет полезным для вас Прибавить комментарий JComments Добавить статью в социальные закладки: След. Возвратиться Статьи по теме: Иконки. Что такое RSS? Подписаться! Статьи по разделам Как сотворить сайт?
По материалам http://woolfs.ru/content/view/157/52/