Здравствуйте! Второе главное событие 2014 года (после олимпиады в Сочи) это, конечно же, чемпионат мира по футболу в Бразилии. Если к первому событию я уже выкладывал официальный шрифт, то теперь пришла очередь и для футбола.

По ссылке ниже вы можете скачать официальный шрифт чемпионата мира по футболу 2014. Давайте теперь немного поближе посмотрим на этот шрифт:

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

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

В данном шрифте примечательны буквы S и Z — они сделаны как две зеркальные копии.

Совет. Возможны случаи, когда после установки шрифта, буквы будут отображаться с неровными и рваными краями. Чтобы это исправить, посмотрите в параметры инструмента Текст. Чтобы буквы были ровными и красивыми, Режим сглаживания должен быть отличен от Не показывать. Рекомендую установить режим Четкое.

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

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

Если не знаете как нужно устанавливать новые шрифты в фотошоп, то посмотрите вот эту инструкцию.

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

Но до Сочи сегодня мы все равно чуточку дотронемся. Я не зря накануне выложил большую статью о том, как устанавливать шрифты в фотошоп. Это я подготовил почву для сегодняшней темы — официальный шрифт Сочи 2014, который вы можете скачать совершенно бесплатно по ссылке внизу.

Вообще, если посмотреть в интернете, то его многие считают официальным. Но так можно сказать с изрядной долей натяжения. Если их сравнивать между собой, то есть существенные различия. Скорее всего, что как такового шрифта Сочи2014 и нет. Дизайнеры либо смешали несколько шрифтов, либо просто перерисовали отдельные буквы. Ну а почему бы и нет? Он используется только на логотипе, больше нигде и не мелькает. Переделал пару букв и готово.

Если интересно, то давай сравним их. Сверху выкладываю логотип, а ниже эту же фразу но с использование шрифта, а вдруг перепутаете

Как говорится, «найди 10 отличий». Бросаются в глаза различия в жирности букв, но это не принципиально, допустим, что есть разновидности по толщине шрифта. Но принципиальные отличия буквы S и цифры 2, а также точки — ничем не объяснить. Буква i также отличается. Но если написать ее заглавной и уменьшить размер до прописной, то она будет такая же, как на логотипе. Цифра 1 это та же буква I. Ну и цифра 4. Она вообще, мне кажется, состоит из буквы u с подрисованной черточкой. Тут уж точно дизайнеры делали сами, собственно как и оформили .ru.

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

В раздаче вы найдете три варианта: bold, light и medium. Кстати, вот так выглядят все буквы и цифры:

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

]]> /?feed=rss2&p=7217 0 /?p=7158 /?p=7158#comments Sun, 16 Feb 2014 18:54:32 +0000 /?p=7158

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

Установив себе на компьютер операционную систему (ОС), она уже обладает целым арсеналом шрифтов. В основном это те, которые использует сама ОС для своего оформления, а также ряд стандартных, ставших общепринятыми, такие как: Times New Roman и Arial.

Если вы использовали какой-либо продукт от компании Adobe, то тогда будет автоматически установлен целый арсенал шрифтов от этой компании. Они, кстати, бесполезные, не помню, чтобы хоть раз использовал.

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

С тем как искать проблем быть не должно. Есть три варианта: в интернете, а можете еще заглянуть в мой Каталог файлов. Там есть раздел, где я выкладываю классные шрифты. А если, например, вы ищите конкретный шрифт, у вас есть его образец (какая-нибудь картинка), но понятия не имеете как он называется, то здесь поможет сервис, который я описал в этой статье.

Инструкция по установке шрифтов

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

Предположим, что вы нашли подходящий. Он должен быть в формате ttf и имеет вот такое оформление:

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

Итак, вот как нужно устанавливать:

1 ШАГ Нажмите правой кнопкой по файлу и в выпадающем меню выберите Копировать.

2 ШАГ Открываем библиотеку шрифтов. Она находится в папке Windows — Fonts. Обычно адресная строка имеет такой вид: C:\Windows\Fonts.

3 ШАГ Нажмите на любом свободном пространстве в пределах открытого окна правой кнопкой и выберите из выпадающего списка Вставить. Начнется непродолжительная установка.

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

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

Скачать файлы для фотошопа можно только с файлобменников, а это неудобно:

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

Сайт Psand.Ru предлагает вам свежую идею, разработанную на базе возможностей сервиса «Облако Mail.Ru»

В конце 2013 года Mail.Ru раздавала по 1 ТБ (!) свободного пространства на своем облачном сервисе.

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

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

Итак, идея в том, что каталог беспрерывно наполняется новыми файлами. Их я ищу в интернете, проверяю и только после этого выкладываю в каталог.  Кроме того, все они представлены и на самом сайте Psand.Ru, где я, по-возможности, пытаюсь рассказать, как их можно использовать.

Чем он будет полезен?

 Только проверенные и действительно полезные материалы, отобранные лично мной.

 Нет лимитов на число скачиваний.

 Максимальная скорость закачки, которая зависит только от вашего интернет-провайдера.

 Все файлы удобно систематизированы, разобраться будет несложно.

 Каждый файл запакован в архив. Его сопровождает превью-изображение, демонстрирующее содержимое.

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

 1 ТБ потенциально свободного места, которое будет постепенно заполнено на максимум.

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

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

И еще немного о достоинствах и недостатках

Ко всему прочему, в каталоге можно найти и скачать Photoshop CS5 и CS6 на русском и английском языках. К ним прилагаются подробные инструкции по установке и активации. Я их уже неоднократно устанавливал на многих компьютерах и могу сказать, что они работают идеально. Так что, если ваш фотошоп функционирует не так, как хочется, то рекомендую его снести и воспользоваться моими.

Поскольку все файлы в архивах, а сам фотошоп даже на образе диска, то в каталоге можно найти хороший архиватор (Hamster Lite Archiver) и программу по работе с образами (Daemon Tools).

Впрочем, есть и минусы — как долго прослужит каталог остается только гадать, так как многое зависит от политики компании Mail.Ru. Да и оформление облака оставляет желать лучшего. Если сравнивать с другими аналогами, например, Яндекс.Диск, то облако Mail.Ru заметно проигрывает. Кстати, регистрация бесплатная и сейчас (на дату публикования этой записи) дают 100 ГБ места.

Как получить доступ к каталогу файлов?

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

После подтверждения подписки, на ваш e-mail спустя, примерно, 1 минуту придет письмо, в котором будет ссылка на доступ к каталогу файлов.

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

Загрузка... Ваше имя Ваш email-адрес

]]> /?feed=rss2&p=6940 1 /?p=6541 /?p=6541#comments Wed, 13 Nov 2013 18:17:57 +0000 /?p=6541 Доброго времени суток, уважаемые читатели!

Работая с текстом, часто задаем себе вопрос «как найти или определить шрифт по заданной картинке?». Например, вы нашли какой-либо PSD файл, а в нем был встроен некий красивый шрифт с тестовой записью. Понятное дело, нам нужно эту запись отредактировать, но только фотошоп пишет уведомление, что такой шрифт не установлен в общей библиотеке и в случае изменения текста он будет потерян. Но нам нужен именно этот шрифт, так как он идеально вписывается в общую концепцию этого PSD файла. Тут-то и задаемся вопросом: где найти шрифт? Кстати, рекомендую ознакомиться с основными принципами и возможностями работы со шрифтами и инструментом Текст в фотошопе. Уверен, вы найдете много полезного и нового для себя.

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

Если как следует покапаться, то, как правило, многие рекомендуют сайты по поиску шрифтов  WhatTheFont и Whatfontis. На самом деле, последний мне больше всех  понравился, поэтому именно о нем подробно я расскажу. Но сначала общая концепция, на которой построены почти каждый подобный сервис.

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

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

Потестив несколько таких сайтов, причем искал я один и тот же шрифт с картинки, я пришел к выводу, что самый удобный и эффективный сайт — это Whatfontis. Остальные сильно и часто ошибаются в своей выдаче. 

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

Открываете сервис.

Сначала определите каким способом вы хотите воспользоваться.

1. Нажав на кнопку Browse, выберите нужную картинку. Мой пример:

2. Укажите url-адрес к этой картинке, в случае, если она находится у вас не на компьютере, а где-то висит на просторах интернета.

Затем кликаем на Continue.

[stextbox id="info"]Примечание. Сколько бы не искал, но я не нашел подобного сервиса с русским интерфейсом. Но это не страшно, поскольку тут все интуитивно понятно и можно быстро разобраться куда кликать.

Главная беда в том, что шрифт, содержащий буквы русского алфавита, вы никогда не найдете на таком сервисе, поскольку они еще не поддерживают кириллицу. Но если вы знаете примеры, подтверждающие обратное — пишите в комментарии, это, несомненно, будет полезно каждому. [/stextbox]

Как видите, программа сама распознала где буквы и разделила их по отдельности. Затем она просит вписать в соответствующие поля каким буквам на клавиатуре соответствуют данные картинки.

Еще ниже имеется три регулятора, влияющие на поисковую выдачу.

1. Display only free fonts or free alternative fonts. Галочка здесь означает, что поисковая выдача будет содержать только бесплатные аналоги.

2. Display only commercial fonts or commercial alternative fonts — здесь наоборот — только платные аналоги.

3. Display all fonts — отобразятся сразу все возможные шрифты.

Выбрав нужную галочку, жмите на Continue.

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

Как видите, подходящий для меня вариант отображен самым первым под названием «SummerCrushes». Я кстати поставил галочку, чтобы мне предлагали только бесплатные аналоги. Поэтому я могу с легкостью нажать на «Click here to download the font», чтобы скачать шрифт который я определял по картинке.

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

Как не крути, а золото всегда смотрится роскошно. Золотой текст дизайнеры часто используют в свои проектах. Где  его взять? Можно скачать набор золотых стилей слоя, а можно создать самому (или скачать уже готовый PSD).

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

Для работы нам понадобятся текстура металла и шрифт akaDora (при желании можно использовать и свой шрифт, а также обрамить надпись растительными мотивами, к которым можно применить такие же эффекты).

1. Создаем новый документ, который заливаем любым цветом, рекомендую черным, но я выбрал такой цвет — #c5d9c3. Мой размер холста 1024 на 600 пикселей.

2. Открываем заранее подготовленную текстуру металла и копируем ее на наше изображение, изменив прозрачность текстуры до 30%.

3. Откройте окно стили слоя (для этого нужно просто дважды кликнуть по слою с текстурой металла). Выберите в меню слева «Наложение цвета», режим наложения установите «Цветность», а цвет укажите #f9ebdc.

4. Создаем еще один слой и выделяем его при помощи инструмента Прямоугольное выделение (M). Делаем растушевку (Feather) со значением 150 пикселей. Инвертируем выделение при помощи сочетания клавиш Ctrl+Shift+I и заливаем получившееся выделение черным цветом. Виньетка готова.

Снять выделение Ctrl+D.

[stextbox id="info"]Примечание. Сделайте выделение немного меньше, чем размер холста, иначе растушевка будет недоступна. Наибольшая окружность растушевки равна четверти холста.[/stextbox]

5. Выбираем инструмент Текст (Type) и набираем будущую золотую надпись шрифтом akaDora. Чем больший размер шрифта вы будете использовать, тем более заметными получится эффекты в свойствах слоя, которые необходим для того, чтобы надпись была похожа на стекло. В уроке был использован размер шрифта 200 пикселей.

6. С этого момента начинается самая интересная часть урока. Для слоя со шрифтом вам нужно ввести все настройки, указанные на картинках ниже. Будьте внимательны, проверяйте каждую строчку! Данные эффекты позволят превратить текст в стекло.

7. Перейдем к следующей части урока по созданию золотого текста. Продублируем слой с текстом и удалим текущий стиль. Снова открываем свойства стиля и применяем следующие параметры:

8. Окончательный этап. Открываем новый слой, который заливаем черным и используем на нем фильтр: Фильтры – Рендеринг — Облака с наложением (Filter — Render — Difference Clouds). Меняем его режим наложения на Перекрытие (Overlay).

[stextbox id="info"]Примечание. Если вы хотите использовать не черный, а более светлый цвет фона, то от последнего шага лучше отказаться, так как создаваемый им эффект не будет выглядеть так красиво, как на темном фоне.[/stextbox]

В результате у вас должно получиться такое изображение:

Вы можете скачать PSD файл данного урока

Тот факт, что в фотошопе есть инструмент Текст (Type Tool), я думаю, абсолютно никого не удивит. Но все ли его возможности вам известны? Вот тут я сильно сомневаюсь! Итак, цель сегодняшнего урока подробно осветить весь потенциал и особенности инструмента Текст.

Начнем от от простого к сложному.

Инструмент Текст обозначается в англоязычной версии программы как Type Tool. Он расположен на Панели инструментов и имеет иконку в виде буквы «Т». Его задача — это создание надписей. Надписи представляют собой векторный графический элемент. Независимо от вашего фона, текст всегда создается на новом слое (об этом случае авто создания слоев я упоминал, когда мы рассматривали панель слоев).

В фотошопе он представлен такой группой инструментов:

• Горизонтальный текст (Horizontal Type) — самый обычный, к которому мы привыкли. Стоит по умолчанию.
• Вертикальный текст (Vertical Type) — для создания надписи в вертикальном направлении.
• Горизонтальный текст-маска (Horizontal Type Mask) — для созданий быстрой маски с горизонтальным выделением
• Вертикальный текст-маска (Vertical Type Mask) — для создания быстрой маски с вертикальным выделением.

Как создать текстовый слой

Существует два простых способа как это сделать:

1. Выберите инструмент, а затем сделайте клик левой клавишей мыши в том месте, где нужен текст. Появится мигающая вертикальная палочка (здесь ничего нового программисты не предложили — он похож на курсоры из любых других текcтовых редакторов, например «Блокнот» или «Word»).

Чтобы сохранить созданную надпись, можно воспользоваться любым из удобных способов:

• Нажать кнопку в виде галочки (Применить текущую правку) на панели параметров. Нажатие на перечеркнутый круг — отменит правку. 
• Нажать на созданный текстовый слой на палитре слоев.
• Нажать комбинацию клавиш Ctrl+Enter. Обычно для подтверждения правки мы жмем только Enter, но в случае с Текстом, она лишь опустит на строку ниже и предложит продолжить вводить текст.

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

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

Перемещение и трансформирование

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

Более интересно обстоят дела с трансформацией. Работая в фотошопе, у вас практически нет ограничений по реализации своих творческих задумок. То как можно менять до неузнаваемости текст я распишу ниже. Это будут основные способы для изменения. Но к этому списку нужно добавить трансформацию. Напомню, что она вызывается комбинацией Ctrl+T. Благодаря ей, можно менять масштаб, поворот, наклон, искажать, менять  перспективу, отражать по вертикали и горизонтали. Я не буду выкладывать скриншоты этих изменений — все это мы рассматривали в статье «Трансформация, искажение, вращение и прочие креативные безумства».

 Форматирование текста

Вот и добрались до самого сложного — до палитры Символы. Именно в ней сосредоточены все мыслимые и немыслимы способы форматирования текстов в фотошопе. Открывается она так: Окно — Символ (Window — Character).

Рассмотрим чем палитра богата.

В самом вверху можно выбрать шрифт и его особое начертание (если оно предусмотрено выбранным шрифтом). Например, я выбрал Times New Roman:

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

Кнопка «Цвет» — изменит цвет вашей надписи. Можно использовать два и более цвета для одной надписи.

Все рассмотренные сейчас настройки считаются стандартными. Они выведены на Панель параметров:

Можно настроить расстояние между символами внутри заданных пар:

Кнопочка правее — позволяет задать расстояние между буквами. То есть растянуть надпись или сузить, как гармошку. В своем примере вверху растянуто на +200, а ниже сужено до -200

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

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

На очереди предпоследняя снизу строка. Первая буква «Т» — включает полужирный способ написания текста.

Чтобы написать текст курсивом, выберите вторую буквы «Т», изображенную в слегка наклонном виде.

Следующие два режима выполняют задачи наподобие Caps Lock на клавиатуре. Первые из этой пары — Верхний регистр, т.е. все буквы будут заглавными. А вторая из пары - капители. Буквы пишутся так же заглавными, но размером с прописные.

Следом группа из верхнего и нижнего индекса.

Последняя группа - подчеркнутый и зачеркнутый текст.

Последняя строка включает в себя две функции, первая из которых — это выбор языка символов для расстановки переносов и проверки орфографии. А вторая позиция это способ сглаживания. Сглаживание будет видно при увеличении (выберите из выпадающего меню от резкого к плавному).

Переходим к последней вкладки — палитра «Абзац».

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

Ниже регулируются отступы от правого и левого края, А также отступы лишь только первой строки.

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

Скриншоты не прикладываю потому, что все это просто и знакомо по другим текстовым редакторам, как, например, Word.

Работа с текстом не завершена — обязательно изучите как можно деформировать текст.