Итак! Мы вместе с Тайлером решили, что первый туториал на этом сайте будет относительно простым. Поэтому, первым рейсом мы покажем и расскажем, как создать обои для вашего рабочего стола с классным типографическим эффектом! 
И, да, не стесняйтесь оставлять комментарии и спрашивать, если что то непонятно. Поехали!
Что такое типографика?
Для того чтобы создать типографические обои, было бы неплохо узнать немного больше о типографике. Типографика — графическое оформление печатного текста посредством набора и верстки с использованием норм и правил, специфических для данного языка. Что же это значит? Это значит, что текст сам по себе несет только лишь информацию. А «оберткой» для этой информации будут являться цвет текста, его форма, размер и так далее. Например, использование блочного шрифта для аннотации к фотографии свадьбы будет совсем не уместно, потому что блочный шрифт совсем не элегантен. Вместо этого, стоило бы использовать курсив или какой то закругленный шрифт. Иными словами, настроение, передаваемое той самой «оберткой» должно соответствовать самому смыслу послания. Ну вобщем ладно, надеемся вы сами все поймете по ходу пьесы…
Шаг 1: Создаем фон
Фон наших обоев должен помочь задать нужное настроение. Использование темного фона позволит добиться эффектного выделения текста. Создайте новый документ с нужными вам размерами. Разрешение моего экрана 1280х1024px, так что я выбрал именно такой размер. Установите в качестве основного цвета (foreground) темно-серый (#111111) и второстепенный цвет (background) черный (#000000). После этого выберите инструмент Radial Gradient Tool, и нарисуйте градиент от светлого к темному, ближе к центру вашего файла.
Шаг 2: Устанавливаем границу текста
Так как мы хотим, чтобы наш текст был в границах девятки (по ассоциации с 2009), то самый простой способ создать такое очертание — написать цифру 9 достаточно крупным размером шрифта и затем поместить требуемый текст внутри нее. Сказано — сделано: берем инструмент Type Tool, выбираем шрифт Century Gothic, и пишем цифру 9 размером в 750px. После чего размещаем ее относительно центра нашего градиента и присваиваем ей цвет #6dcff6. Снижаем прозрачность слоя до 20%, т.к. он будет использоваться только в качестве формы.
Шаг 3: Заполняем форму текстом
Теперь у нас есть готовая форма, и осталось лишь наполнить ее содержимым. Прежде чем наполнять девятку, определитесь с тематикой текста. Так как мои обои имеют отношение к Tutorial9, то основными словами я выбрал Photoshop, Design и Tutorials. Также необходимо подумать насчет того, будем ли мы использовать несколько шрифтов или же ограничимся только одним. После выбора шрифта или шрифтов, самое время заполнить девятку:
Шаг 4: Раскрашиваем текст
После заполнения нашей девятки текстом, снизим ее прозрачность до 2%. Это позволит оставить едва заметный фон вокруг текста:
После этого поместим все наши слои (кроме самой девятки) в группу (Layer > New > Group). Затем сделаем копию группы. Щелкнем на новой группе правой кнопкой мыши и выберем Merge Group. Таким образом мы склеим все слои группы в один. Теперь выберем склеенный слой и затем Gradient Overlay (Layer > Layer Style > Gradient Overlay). Это будет вертикальная заливка (градиент) от синего сверху (#3bb2f7) до зеленого снизу (#48a248). Угол заливки 90°.
Шаг 5: Добавляем заголовок
Теперь давайте добавим классный заголовок к нашим обоям. Я хочу добавить текст Happy New Year (шрифт Century Gothic / 36px / наклонный). Также буду использовать тот же самый градиент, который описывался выше, за исключением того, что теперь он будет располагаться слева направо. После этого добавлю текст Tutorial9 Staff (Century Gothic / 24px / наклонный) с цветом #736357.
Шаг 6: Добавляем текстуру
Давайте теперь добавим текстуру сверху наших обоев. Я воспользовался изображением с sxc.hu. Поместим текстуру в новом слое поверх всех остальных слоев. Затем нажмем Ctrl+Shitf+U и в настройках слоя выберем Overlay.
Шаг 7: Добавим еще цвета
В следующих шагах мы добавим больше цвета и насыщенности нашему изображению. Создайте новый слой, и выставьте цвет foreground #6dcff6 и цвет background #000000. После чего меню Filter > Render > Clouds. В результате этого действия слой будет заполнен смесью голубых и черных облаков. Установите режим слоя на Overlay и снизьте прозрачность слоя до 25%.
Теперь создайте еще один новый слой и измените цвет background на белый. Теперь снова меню Filter > Render > Clouds, это заполнит слой облаками голубого и белого цвета. Режим слоя также на Overlay и прозрачность на 70%.
Это было просто!
Как вы убедились сами, самой сложной частью этого урока было заполнение девятки текстом. А добавление эффектов было совершенно простым. После изучения всех возможностей фотошопа, вы сможете создавать потрясающие комплексные работы с минимальными усилиями. Запомните самое главное правило — никогда не бойтесь экспериментировать!
Опубликовал: 
Loading ...
