Tags: Графика для сайта | логотип | текстовые эффекты

 

В этом уроке мы создадим ретро –логотип при помощи сложенных полосок бумаги. Для этого урока нам необходимо будет отойти  ненадолго от компьютера и использовать в качестве основы реальную модель бумаги как наглядное пособие. Основная работа в данном уроке осуществляется при помощи инструмента Лассо и других простых методов.

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

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

Начинаем складывать бумагу  чтобы у нас получились буквы. Для того чтобы правильно сложить буквы необходимо  складывать под углом 90 градусов , за исключением буквы «N» 

Теперь мы можем увидеть как должны выглядеть буквы при написании.
Далее создаем новый документ 1200*600 пикселей.

Инструментом Текст создадим надпись Design,  ниже пишем меньшим шрифтом  instruct. Для основной надписи лучше использовать жирный шрифт, для того чтоб его легче было адаптировать под  ретро стиль.

Далее добавляем цвет текста. Каждая буква должна быть своего цвета. Меняем цвет каждой буквы на цвета :
D: # 00AEB7 (синий)
E: # FF9900 (оранжевый)
S: # BA0000 (красный)
Я: # 01AD4E (зеленый)
G: # FEDE58 (светло-желтый)
N: # FF99AB (розовый)

Кроме того, мы  меняем цвет текста  "INSTRUCT"  на коричневый  цвет (# 3B2601).

Итак, начинаем работу над текстом . Для начала создадим новый слой и назовем его «D», так как каждую букву необходимо  будет обработать на своем  слое.
Для того чтобы было легче работать и в результате создать ровный текст необходимо поработать с  направляющими.

Так как полоски бумаги у нас в основе одной толщины нам необходимо проверить ширину каждой буквы . Для этого возьмите инструмент  Прямоугольное выделение и с зажатой клавишей Shift создайте квадрат. При помощи этого квадрата мы будем измерять ширину каждой буквы.

Теперь добавим направляющие под ширину и высоту первой буквы.
Когда у нас есть все необходимые направляющие мы можем приступать к редактированию текстового слоя. Для начала Растирируем первый слой с буквой D, так как мы будем редактировать его и нам придется удалять не нужные части буквы.

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

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

Используя Полигональное лассо,  нажмите на пересечении верхней и внутренней правой направляющей, вы должны получить такое выделение как показано на картинке ниже:

Удалите ненужную область, то же самое сделайте и с нижним углом.

Добавим несовершенства, которые придадут нужный эффект нашим буквам. Поскольку буквы состоят сложенного листа бумаги, необходимо придать им некоторые неровности. Используя инструмент Прямоугольное выделение  создайте область, как показано на рисунке ниже и залейте ее синим цветом  (# 00AEB7) . Повторите то же самое для нижнего угла.

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

Так же как и для предыдущей буквы измеряем равенство всех сторон при помощи квадрата. Растрируем слой и на новом заливаем нужные области и убираем лишние, чтобы буква была ровной. Необходимые области заливаем цветом (# FF9900).

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

Чтобы сделать букву «S» стилизованную под  бумагу необходимо выделить область всей буквы, на новом слое залить все это красным цветом (# BA0000).

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

Далее убираем ненужные области внутри буквы при помощи инструмента  Прямоугольное выделение. Области для удаления делайте такие же как и на предыдущем слое с буквой «E».

Теперь заливаем необходимые области красным цветом  (# BA0000).

Завершающим этапом в редактировании данного символа – отсекаем ненужные области, при помощи инструмента Полигональное лассо.

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

Над буквой «I» не проводим никаких манипуляций, так как эта буква не видоизменяется.

Над буквой «G» проводим те же самые действия как и над «S» Выделяем прямоугольную область, заливаем ее цветом  (# FEDE58).

 

Отсекаем ненужные области.
Далее формируем букву как первую D, то есть убираем центр, добиваясь того, чтобы буква выглядел как квадрат, с пустым центром внутри.

Теперь используем инструмент Прямоугольное выделение и отсекаем ненужные области как показано на рисунке.

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

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

Для того чтобы  редактировать букву «N» выровняем ее по ширине, затем удалим область внутри буквы при помощи инструмента  Прямоугольное выделение.

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

Удалите ненужные области при помощи инструмента Прямоугольное выделение.

Далее уберем ненужные углы при помощи инструмента Полигональное лассо так, как показано на рисунке.

 

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

Теперь будем добавлять тени, для получения эффекта сложенной бумаги. Для этого нам вновь понадобится реальная модель.

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

Просмотрите как создается тень на каждую букву .

Теперь изменяем режим наложения градиента на всех слоях на Перекрытие, за исключением слоя с буквой «N», для которого мы применяем стиль  Мягкий свет.

Теперь для того, чтобы складки хорошо выглядели необходимо изменить яркость и контрастность в некоторых зонах. Выберите нужные области .
Измените Насыщенность и Яркость как показано на рисунке.

Далее,  измените Насыщенность  в 34 пункта для остальной части букв.

 

Теперь добавим стиль слоя «Глянец», чтобы добавить немного блеска .

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

Изменяем непрозрачность градиента до 15%
Слой с градиентом должен быть выше всех остальных. Вот что должно у вас получится:

Далее уменьшаем яркость слоя с градиентом как указано на рисунке.

Далее добавим некоторый шум на изображение. Для начала стоит убедиться что основные цвета  слоя черный и белый . Создадим новый слой и применим к нему фильтр  Рендеринг-Облака.

Убедитесь что данный слой ниже слоя с градиентом.
Теперь изменим непрозрачность слоя с облаками до 50% и режим наложения на Перекрытие.

Следующим шагом добавим текстуру бумаги . Изменим режим наложения текстуры на Перекрытие и отрегулируем яркость при помощи инструмента Уровни.

Теперь изменим в текстуре насыщенность, как показано на рисунке.

Добавим еще одну текстуру, для этого скопируйте слой с бумагой и переместите его вниз слоев с буквами. Измените режим наложения на Умножение и непрозрачность до 20%.

Для завершения эффекта затемним края нашего изображения .

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

Если вам понравился урок – рекомендуем подписаться на наш RSS канал и не пропускать  новые уроки .

Источник.