Очень часто новички перегружают новости всевозможными украшениями, из-за которых их становится невозможно читать, поэтому я решил добавить в гайд этот раздел. Самые популярные украшения - это култекст и разделители.
Красивые надписи нередко применяется при оформлении новостей. За примерами далеко ходить не нужно - они были применён и при оформлении этого гайда. Есть два способа создания красивых надписей - с помощью онлайн-сервисов и самостоятельно в фотошопе. Второй вариант, разумеется, предпочтителен, однако, если у вас совсем кривые руки, то вы можете
не писать статью воспользоваться генератором.
Предупрежу:
под этим спойлером описан только один вариант создания красивых надписей. Это не значит, что эта инструкция бесполезна - во время прочтения вы наверняка подберёте некоторые идеи для своих собственных, оригинальных дизайнов надписи.
0. Данный туториал изображён с использованием Photoshop CS5. Если у вас другая версия, не надо флудить комментариями типа "У МИНЯ ВСЁ НИ ТАК ВЫГЛЯДЕТ", "ЙА НИ НОШОЛ ТОКУЮ КНОПКУ" и т.п.
1. Первым делом вам понадобится фон. В идеале его размер должен быть 80х800 - так будет проще контролировать размер текста. Советую сразу сохранить фон в отдельный файл на случай, если вам вдруг понадобятся новые надписи.
2. С помощью инструмента "Текст" напишите необходимую вам надпись. Постарайтесь максимально подогнать текст по высоте.
3. Зажмите клавишу Ctrl и кликните на превьюшку слоя текста. После этого надпись выделится. Удалите слой с помощью значка с корзиной и, не убирая выделения, скопируйте кусок фона. После этого создайте новый документ, добавив к автоматически выставленным фотошопом размерам около 6-10 пикселей. Вставьте скопированный кусок. У вас получится что-то типа этого:
4. Теперь к надписи будет неплохо добавить контур. Для этого снова нажмите на превью слоя с зажатым Ctrl и выберите в меню фотошопа "Выделение>Модификация>Расширить".
В открывшемся окне введите где-то 2 пикселя. Очевидно, выделение расширится. Создайте новый слой (Ctrl+Shift+N) и перетащите его под основной. Возьмите инструмент "Прямоугольник", выберите цвет контура (в примере - чёрный) и нарисуйте прямоугольник на весь холст. У вас должет получиться такой результат:
5. Надпись уже выглядит неплохо, но к ней также можно добавить тень. Выберите слой с контуром и выберите в меню "Слои>Стиль слоя>Тень":
Откроется это окно:
Разберёмся с деталями. "Режим наложения" без знания лучше не трогать. "Непрозрачность" и "Размах" позволяют настройть яркость тени. "Угол" и "Смещение" позволяют разместить тень в стороне от текста. Если вы хотите разместить тень прямо под текстом, выберите смещение 0. О варианте "Размер" и говорить нечего, подгоните его так, чтобы тень не вылезала за границы области.
После всех действий у меня вышел вот такой результат:
Вообще, если вы не можете нарисовать текст в фотошопе, лучше не вставляйте его вообще. Однако, если прям совсем хочется, то дам пару ссылок. Самый популярный и часто используемой онлайн-сервис -
CoolText.com (от него и пошло слово "Култекст"). Это не значит, что култекст.ком - единственный способ создания красивых надписей. В интернете полно сервисов, аналогичных ему -
GFTO.ru,
OnLine-Letters.ru и так далее.
При правильном использовании красивые надписи сильно улучшат вашу новость, но для этого нужно соблюдать ряд правил:
1. Надписи не должны быть слишком большими. Не нужно пытаться сделать их как можно больше - если они будут занимать целую страницу, это будет выглядеть ужасно. В идеале они должны быть не больше 80 пикселей в высоту.
2. Старайтесь не использовать первый попавшийся вариант оформления надписи. Посмотрите разные варианты, переберите как можно больше возможных, после чего выберите лучший.
3.
Вставляйте текст кодом [ img][ /img]. Это действительно важно.
4. Ну и, разумеется, знайте меру. Если большая часть новости будет написана красивым текстом, её попросту будет неудобно читать. Заголовки блоков, возможно, приветствие и окончание, и всё.
Разделители применяются куда реже.
Вот самый первый найденный мной пример.
При работе с разделителями нужно быть очень осторожным. Вот вам советы по их использованию:
1. Не ставьте разделители в самом начале и в самом конце новости. Смысла там в них нет, они только создают лишнюю нагрузку на дизайн.
2. В идеале разделители должны находиться между блоками. Лучше всего ставьте их
перед заголовком блока. После заголовка можно ставить их только дополнительно, и только в том случае, если разделители у вас тонкие.
3. Не старайтесь сделать разделитель фигурным и вычурным. Это лишь ухудшает его восприятие.
4. Опять же, знайте меру, не старайтесь установить разделители везде, где только можно.