Создаем текст в стиле Симс 3

Этот урок поможет вам научиться создавать текст в стиле Sims 3 при помощи Photoshop CS3.

​

Для работы нам обязательно потребуется шрифт SimLLHP (официальный шрифт, который используется в "The Sims").

Скрытое содержание:

Скрытый текст: Содержание могут увидеть только группы: Администратор, Куратор, Модератор, Разработчик, СоАдминистратор, Юзер.

Извлеките его из архива и поместите в C:\WINDOWS\Fonts. Если у вас уже есть этот шрифт, то приступайте к Шагу 1.

Шаг 1.
Откройте Фотошоп и создайте новое окно. Размеры моего окошка составляют 600 на 400 пикселей.

​

Залейте фон каким-либо темным цветом, чтобы мы могли видеть белый текст с которым будем работать дальше. Я сделал фон цветом [#16395D].

​

Шаг 2.
Создайте новый слой, выберите инструмент «Текст» и напишите любое слово, из которого вы будете делать текст похожий на Симс 3. Я написал Darasims.com.

​

*** Дальше будьте очень внимательны с описанием и скриншотами, если хотите, чтобы у вас получилось с первого раза! ***

Шаг 3.
Щелкните правой кнопкой мыши на слой с текстом и сделайте его копию.

​

Новый слой со словом «Копия» поместите под оригинал.

​

Шаг 4.
К скопированному слою примените обводку в 7 пикселей цветом [#00529B]

​

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

​

После этого спрячьте слой, с оригинальным текстом, нажав на иконку глаза возле него.
Создайте новый чистый слой и поместите его под слой, к которому применена обводка, а затем объедините их.
У вас должно получиться так:

​

Шаг 5.
Сейчас мы должны применить к видимому слою голубую обводку цветом [#008FD6].

​

После добавления обводки проделываем то же, что и в предыдущем пункте:

После чего дублируйте этот же слой. У вас должно получиться так:

​

Второй слой со словом «Копия» сделайте невидимым, убрав с него иконку глаза.
А ко второму оригинальному слою примените наложение цвета [#003C78]

​

Шаг 6.
Вновь сделайте второй слой с копией видимым.
Выберите инструмент перемещение и кликните по второму оригинальному слою, затем на клавиатуре нажмите на стрелки 5 раз вправо и 4 вниз, в итоге должно выйти так:

​

Теперь слой с текстом, который мы сделали скрытым в 4 пункте, сделайте вновь видимым

​

и примените к нему следующие стили:
– добавьте тень цветом [#000000]
– и тиснение, где режим подсветки сделайте цветом [#F0FF00] и режим тени [#1A1B11]
Не забудьте учитывать и другие параметры, которые приведены на скриншоте ниже:

​

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

​

Автор урока: Симоман
Скриншоты: Streetracer
Запрещены копирование и публикация
без разрешения администрации сайта​

 

вот я сделала три варианта, последний, кажется, удался))
картинка тыкабельная)

Люди вы чо Оо прокомментруйте, чтоли.. т_Т

 

Владость, отлично!! У тебя все правильно получилось! Молодец

 

Вот что у меня получилось в 1 раз

 

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



И еще текст получился сильно пиксельный. Его необходимо было сгладить, для этого используется такая комбинация: нажимаешь на слой с текстом правой кнопкой мыши и выбираешь в опциях: Жесткое сглаживание. Тогда текст будет гладкий и аккуратный.

Да, кстати, заметил, что у тебя картинка в формате gif. Лучше сохранять в формате png, если ты хочешь, чтобы у изображения небыло фона и изображение так сильно не сжимало.

 

Спасибо за совет! . Попробую снова ))


Вот попытка во 2ой раз

 

Не понятно написал
Вот.
В первый раз делаю подобное.
Можете закидать сладкими персиками

 

Симоман, спасибо большое за урок! А вот мой вариант:

 

Никита, молодец!! Ты отлично справился!


Streetracer, поздравляю! все правильно и аккуратно!

 

интересно сделано) если кстати зажать shift + 1(2,3,4,5,6,7,8,<,>,\) то будет разные иконки

 

Вот что у меня получилось

 

Симолеон, ну почти правильно! ;)

Takuzuka, красота!

угумс

 

Не получается ,Объясните пожалуста

 

Симолеон, когда вводите текст, можно нажать шрифт и ( вышеупомянутые кнопки) и появляется небольшая иконка из симса, в моем случае это был домик(вроде как > или < )

 

ВаУ, очень крутой тутор!

 

А вот что вышло у меня:


Очень лёгкий туториал! И полезный. Спасибо

 

Вот что у меня c первого раза....

 

Вот что у меня получилось:

 

С первого раза получилось вот это

http://s3.uploads.ru/aetl9.png

 

Взяла на заставку: