Шрифт как в матрице для фотошопа
В этом уроке вы узнаете, как заполнить текст жидкостью и создать фосфоресцирующий эффект.
Сложность урока: Средний
В этом уроке программы Photoshop я покажу вам, как создать текст в виде наполняющегося жидкостью сосуда. Вначале мы создадим узор для жидкости, а затем добавим текст из кружочков в качестве сосуда для наполнения жидкости. Вы узнаете, как заполнить текст жидкостью, а также как создать фосфоресцирующий эффект. Итак, давайте приступим!
Итоговый результат:
Шаг 1
Сначала мы создадим узор для голубой жидкости. Создайте новый документ 10 x 10 px, далее перейдите Просмотр – Показать – Сетку (View > Show > Grid) для активации сетки, а затем перейдите Просмотр – Привязать к – Линиям сетки (View > Snap To > Grid), чтобы привязать к сетке. Нажмите клавиши (Ctrl + K), чтобы появилось окно Установки (Preferences), далее, выберите настройку Направляющие, сетка и др. (Guides, Grid & Slices) и установите настройки, которые указаны на скриншоте ниже. В течение всего урока, я буду отключать видимость сетки (Ctrl + ‘), чтобы вам было лучше видно. Сетка облегчит вам работу при создании фигур.
Шаг 2
Как только вы нарисовали фигуры, сохраните созданный узор, для этого перейдите Редактирование – Определить узор (Edit > Define Pattern). Дайте название своему узору, а затем нажмите кнопку ‘OK’.
Шаг 3
Нажмите клавиши (Ctrl+N), чтобы создать новый документ со следующими размерами 2000 x 1000 px.
Шаг 4
Убедитесь, что вы находитесь на слое с Задним фоном (Background layer). Щёлкните по замочку, чтобы разблокировать его.
Щёлкните правой кнопкой мыши по разблокированному слою и в появившемся окне выберите опцию Преобразовать в Смарт-объект (Convert to Smart Object), а затем перейдите Фильтр – Шум – Добавить шум (Filter > Noise > Add Noise). Установите настройки для данного фильтра, которые указаны на последнем скриншоте ниже.
Шаг 5
Выберите инструмент Горизонтальный текст (Horizontal Type Tool). Установите шрифт Fortuna Dot.
Шаг 6
К слою с текстом, примените стили слоя с настройками, которые указаны на скриншотах ниже.
Для стиля слоя Наложение узора (Pattern Overlay), используйте узор Hex Metal Mesh из набора узоров “Metal Mesh Patterns – Pack 1”.
Шаг 7
Нарисуйте следующую векторную фигуру. Постарайтесь создать контур вдоль средней части кружков текста, как бы протыкая их, как показано на скриншотах ниже.
Примечание переводчика: не обязательно, чтобы контур фигуры проходил через все кружки текста.
Шаг 8
Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя с текстом, чтобы загрузить активное выделение.
Как только вы добавили слой-маску, нажмите клавиши (Ctrl+D), чтобы отменить активное выделение.
Шаг 9
К слою с нарисованной синей векторной фигурой, примените следующие стили слоя с настройками, которые указаны на скриншотах ниже.
Для стиля слоя Наложение узора (Pattern Overlay), используйте узор, который мы создали в начале этого урока.
Предварительный просмотр Matrix Code NFI
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
b>Сopyright | Copyright (c) Charlotte Iona Dymock, 2000. All rights reserved. |
b>Семейство | Matrix |
b>Начертание | Regular |
b>Идентификатор | CharlotteIonaDymock: Matrix: 2000 |
b>Полное название шрифта | Matrix |
b>Версия | 2000; 1.0, initial release |
b>PostScript название | Matrix |
b>Изготовитель | Matrix |
b>Размер | 10 Kb |
Предварительный просмотр Matrix
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Предварительный просмотр Matricha
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Информация о шрифте Matrix_vs_Miltown
Matrix_vs_Miltown Regular 400
400 - нормальное (Normal)
Version 1.1; 2001
Apostrophe(')andVEDI.Distributefreely.: Matrix_vs_Miltown: 2001
Copyright (c) Apostrophe (') and VEDI. Distribute freely., 2001. All rights reserved.
латинские буквы, русские буквы (кириллица), цифры, знаки препинания и пунктуации
верхний (прописные буквы) и нижний (строчные буквы)
Предварительный просмотр Matrix_vs_Miltown
Предварительный просмотр шрифта «Matrix_vs_Miltown» с прописными и строчными латинскими буквами (английский алфавит A-Z и a-z ).
Предварительный просмотр шрифта «Matrix_vs_Miltown» с прописными и строчными русскими буквами (кириллица, русский алфавит А-Я и а-я ).
Предварительный просмотр шрифта «Matrix_vs_Miltown» с цифрами ( 0 1 2 3 4 5 6 7 8 9 ).
Подробная инструкция по скачиванию шрифтов в статье «Как скачать шрифт на сайте»
Как установить шрифт Matrix_vs_Miltown на сайт
Для установки шрифта «Matrix_vs_Miltown» на сайт необходимо скопировать все файлы шрифта в папку, например, «fonts/matrix-vs-miltown». В файле стилей подключить шрифт, используя конструкцию CSS:
Установить шрифт «Matrix_vs_Miltown» для требуемого текста, поля, кнопки или другого элемента на сайте:
Пример применения шрифта «Matrix_vs_Miltown»:
Подробная инструкция по установке шрифтов в статье «Как установить шрифт»
Читайте также: