типографика | DesigNonstop - О дизайне без остановки

Создаем в фотошопе типографику с эффектом инверсии

4568
19-08-2020

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

Читать полностью…»

Создаем в фотошопе типографику с эффектом смещения

3560
03-08-2020

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

Читать полностью…»

Создаем в фотошопе типографику с эффектом 3d тени

3233
27-07-2020

Приветствую, дорогие мои! В последнее время я часто стала замечать этот эффект в ленте Инстаграм. Поэтому сегодня в фотошопе мы будем делать эффект для типографики, когда активная тень создает иллюзию трехмерности объекта. Для начала зальем градиентом базовый фон, а потом создадим крупную активную типографику. Будем использовать всего два цвета — белый и лазурный. Далее применим стиль слоя Тень, который, собственно, и дает всю эту объемную красоту. Эффект достигается за счет ступенчатости наложения тени на строки текста. Добавим в композицию информационную надпись и украсим декоративными осколками. Урок получился короткий по времени, но результат впечатляющий. Учитесь, тренируйтесь. Успехов!

Читать полностью…»

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

39678
12-12-2017

11 базовых советов по работе с текстом для улучшения типографики сайтаНа что надо обращать внимание при работе с текстом, какие параметры регулируют шрифт или как сделать типографику сайтам более привлекательной. На все эти вопросы нам помогут ответить 11 очень даже полезных советов, приведенных ниже. Итак, на что обратить внимание? Межстрочное расстояние или интерлиньяж, межбуквенное расстояние (трекинг), ручная регулировка расстояния между буквами (кернинг), оптимальная длина строки, правильное сочетание шрифтов, тип, размер и цвет шрифта, контрастность текста, тренды типографики — вот те основные показатели, правильное использование которых поможет вам вывести типографику вашего сайта на должный уровень.

Читать полностью…»

20 сайтов, где можно найти логотипы и типографику для вдохновения

78190
26-10-2017

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

Читать полностью…»

10 полезных советов о том, как улучшить типографику вашего сайта

17060
07-09-2017

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

Читать полностью…»

Создаем в фотошопе эмблему с имитацией загнутой ленты

32368
12-03-2013

Создаем в фотошопе эмблему с имитацией загнутой лентыСегодня мы будем создавать в фотошопе эмблему с имитацией загнутой ленты и надписью. Для этого подготовим фон, воспользовавшись готовой текстурой из набора текстур. Осветлим ее в центре. Потом создадим параллельные прямоугольники и применим к ним стиль слоя. Далее сделаем три наклонных прямоугольника. Два из них будут краями ленты с характерными краями. Также применим к ним стиль слоя. Затем напишем текст, немного украсим его тенью. Добавим звезды по краям из стандартного набора произвольных фигур. После этого выделим все необходимые слои (или объединим в группу) и трансформируем всю фигуру, чтобы придать небольшой наклон.

Читать полностью…»

Создаем в фотошопе логотип с декоративной первой буквой

20517
14-02-2013

Создаем в фотошопе логотип с декоративной первой буквойВ этом достаточно несложном уроке мы будем создавать логотип с декоративной первой буквой. За счет того, что мы будем использовать насыщенные контрастные цвета, результат будет смотреться весьма эффектно. Сначала создадим темный фон и немного затемним его по краям. Далее печатаем основной текст с названием сайта, применяем к нему несколько стилей слоя. После пишем вспомогательный текст, используя более приглушенный цвет. Затем напишем декоративную первую букву, растрируем ее. И потом создадим вспомогательную фигуру и объединим ее с основной буквой. Украсим ее стилями слоя и получим готовый логотип.

Читать полностью…»

Создаем в фотошопе логотип-эмблему на винтажном фоне

34805
22-01-2013

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

Читать полностью…»

Создаем в фотошопе логотип с золотым текстурным фоном

27687
10-01-2013

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

Читать полностью…»

Создаем в фотошопе надпись на текстурном флажке со строчкой

17457
13-11-2012

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

Читать полностью…»

32 queries in 0,170 seconds.