ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов

Объявление

🔴 МАСТЕР-КЛАСС от magia "Жизненный цикл проекта"

Дата и время: начало 28 апреля в 16:00 по МСК;
Если у вас возникла идея создать ролевую игру, сообщество любителей собак или форум для киноманов,
но не знаете с чего начать и что делать, не беда! Мы здесь чтобы помочь.

Подробности

GEMcross

Кроссовер, ориентированный на активную игру и уютный флуд.
Собираем у себя драгоценных игроков уже почти три года.

Посетить

🔥 Новинка в портфолио: ДИЗАЙН И ГРАФИКА В СТИЛЕ GENSHIN IMPACT

Платформа: MyBB.ru (RusFF)
Стоимость: 6500 рублей;
Авторы: Moju & wasurenagusa

Посмотреть

💰 Теперь у нас можно приобрести "Мгновенные уведомления от Алекса"

Скрипт оповещает пользователей о событиях на форуме в реальном времени, придавая динамики общению.
Автор: Alex_63 | Платформа: MyBB.ru.

У нас: структурированная документация, возможность платить иностранными картами, перевыпустить подписку или купить бессрочно.

Купить скрипт

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

Заказы можно оплачивать наградными баллами (НБ). Полностью или частично.
Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ.
А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.

узнать подробности

📣 Наш проект: Ролевой поисковик

Поиск роли на текстовых ролевых
Проект от специалистов FD

Спойлеры и обсуждение

❤️ Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
SuggestionsReviews

Details
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Шоколадный текст

Сообщений 1 страница 3 из 3

1

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

вот

http://textuts.com/images/tutorials/chocolatebar/ChocolateBar-final.jpg


Шаг 01

Создайте новый документ с размерами 1250 на 800рх. Настройте для основного цвета желтый оттенок #fece01, а для второстепенного — оранжевый #e8661b. Воспользовавшись градиентом и настроенными цветами, проведите им из центра документа к одному из его углов:
http://demiart.ru/forum/uploads7/post-315158-1311853713.jpg

Вставьте на новый слой текстуру старой желтой бумаги и, воспользовавшись трансформацией Ctrl+T, измените ее размер согласно величине вашего холста, а потом понизьте данному слою значение непрозрачности (Opacity) до 50%:
http://demiart.ru/forum/uploads7/post-315158-1311853715.jpg

Выше имеющихся слоев создайте корректирующий слой Hue/Saturation. Измените значение Hue на -10, а Saturation на -40:
http://demiart.ru/forum/uploads7/post-315158-1311853717.jpg

http://demiart.ru/forum/uploads7/post-315158-1311853719.jpg

Далее создайте другой корректирующий слой Vibrance и настройте его, как показано ниже:
http://demiart.ru/forum/uploads7/post-315158-1311853712.jpg

http://demiart.ru/forum/uploads7/post-315158-1311853714.jpg


Шаг 02

Для получения плиток шоколада нам нужно создать определенный паттерн из которого они и будут состоять. Итак, создайте новый документ с белым фоном и размером 30 на 30px. Чтобы было удобнее работать, можно увеличить масштаб просмотра до удобных размеров:

http://demiart.ru/forum/uploads7/post-315158-1311853716.png

Сделайте выделение всего холста, воспользовавшись прямоугольным выделением:
http://demiart.ru/forum/uploads7/post-315158-1311853718.png

Включите функцию вычитания нового выделения и на расстоянии одного пикселя от границ проведите еще один квадрат. Получившееся выделение залейте серым цветом
#888888 и снимите выделение Ctrl+D:
http://demiart.ru/forum/uploads7/post-315158-1311853720.png
http://demiart.ru/forum/uploads7/post-315158-1311853736.png

Далее повторите подобный процесс, но на этот раз первое выделение нужно делать по форме белой области, а другое выделение должно быть уже на 2рх меньше. Полученную рамку залейте более темным цветом #222222.

зы: поскольку размеры документа малы, то проще нарисовать нужные лини карандашом нужной толщины:

http://demiart.ru/forum/uploads7/post-315158-1311853738.png

Еще одна рамка внутри также имеет толщину в 2рх и залита цветом #c7c7c7:

http://demiart.ru/forum/uploads7/post-315158-1311853740.png

Здесь автор забыла про один пункт, но он должен выглядеть именно так, как я написала ниже.
Светло-серым цветом #e9e9e9 нарисуйте внутри оставшейся белой площади шесть однопиксельных полос на одинаковом расстоянии друг от друга:

http://demiart.ru/forum/uploads7/post-315158-1311853742.png

Теперь определите данное творение как паттерн Edit -> Define Pattern:
http://demiart.ru/forum/uploads7/post-315158-1311853744.png


Шаг 03

Перейдите к рабочему документу и коричневым цветом #743d10, под стать шоколаду, напечатайте текст. Здесь подойдут жирные на вид шрифты, в данном случае использовался шрифт PicoBlack; размер текста 350px; трекинг = 25:

http://demiart.ru/forum/uploads7/post-315158-1311853737.jpg

Дублируйте слой с текстом или слои, если у вас их несколько, как у автора:
http://demiart.ru/forum/uploads7/post-315158-1311853739.jpg

Если у вас несколько текстовых слоев, то выделите их и слейте в один, нажав Ctrl+E. Если же у вас только один текстовый слой, то кликните по нему правой кнопкой мышки и выберите пункт Resterize:

http://demiart.ru/forum/uploads7/post-315158-1311853741.jpg

Перетяните скопированный растрированный слой с текстом под оригинальную надпись и переименуйте его в “Shadow”. Позже мы воспользуемся им для создания тени:

http://demiart.ru/forum/uploads7/post-315158-1311853743.jpg

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

Начнем со стиля Drop Shadow. Обратите внимание на изменение цвета на #402713:
http://demiart.ru/forum/uploads7/post-315158-1311853745.png

Inner Shadow: цвет #743d10; Distance = 0; Size = 13:

http://demiart.ru/forum/uploads7/post-315158-1311853758.png

Bevel and Emboss: Size = 20; галочка в чекбоксе Anti-aliased; измененные цвета для Highlight Mode (#72533a) и Shadow Mode (#98653b):

http://demiart.ru/forum/uploads7/post-315158-1311853760.png

Contour: из списка выберите форму контура Shallow Slop – Valley — получим кромочку-рефлекс вокруг текста. Не забудьте поставить галочку в чекбоксе Anti-aliased — она сгладит получившийся контур. Чтобы стал доступным более широкий список заготовок кривых следуйте скрину-подсказке, что в скрытом тексте:

http://demiart.ru/forum/uploads7/post-315158-1311853762.png

обязательно зырьте сюда

http://demiart.ru/forum/uploads7/post-315158-1311853764.png

Texture. Приготовьтесь, здесь-то мы и получим эффект шоколада. В списке текстур выберите созданный вами паттерн во втором шаге (если у вас с ним возникли проблемы, то вот готовый вариант). Также поставьте галочку в чекбоксе Invert. Кстати, при нахождении в стиле Texture, позицию долек шоколада можно сместить, просто потянув их в сторону:
http://demiart.ru/forum/uploads7/post-315158-1311853766.png

Color Overlay: этот стиль мы включили как дополнение — здесь вы можете изменить цвет шоколада на #673d26 или выбрать свой вариант цвета:
http://demiart.ru/forum/uploads7/post-315158-1311853759.png

Нажмите Ок и проверьте свой результат:

http://demiart.ru/forum/uploads7/post-315158-1311853761.jpg

Шаг 05
Идем далее: возьмите инструмент кисть и откройте диалоговое окно ее настроек, где выберите круглую форму кисти с жесткими краями и настройте следующие параметры, показанные на скриншотах.

Brush Tip Shape и Shape Dynamics:

http://demiart.ru/forum/uploads7/post-315158-1311853763.png

Под основным текстом, но над слоем “Shadow” создайте новый слой “Filling”:
http://demiart.ru/forum/uploads7/post-315158-1311853765.png

Кликнув по текстовому слою правой кнопкой создайте рабочий путь, выбрав пункт Create Work Path:
http://demiart.ru/forum/uploads7/post-315158-1311853767.png

Вернитесь на слой “Filling” (он станет подсвечиваться синим), выберите инструмент Direct Selection, настройте белый цвет и кликните правой кнопкой мышки по пути. В появившемся всплывающем меню выберите пункт Stroke Path:
http://demiart.ru/forum/uploads7/post-315158-1311853770.png

В доступном списке выберите кисть и проверьте, чтобы галочка в чекбоксе Simulate Pressure отсутствовала. Теперь нажмите Ок, что запустит нашу настроенную кисть по созданному пути вокруг текста:

http://demiart.ru/forum/uploads7/post-315158-1311853772.png

http://demiart.ru/forum/uploads7/post-315158-1311853774.jpg

Дальше вы уже идете по желанию. То есть это уже конец основы, идет уже обработка по вкусу автора.

Шаг 06
Дважды кликните по “Filling” и настройте следующие стили:
- Drop Shadow: просто измените цвет на #787878:

http://demiart.ru/forum/uploads7/post-315158-1311857251.png

- Bevel and Emboss: измените контур на Rounded Steps; включите функцию Anti-aliased; измените режим смешивания для Highlight Mode на Overlay; у Shadow Mode поменяйте цвет на #99846b:

http://demiart.ru/forum/uploads7/post-315158-1311857253.png

- Contour: поставьте контур Rounded Steps и галочку напротив Anti-aliased:

http://demiart.ru/forum/uploads7/post-315158-1311857255.png

- Texture: примените простую текстуру, чтобы получить более объемный вид. У меня использована текстура Ant Farm из набора Pattern. Измените значение Depth к 20:

http://demiart.ru/forum/uploads7/post-315158-1311857257.png

- Color Overlay: настройте цвет #e7e5df, но вы вольны подобрать другой понравившийся вам цвет:
http://demiart.ru/forum/uploads7/post-315158-1311857259.png

На данный момент у нас получилось следующее:

http://demiart.ru/forum/uploads7/post-315158-1311857252.jpg

Шаг 07

Выберите слой “Shadow”, который мы создали ранее и примените Filter -> Blur -> Motion Blur (Angle = -30; Distance = 100):

http://demiart.ru/forum/uploads7/post-315158-1311857254.png

Теперь передвиньте тень немного в сторону, как на примере, измените режим смешивания на Multiply и понизьте Opacity к 50%:

http://demiart.ru/forum/uploads7/post-315158-1311857256.png

Шаг 08

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

- Brush Tip Shape:

http://demiart.ru/forum/uploads7/post-315158-1311857258.png

- Shape Dynamice:

http://demiart.ru/forum/uploads7/post-315158-1311857260.png

- Scattering:

http://demiart.ru/forum/uploads7/post-315158-1311857275.png

Далее, на слое “Filling”, нарисуйте этой кистью несколько крошек-капелек вокруг текста:

http://demiart.ru/forum/uploads7/post-315158-1311857277.jpg

Вот и все ваш шоколадный текст готов. Экспериментируйте со шрифтами.) Выставляйте свои работы, может я возьму в них кое что для себя. Урок украден с сайта: http://demiart.ru/ http://i.smiles2k.net/aiwan_smiles/good.gif

0

2

А в навигацию добавить?  http://i.smiles2k.net/aiwan_smiles/smile3.gif
Я добавила.
Не забывай!

0

3

faiko
Точно) Спасибки большое за напоминание)

0