Курс по редактированию шаблонов из группы (часть 2) «Текст»

Казалось бы, что может быть проще, чем отредактировать текст в шаблоне, но нет, множество вопросов приходило мне на эту тему в течение года, сотни ошибок было допущено подписчиками при редактировании psd-шаблонов. Пора положить этому конец, данным уроком я максимально постараюсь дать ответы на вопросы, которые могут возникнуть у Вас при работе с текстом.

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

Скачиваем шрифты и устанавливаем их

Дело здесь обстоит так же, как и с изображениями/фотографиями. Есть бесплатные шрифты, есть платные. Платные шрифты без лицензии использовать не рекомендуется. Бесплатные шрифты можно подобрать и скачать по ссылке.

Вопрос, который задавался мне довольно часто - «Как установить шрифты?». На самом деле все просто. Скачайте и распакуйте Ваши шрифты, нажмите на файл со шрифтом правой кнопкой мыши, в выпавшем меню найдите кнопку «Установить» и нажмите ее. Данную операцию нужно проделать с каждым файлом, который относится к Вашему шрифту, если в этом есть необходимость.

Установки шрифтов

Есть и другой способ установки шрифта на Ваш компьютер. Зайдите в «Панель управления», найдите папку «Шрифты» и скопируйте в нее файлы шрифтов.

Установки шрифтов

Теперь, когда все необходимые шрифты установлены, можно смело приступать к редактированию текста в шаблонах.

Редактирование текста в psd-шаблоне

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

Можно открыть дополнительные окна «Символ» и «Абзац», но в этом нет особой необходимости, все, что нам пригодится, дублируется на панель быстрого доступа сверху.

Рабочее пространство
Рабочее пространство

Начнем с простой замены текста. Найдите слой, отвечающий за ту или иную часть текстового блока, кликнете 2 раза на иконку текста и введите свой текст с помощью клавиатуры, как это показано в презентации.

Редактирование текста

Далее нам необходимо заменить цвет части текстового блока (применяется не во всех шаблонах). Для этого нам с Вами необходимо выделить часть текста и заменить цвет, как это показано в презентации.

Замена цвета у части текстового блока

Важно! Не стесняйтесь использовать и другие инструменты форматирования. Увеличивайте отдельные части текста или весь текст целиком, меняйте выравнивание. Все это поможет подчеркнуть Вашу индивидуальность.

Прочие инструменты форматирования

Рекомендации по редактированию текста

Самое первое и самое важное с чего стоит начать, это объемы текста, отступы и свободное пространство. Не старайтесь забить все от края до края, оставляйте большие отступы по краям, создавайте пространство между текстовыми блоками. Когда текста мало и пространство свободно, его легко читать и понимать. Сокращайте, оптимизируйте, дайте больше воздуха!

Примеры использования пространства в баннерах
Примеры использования пространства в баннерах

Используйте правильный тандем шрифтов для заголовка и подзаголовка. Это не просто визуально выделит основную мысль (заголовок), но и будет аккуратно смотреться на полотне. Для заголовка лучше использовать что-то объемное, жирное, заметное. Для подзаголовка подойдет любой стандартный шрифт.

Примеры использования тандема шрифтов
Примеры использования тандема шрифтов

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

  1. Казалось бы, все видно, все красиво, но обратите внимание на подзаголовок, он жирный, нечитабельный и перетягивает одеяло внимания на себя, хотя его участь быть вторым номером. Такой эффект создает жирный текст, и то, что в подзаголовке использовался шрифт, который изначально предназначался для создания заголовков. Всегда придерживайтесь иерархии, заголовок должен быть главным.
  2. Опять же на первый взгляд вроде все хорошо, но обратите внимание на заголовок. В данной паре шрифт для него выбран неудачно, так как он сливается с подзаголовком, и опять нарушена иерархия внимания.
  3. Пример, в котором иерархия внимания не нарушена. Взгляд невольно сначала улавливает заголовок, и, если он достаточно интересный, глаза опускаются ниже для более глубокого изучения материала.

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

Итог

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

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

12708 views·82 shares