Шфриты в веб-дизайне вещь практически незаменимая. Используя при разработке дизайна сайта нестандартные и оригинальные шрифты вы можете достичь поистине удивительного результата. Разработка баннеров, иллюстраций, разного рода афиш и других нестандартных текстово-графических материалов без специальных шрифтов и вовсе невозможна. В данном разделе блога вы найдете разные англоязычные и русские кириллические шрифты для фотошопа и сможете понравившиеся вам экземпляры шрифтов скачать бесплатно.
Все материалы разделены и скомпонованы в отдельные наборы по тем или иным тематикам — каллиграфические, готические, новогодние, оригинальные, рукописные и многие другие шрифты к вашим услугам. Я постараюсь отобрать и найти самые лучшие наборы шрифтов в интернете для публикации в Дизайн Маним. Постараюсь, чтобы вы могли скачать шрифты для фотошопа которые действительно пригодятся в работе, а не просто пополнят вашу и без того большую коллекцию шрифтов.
В мега-наборе всяческих материалов для хэллоуина иконок, фонов, вектора и т.п. мы публиковали в том числе и страшные шрифты для Фотошопа. Однако тогда это было лишь частью большой статьи, и должного внимания им уделить не получилось. Сегодня исправим эту ситуацию, т.к. в нашем распоряжении будет полноценная заметка. По факту эта ниша больше всего схожа размытыми нечеткими и декоративными шрифтами и может содержать некоторые нестандартные элементы в буквах….
Название сегодняшних материалов в подборке полностью определяется способом их создания — это шрифты печатной машинкой. Теоретически, по форме и стилистике они должны соответствовать реально напечатанным текстам. Похожий принцип типографики встречался в заметках про граффити или надписи мелом на доске — по данным наименованиям вы сразу четко представляете их внешний вид. Если говорить о визуальной составляющей, то тут все достаточно тривиально. В целом нет такого разнообразия…
Google Fonts — один из самых крупных архивов реально бесплатных шрифтов с сотнями гарнитур. Учитывая его универсальный характер и всеобщую доступность, теряется практически любой смысл использования обычных шрифтов по умолчанию. С помощью сервиса вы сможете реализовать разные нестандартные примеры типографики. В данной статье найдете подборку из 10-ти бесплатных шрифтов Google Fonts, которые идеально подойдут для оформления заголовков сайта. Они установлены во многих веб-проектах по всему миру. Материал…
В данном блоге вы уже могли встречать специальный раздел для поиска и скачивания русских кириллических шрифтов. Статьи там отсортированы по различным тематикам дабы дизайнерам было проще подбирать нужные им файлы. Это удобно, когда требуется подобрать, например, жирный, рукописный или декоративный вариант. Сегодня мы хотим представить вам подборку лучших архивов русских шрифтов онлайн аналогичных проектам Urbanfonts, Dafont и др. Такой подход позволит вместить в рамках одной…
В данной статье сможете бесплатно скачать шрифты мела для фотошопа, которые пригодятся вам в разных дизайнерских решениях на сайтах, иллюстрациях, приложениях или даже в офлайне (например, иногда владельцы кафе оформляют меню в этом стиле). Подобный вариант с декоративным шрифтом надписи мелом также неплохо будет смотреться в полиграфии. Где бы вы его не применили, подборка ниже окажется полезной. Всего собрали около 50-ти объектов на любой вкус. Перед тем,…
По случаю наступившей зимы мы решили подготовить тематическую заметку про зимние шрифты. Года два назад в Дизайн Мании уже были публикации о новогодних и рождественских шрифтах, однако там собраны далеко не все интересные варианты + за пару лет появились новые работы. Уверены, в статье ниже найдете парочку полезных решений. В свою очередь мы проследим чтобы в данной и предыдущих подборках объекты не повторялись. В посте…
Если вы начнете искать размытые шрифты для фотошопа в сети, то увидите, что большинство ссылок из выдачи ведут на совсем другие публикации. В основном пользователи ищут как исправить проблему нечетких шрифтов в браузере или windows на своем компьютере. Поэтому дабы упростить вам процесс поиска лучших и самых необычных размытых шрифтов для графики и иллюстраций мы сделали соответствующую подборку. Данные материалы могут применяться для разного рода постеров и афиш. В принципе,…
Последняя запись в данном разделе выходила еще в прошлом году (цикл статей про жирные шрифты). Учитывая этот факт, сегодня решил написать соответствующий пост, тем более, что накопилась парочка интересных материалов. Что касается выбора темы, то недавно по работе пришлось использовать шрифты в греческом стиле, и я нашел весьма толковые варианты. Наиболее интересные из них публикую ниже. Скачать файлы можно бесплатно, однако обращайте внимание на описание…
Перед тем как перейти к публикации новых статей в блоге хочу подвести небольшие итоги прошедшего года. Подборка популярных постов за 2015 поможет вам вспомнить лучшие заметки по тем или иным направлениям: шрифты, верстка, сервисы, входновение и т.п. Также вы сможете скачать классные шаблоны и материалы для работы, если до сих пор не успели этого сделать. Похожий итоговый пост за 2014 оказался весьма полезным, поэтому мы…
Встречайте очередное масштабное пополнение раздела красивых шрифтов где я собираю все соответствующие подборки. В отличии от других заметок с материалами здесь дополнительно будут представлены пояснения по процессу их установки в Ворде (и заодно Фотошопе). Заметка пригодится пока я работаю над обновлением поста о красивых русских шрифтах. Решил немного развить эту тему т.к. на прошлую статью часто заходят из поиска по фразам похожим на «красивые шрифты…
Подборки интересных жирных и лучших bold шрифтов были бы неполными без соответствующих русских вариантов. Изначально я думал добавить их к данным статьям, но позже решил написать отдельную заметку, поскольку нашел интересный сервис по кириллическим шрифтам — rus-shrift.ru. Так что сегодня кроме материалов для скачивания будет также небольшой обзор этого проекта. Кстати, вы также можете глянуть сайты онлайн архивы русских шрифтов. Итак, начнем. Для скачивания кликайте…
В прошлых статьях мы рассмотрели русские толстые и интересные жирные шрифты, которые разбиты по определенным типам: высококонтрастные, компактные, винтажные и т.п. (всего получилось чуть более 20 штук в 7-ми категориях). Однако, если попытаться поискать разные Bold шрифты в Google, то вариантов вы получите значительно больше. В данном посте я решил собрать лучшие найденные решения. В подборку вошли не все найденные фонты, так как их действительно…
Alien Skin Bokeh - плагин от компания Alien Skin Software для Adobe Photoshop, предназначенный для привлечения внимания к определенному объекту на фотографии. Используя данное дополнение можно добавить на изображение эффект глубины резкости, сделать виньетку или подчеркнуть главный объект другим доступным способом. Особенность плагина в том, что он точно имитирует эффект смазывания, который можно получить при помощи настоящих объективов. Bokeh - акцентирование на главном объекте фотографии.
Alien Skin Bokeh
позволит во время постобработки снимков при помощи регулировочных ползунков "управлять" размытием фона, задавать диаметр воздействия, глубину, жесткость, значение диафрагмы, фокусное расстояние линз и дистанцию съемки. Поскольку плагин позволяет изменять эти параметры в ходе постпроцессинга, то есть уже на готовых изображениях, тем самым он позволяет компенсировать некоторые недостатки цифровых камер.
Позволяет в реальном времени просматривать возможные результаты при работе с изображением, причем в нескольких режимах.
Предлагает уже готовые пресеты размытия, симулятор объективов Canon® EF 85mm f/1.2 II и Micro-Nikkor 105mm f/2.8, добавление зернистости, сферические аберрации, фотометрическая засветка (имитирует эффекты съемки против источника освещения.)
Alien Skin Software утверждает, что все нынешние продукты компании были испытаны и полностью совместимы с Adobe Photoshop CS5 64-bit.
A: Меню - расположено в верхней панели рабочего окна, в строке заголовка отображается выбранная настройка
B: Навигация
C: Кнопки масштабирования и перемещения
D: Кнопки для регулирования масштаба изображения в окне предпросмотра
E: Разделение окна - эта опция позволяет разделить рабочее поле пополам, чтоб увидеть результат преобразования изображения и одновременно его исходный вариант.
F: Конфигуратор справки
G: UpToDate Индикатор сообщений
Если вы видите этот визуальный сигнал, у вас есть сообщение от Alien Skin Software, как правило, объявления о новинках, новых продуктах или о ежемесячном информационном бюллетене.
H: Измение размера окна фильтра, чтобы сделать область предпросмотра больше или меньше.
I: Подсказки - в этой строке вы получаете краткое описание той области, где находится курсор мыши.
J: Вкладки шаблонов, пресетов, настроек - это список уже заранее подготовленных вариантов, позволяет быстро выбрать конфигурацию или одну из ранее сохраненных пользовательских настроек.
K: OK и Cancel
L: Кликнув правой кнопкой мыши (удерживая) в области предпросмотра можно увидеть варианты масштабирования.
М: Этот элемент управления появляется на изображении в окне предпросмотра и позволяет настраивать формы области фокуса или виньетки.
Новое: Скорость! Увеличена скорость обработки за счет поддержки многоядерных и многопроцессорных ПК.
Новое: Creative Lens Optics. Bokeh 2 обеспечивает имитацию возможностей многих линз, включая имитацию движения, как на специализированной оптике со сдвигом и наклоном.
Новое: Real-time Preview. У Bokeh 2 супер-быстрый пользовательский интерфейс, который обеспечивает Вам просмотр в реальном времени любое изменение параметров.
Новое:Multiple Regions. Bokeh позволяет объединить несколько радиальных и плоских формы для большего контроля над областью фокуса.
Новое: Grain Matching.. Когда Bokeh применяется к зернистым фото, процесс размытия удалит существующую структуру зерна изображения или добавит отсутствующее зерно.
Новое: Vignette Enhancements.. В дополнение к эффекту затемнение при виньетировании, Bokeh обеспечит и осветление (обесцвечивание), для удаления цвета в области виньетки.
Новое: Settings Enhancements. Улучшенные настройки. В Bokeh включены множество новых заводских пресетов, чтобы быстро получить отличные результаты. Эти пресеты сгруппированы в категории и вы можете объединить пресеты из различных групп, чтобы создавать свои собственные индивидуальные эффекты.
Новое: Поддержка Lightroom и Photoshop 64-bit . Bokeh 2 стал работать как плагин к Lightroom и не требует установленленного Photoshop. Bokeh 2 также будет работать на Photoshop 64 bit на Windows и Macintosh платформах.
Realistic Depth-Of-Field Simulation. Реалистичные имитация глубины резкости.
Creative Aperture. Позволяет создавать формы такие, как звезды и сердца...
Информация о программе:
Год выпуска:
2012
Платформа:
Windows® XP/Vista/7 (x32/x64)
Язык интерфейса:
Английский
Лекарство:
Присутствует
Формат:
rar
Позволит во время постобработки снимков при помощи регулировочных ползунков "управлять" размытием фона, задавать диаметр воздействия, глубину, жесткость, значение диафрагмы, фокусное расстояние линз и дистанцию съемки. Поскольку плагин позволяет изменять эти параметры в ходе постпроцессинга, то есть уже на готовых изображениях, тем самым он позволяет компенсировать некоторые недостатки цифровых камер.
Позволяет в реальном времени просматривать возможные результаты при работе с изображением, причем в нескольких режимах.
Предлагает уже готовые пресеты размытия, симулятор объективов Canon® EF 85mm f/1.2 II и Micro-Nikkor 105mm f/2.8, добавление зернистости, сферические аберрации, фотометрическая засветка (имитирует эффекты съемки против источника освещения.)
Alien Skin Software утверждает, что все нынешние продукты компании были испытаны и полностью совместимы с Adobe Photoshop CS5 64-bit.
Новое в Bokeh 2
Увеличена скорость обработки за счет поддержки многоядерных и многопроцессорных ПК.
Creative Lens Optics. Bokeh 2 обеспечивает имитацию возможностей многих линз, включая имитацию движения, как на специализированной оптике со сдвигом и наклоном.
Real-time Preview. У Bokeh 2 супер-быстрый пользовательский интерфейс, который обеспечивает Вам просмотр в реальном времени любое изменение параметров.
Multiple Regions. Bokeh позволяет объединить несколько радиальных и плоских формы для большего контроля над областью фокуса.
Grain Matching. Когда Bokeh применяется к зернистым фото, процесс размытия удалит существующую структуру зерна изображения или добавит отсутствующее зерно.
Vignette Enhancements. В дополнение к эффекту затемнение при виньетировании, Bokeh обеспечит и осветление (обесцвечивание), для удаления цвета в области виньетки.
Settings Enhancements. Улучшенные настройки. В Bokeh включены множество новых заводских пресетов, чтобы быстро получить отличные результаты. Эти пресеты сгруппированы в категории и вы можете объединить пресеты из различных групп, чтобы создавать свои собственные индивидуальные эффекты.
Поддержка Lightroom и Photoshop 64-bit . Bokeh 2 стал работать как плагин к Lightroom и не требует установленленного Photoshop. Bokeh 2 также будет работать на Photoshop 64 bit на Windows и Macintosh платформах.
Realistic Depth-Of-Field Simulation. Реалистичные имитация глубины резкости.
Creative Aperture. Позволяет создавать формы такие, как звезды и сердца...
В этом уроке вы узнаете, как создать размытый задний фон, а также как применить эффект Боке к вашим фотографиям, используя стандартные инструменты, фильтры, включая цветовую коррекцию.
Итоговый результат
Исходные материалы:
Откройте исходное изображение в программе Photoshop. Я использовал следующие размеры для исходного изображения.
Продублируйте слой с задним фоном дважды. Отключите видимость второго дубликата слоя. Перейдите на слой с первым дубликатом. Активируйте режим Быстрой маски (Quick mask) и выберите Радиальный градиент (Radial Gradient), цвет градиента чёрно-белый, поставьте галочку в окошках Дизеринг (Dither) и Прозрачность (Transparency).
Примечание переводчика: 1. потяните градиент от центра к краю документа 2. убедитесь, чтобы галочка в окошке Инверсия (Inverse) НЕ стояла.
Выйдите из режима Быстрой маски.
Снимите активное выделение и примените фильтр Размытие по Гауссу (Gaussian Blur), радиус размытия 2рх. Перейдите на слой со вторым дубликатом, включите видимость данного слоя. Примените фильтр “Умная” резкость, примените следующие настройки:
- Эффект (Amount): 100%
- Радиус (Radius): 0.5 pх
- Угол (Angle): 0
- Поставьте галочку в окошке Точнее (With More Accurate)
- Удалить (Remove): Размытие по Гауссу (Gaussian Blur)
Отделите цветы от заднего фона с помощью фильтра Извлечь (Extract Filter).
Примечание переводчика: для активации фильтра Извлечь (Extract Filter), идём Фильтр - Извлечь (Filter - Extract) или нажмите комбинацию клавиш (Alt+Ctl+X). В настройках, установите размер кисть 12, поставьте галочку в окошке Textured image, параметр smooth 5, остальные настройки по умолчанию. Прокрасьте кистью задний фон, а затем с помощью инструмента Заливка (Fill), залейте синим цветом изображение цветов и нажмите ОК.
Уменьшите непрозрачность текущего слоя до 42%. Загрузите выделение для слоя с выделенными цветами.
Примечание переводчика: удерживая клавишу Ctrl + щёлкните по миниатюре слоя, где в предыдущем шаге, вы отделили цветы от заднего фона.
- Выделение - Модификация - Сжать (Select > Modify > Contract): 2рх.
- Выделение - Модификация - Растушёвка (Select > Modify > Feather), радиус растушёвки: 8 px
- Добавьте слой-маску.
Продублируйте текущий слой, отключите видимость предыдущего слоя. Удалите слой-маску, а затем вновь добавьте слой-маску. Смягчите края цветов, для этого, перейдите на слой-маску слоя, а затем с помощью мягкой кисти с низкой непрозрачностью, обработайте края цветов, как показано на скриншоте ниже.
Примечание переводчика: цвет кисти - чёрный.
Переместите текстуру Боке на наш рабочий документ.
Продублируйте слой с текстурой Боке. К первому слою с текстурой Боке, добавьте слой-маску и на слой-маске, примените радиальный градиент, цвет градиента: чёрно-белый. Поменяйте режим наложения для первого слоя с текстурой Боке на Перекрытие (Overlay), непрозрачность слоя 58%.
Поменяйте режим наложения для второго слоя с текстурой Боке на Осветление (Screen), непрозрачность слоя 25%.
Ещё раз продублируйте слой с текстурой Боке, расположите дубликат слоя ниже слоёв с выделенными цветами. Поменяйте режим наложения для данного слоя с текстурой Боке на Осветление (Screen), непрозрачность слоя 45%.
Слейте все слои вместе.
Примечание переводчика: 1. чтобы объединить все слои вместе, перейдите на самый верхний слой в палитре слоёв и нажмите комбинацию клавиш Ctrl+Shift+Alt+E. 2. На скриншоте ниже видно, что вначале автор сгруппировал все слои в одну группу, а затем создал штамп всех слоёв. Создавая группу, тем самым, автор создал резервную копию. Если в случае какой-либо недопустимой ошибки, можно было легко вернуться к резервной копии и дальше проводить редактирование изображения.
В этом уроке я покажу вам, как создать простой эффект “Боке” в Фотошопе. В качестве примера будем использовать изображение ночного города, а затем корректировать и накладывать текстуры, всего их будет две, это сам дождь и текстура мокрого окна. В конце урока применим несколько корректирующих слоёв для придания более реалистичного эффекта.
Шаг 1. Выбор исходного изображения
Откройте исходное изображение города в Photoshop Файл - Открыть (File > Open) или просто воспользуйтесь комбинацией клавиш (Ctrl+О). В этом уроке я использую изображение города, вы в свою очередь можете использовать вид из окна с большим количеством огней, улицу, деревню. Нужно понимать одно - если вы собирайтесь добавлять эффект Боке, вам нужно изображение, в котором есть много огней и ночное/вечернее время суток. Именно поэтому я выбрал это изображение:
Также вы можете заметить, что данный город имеет достаточное количество огней и тёмное время суток.
Шаг 2. Создаём эффект боке
Преобразуйте изображение с города в “Смарт объект ” (Smart Object). Для этого кликните правой клавишей мыши по иконке изображения и выберите пункт “Преобразовать в смарт-объект” (Create smart object). Затем перейдите в Фильтр - Размытие - Размытие по Гауссу (Filter > Blur > Gaussian blur). Фильтр “Размытие по Гауссу” поможет нам подготовить основу для будущего дождя, поэтому не бойтесь экспериментировать с размытием. Я же выставил радиус размытия в 31,9 пикс.
И вот результат:
Шаг 3. Коррекция цвета
Перейдите Слой - Новый корректирующий слой - “Цветовой тон/Насыщенность ” (Layer > New Adjustment Layer > Hue/Saturation) и выберите вкладку Голубые (Blues). При помощи корректирующего слоя “Цветовой тон/Насыщенность” (Hua/Saturation) мы добавим больше света, для того чтобы в дальнейшем можно было использовать текстуру дождя, и уменьшим интенсивность синего неба, передвинув ползунок Насыщенность (Saturation) до отметки -67.
Результат:
Шаг 4. Коррекция цвета
Благодаря корректирующему слою “Цветовой тон/Насыщенность” мы уменьшили насыщенность всего города, что совсем не нужно, потому что главной целью являлось уменьшить насыщенность неба. Для исправления недочёта перейдите на маску-слоя корректирующего слоя “Цветовой тон/Насыщенность” (Hua/Saturation) и воспользуйтесь инструментом “Кисть” (Brush Tool), кисть мягкая, цвет чёрный (#000000). Красным цветом ниже показано, где вы должны удалить действие корректирующего слоя.
Вот результат:
Шаг 5. Свет огней
В этом шаге мы немного дорисуем свет огней в городе. Создайте новый слой, назовите его “Огни”, и мягкой круглой кистью дорисуйте огни. Я использовал следующие цвета:
- Тёмно-синий
- Жёлтый
- Зелёный
- Красный
Измените режим наложения для слоя “Огни” на “Осветление основы” (Color Dodge), непрозрачность слоя 100%.
Шаг 6. Регулировка основного цвета
Немного подкрутим общий цвет нашему городу. Добавьте корректирующий слой “Кривые” (Curves) и настройте “Синий” (Blue) и “Красный” (Red) каналы, как показано на скриншоте ниже:
А также на общем канале “RGB” уменьшите немного яркость.
Результат:
Шаг 7. Добавляем текстуру дождя
Откройте первую текстуру дождя, при помощи инструмента “Перемещение” (Move Tool) перенесите на наш основной документ. Слой с текстурой дождя должен располагаться выше остальных, а также не забывайте пользоваться свободным трансформированием (Ctrl+T). Для сохранения пропорций удерживаете зажатой клавишу “Shift”.
Шаг 8. Регулировка контрастности дождя
Добавьте корректирующий слой “Уровни” (Levels) и настройте его в качестве обтравочной маски, кликнув по значку, который отмечен красным на скриншоте ниже. Переместите черный ползунок вправо, чтобы увеличить контрастность текстуры с дождём.
Примечание переводчика: левое значение 36
Результат:
Шаг 9. Дождливый эффект
Теперь нам нужно добавить последнее исходное изображение “Текстура мокрого окна”. Поместите её на наш основной документ.
Измените режим наложения на “Экран” (Screen), непрозрачность слоя 100%.
Шаг 10. Итоговые корректировки цвета
В завершении добавьте корректирующий слой “Цветовой баланс” (Color/Balance) и отрегулируйте значение: “Средние тона” (Midtones), здесь мы будем добавлять немного желтых и красных оттенков. Проще говоря, добавляем тёплые цвета, которые отражаются в окне от города.
Примечание переводчика:
Красный (Red): +29
Зелёный (Green): -25
Синий (Blue): -34
Вот наш результат:
Шаг 11. Финал
В завершение, я использовал корректирующий слой “Поиск цвета ” (Color Lookup), пресет “Teel Orange Plus Contrast.” Не стесняйтесь экспериментировать с другими пресетами.
Вот наш окончательный результат:
На скриншоте ниже вы можете наблюдать структуру проекта на панели слоев:
Спасибо за внимание, надеюсь, вам понравился урок!