<?xml version="1.0" encoding="utf-8"?> 
<rss version="2.0">

<channel>

<title>Блог Фримонта, заметки с тегом: оформление</title>
<link>http://blog.djfreemont.ru/?go=tags/oformlenie/</link>
<description></description>
<generator>E2 (v3254; Aegea)</generator>

<item>
<title>Добро пожаловать, Европа!</title>
<guid isPermaLink="false">43</guid>
<link>http://blog.djfreemont.ru/?go=all/dobro-pozhalovat-evropa/</link>
<comments>http://blog.djfreemont.ru/?go=all/dobro-pozhalovat-evropa/</comments>
<description>&lt;p class="lead"&gt;Процесс обновления фирменного стиля подкаста&lt;/p&gt;
&lt;p&gt;Конец марта 2026. После раскола в подкасте о Евровидении назрел вполне логичный вопрос о смене фирменного стиля. Должна ли она быть радикальной или можно слегка обновить то, что есть. Копаясь в своих ресурсах, я нашёл интересный шаблон для создания хромированного текста:&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(1).jpg" width="1200" height="800" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Мне это показалось интересной задумкой, поэтому я решил поискать хорошую кириллическую антикву. Найдя подходящую, я открыл Фотошоп и сделал вот такой набросок:&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(2).jpg" width="1280" height="720" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;В отличие от &lt;a href="https://vk.com/forest_dima"&gt;Димы&lt;/a&gt;, я не воспринял это всерьёз. На мой взгляд, подобное было бы слишком, поэтому на время отложил идею. Вообще, что было изначально:&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(4).jpg" width="1590" height="1590" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Мы видим синий фон, довольно кривую карту Европы + Австралия, немного странные жёлтые рукописные буквы. Может быть, взять более аккуратный шрифт?&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(3).jpg" width="1000" height="1000" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Ну такое. Решил найти оригинальный шрифт. Оказалось, что в нём нет кириллицы, её Дима в своё время пытался сделать сам. Работать с русскими буквами мне не впервой, поэтому нарисовал их заново, заодно попытался выровнять надпись по центру. В процессе поменял карту и добавил милых полосочек.&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(5).jpg" width="1000" height="1000" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Тут можно было бы остановиться, но Диме больше нравилась идея с металлической антиквой, видимо, из-за предвкушения просмотра сиквела «Дьявол носит Прада». Хозяин — барин. Было решено оставить сине-жёлтую цветовую гамму, которая отсылает ко флагу Европейского союза. Общий стиль должен стать строже. Отныне «Вэлкам, Юроп!» — это модный «журнал». Поехали!&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(6).jpg" width="1080" height="1080" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Что, если перекрасить в красненький:&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(7).jpg" width="1080" height="1080" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Ну нет, как-то не очень. Решили не трогать цвета совсем, только если в превью для видео в соцсетях. Ещё один подход, на всякий случай делаем английскую версию. Листайте галерею и вы узнаете, что мне напомнила текущая итерация:&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1080" data-ratio="1"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(8).jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(9).jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(10).jpg" width="733" height="500" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;В целом, уже хорошо. В шрифте позже были найдены красивые веточки, которые потом были успешно внедрены в название, образуя полноценный логотип. Нравится намёк на жидкое стекло, но всё равно как будто чего-то не хватает. Нужно было отвлечься. Начали думать над превью. Год назад Дима меня уже просил обновить их, тогда мы оставили на будущее такой концепт, решаем использовать его:&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1280" data-ratio="1.7777777777778"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(11).jpg" width="1280" height="720" alt="" /&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(12).jpg" width="1280" height="720" alt="" /&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(13).jpg" width="1280" height="720" alt="" /&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(14).jpg" width="1280" height="720" alt="" /&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(15).jpg" width="1280" height="720" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Насчёт превью наши взгляды сошлись: мы хотели видеть фотографию в обычных цветах, а не под картой градиента, заголовок должен быть визуально крупным, а по смыслу — кратким и ёмким. Никаких дополнительных элементов и информации быть не должно. Надеемся, что то, к чему мы пришли, будет достаточно кликбейтным.&lt;/p&gt;
&lt;p&gt;Обсуждая то, как продвигается создание оформления, Дима предложил как-нибудь сделать земной шар. Поначалу я не понял, что он хочет: маленький глобус внизу или просто планету на фоне названия. Но пару дней спустя он скидывает картинку из нейросети:&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(16a).jpg" width="1181" height="1181" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Мы оба понимаем, что это то, что нужно. Изучаю видеоуроки по созданию Земли в АЕ, скачиваю снимки ночной планеты с официального сайта NASA.&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(17).jpg" width="1280" height="719" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Нахожу нужный поворот и угол зрения, сохраняю слои, возвращаюсь в Фотошоп:&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1280" data-ratio="1"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(18).jpg" width="1280" height="1280" alt="" /&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(19).jpg" width="1280" height="1280" alt="" /&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(20).jpg" width="1280" height="1280" alt="" /&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(21).jpg" width="1280" height="1280" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;В Евровидении с 2015 года участвует Австралия, поэтому ради неё мы нарушили географию и переместили континент в северное полушарие. Ищем приемлемое расположение:&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1280" data-ratio="1.7777777777778"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(22).jpg" width="1280" height="720" alt="" /&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(23).jpg" width="1280" height="720" alt="" /&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(24).jpg" width="1280" height="720" alt="" /&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(25).jpg" width="1080" height="1080" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Почти готово, начинаем примерять графику в соцсетях. Становится понятно, что выбранный оттенок на белом фоне кажется почти чёрным.&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(26).jpg" width="1152" height="510" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Делаем светлее и поворачиваем шар на один градус, чтобы избавиться от кусочка Африки:&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1080" data-ratio="1"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(27).jpg" width="1080" height="1080" alt="" /&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(28).jpg" width="1080" height="1080" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Папка с дизайном постепенно наполняется исходниками и видеоматериалами. После рендера вращающейся Земли проснулся мой синдром самозванца: неужели всё то, что получилось, сделал я? Это слишком красиво, такого не может быть...&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(29).jpg" width="1280" height="486" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;С логотипом и фоном понятно. Что насчёт плоской версии и брендовых цветов? На этом этапе произошла интересная ситуация. Я сохранил psd и ушёл спать, а утром я его не нашёл, он просто исчез. Целый день был потрачен на проверку жёсткого диска на целостность и всего компьютера на вирусы. Ничего плохого выявлено не было. Обидно. Пришлось создавать файл с нуля. Потом он пригодился для заставки.&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1280" data-ratio="1.7777777777778"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(30).jpg" width="1280" height="720" alt="" /&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(31).jpg" width="1280" height="720" alt="" /&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(32).jpg" width="1280" height="719" alt="" /&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(33).jpg" width="1280" height="719" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Попутно делаю превью более светлым. Специально использую неподходящую яркую фотку, чтобы испытать дизайн в сложных условиях:&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1280" data-ratio="1.7777777777778"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(34).jpg" width="1280" height="720" alt="" /&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(35).jpg" width="1280" height="720" alt="" /&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(36).jpg" width="1280" height="720" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Тем временем, шведскому королю в этом году исполняется 80 лет. Что-то мне очень напоминает этот баннер…&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1144" data-ratio="1.776397515528"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(37).jpg" width="1144" height="644" alt="" /&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(38).jpg" width="1144" height="644" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Шутки в сторону. Делаем некое подобие брендбука и шаблон под стрим.&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1280" data-ratio="1.7802503477051"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(39).jpg" width="1280" height="719" alt="" /&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(40).jpg" width="1280" height="719" alt="" /&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(41).jpg" width="1280" height="719" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Предлагаю Диме обновить визуальный стиль Мегаквиза — ежегодной викторины подкаста. Он согласился:&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1280" data-ratio="1.7802503477051"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(42).jpg" width="1280" height="719" alt="" /&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(43).jpg" width="1280" height="719" alt="" /&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(44).jpg" width="1280" height="720" alt="" /&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(45).jpg" width="1280" height="720" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;А вы тоже хотите обновить дизайн Мелодифестивалена? Если да — дайте SVT мои контакты. :)&lt;/p&gt;
&lt;p&gt;Ну вот и всё. Процесс занял чуть меньше месяца. Удивительно быстро. Оно и понятно: если есть чёткое представление того, как должно всё выглядеть, то работается легко и с удовольствием. Поиски нужного направления порой выматывают и заставляют сомневаться в себе. Здесь же и я, и Дима довольны и собой, и результатом. Благодарю его за сотрудничество и возможность сделать то, что раньше казалось мне сложным и даже невозможным. Оказывается, я это умею!&lt;/p&gt;
&lt;p&gt;Ищите, слушайте и смотрите подкаст &lt;a href="https://www.youtube.com/@welcomeeurope" class="nu"&gt;«&lt;u&gt;Вэлкам, Юроп!&lt;/u&gt;»&lt;/a&gt; в новом оформлении!&lt;/p&gt;
&lt;div style="margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/W-E-(46).jpg" width="1920" height="1080" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;</description>
<pubDate>Wed, 29 Apr 2026 07:59:55 +0500</pubDate>
</item>

<item>
<title>Мой, мой фирменный стиль</title>
<guid isPermaLink="true">http://blog.djfreemont.ru/?go=all/moy-moy-firmenny-stil/</guid>
<link>http://blog.djfreemont.ru/?go=all/moy-moy-firmenny-stil/</link>
<comments>http://blog.djfreemont.ru/?go=all/moy-moy-firmenny-stil/</comments>
<description>&lt;p class="lead"&gt;Пришло время что-то менять&lt;/p&gt;
&lt;p&gt;Как вы успели заметить, мои дорогие читатели, если вы, конечно, у меня есть, я поменял аватар у блога. На нём изображён мой новый логотип. Теперь я буду использовать его взамен своего старого, последнюю версию которого сделал прекрасный 3D-дизайнер &lt;a href="https://vk.com/mrcatmann_design"&gt;Кирилл&lt;/a&gt;. Разумеется, было много всяких заморочек и правок, но он справился на отлично. Зайдите, посмотрите, хороший, талантливый малый.&lt;/p&gt;
&lt;p class="aside"&gt;Диджейские миксы я делал во Фрутилупсе. Использовал совершенно разную музыку: от аналоговых синтезаторов Жана-Мишеля Жарра до прекрасного русского транса нулевых от PPK.&lt;/p&gt;
&lt;p&gt;С чего бы это вдруг я так, спросите вы. Предыстория. В начале 2012 я подумал, что наиболее чётким и запоминающимся псевдонимом будет как можно более короткий вариант. Т. к. я Фримонт, а на то время я любил делать музыкальные миксы (такое кривое позорище я не выкладывал никуда), то я избрал для себя имя DjF — будто бы сокращение от DJ Freemont. С тех пор прошло достаточно времени. Потом я узнал, что DJF — это аббревиатура франка Джибути. Поэтому в этом году я решил сделать свой псевдоним не только однозначно понятным всем, но и переработать свой фирменный стиль, сделать его более универсальным и гибким в применении в разных средах.&lt;/p&gt;
&lt;p&gt;Изначально хотелось чего-то фиолетового, со взглядом вверх. За основу взял шрифт &lt;b&gt;Montserrat&lt;/b&gt;. Очень похожий на всеми любимый и активно используемый &lt;b&gt;Gotham Pro&lt;/b&gt;, но со своими уникальными особенностями и фишками. Правда, без кириллицы, но в логотипе она не нужна. С чего всё началось:&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:28px;margin-bottom:28px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/djf1.jpg" width="500" height="500" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/djf2.jpg" width="500" height="500" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Размещение в две строки очень хорошо для аватаров и для других подобных ограниченных пространств правильной формы. Для баннеров нужна была однострочная версия, что я и сделал:&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/djf3.jpg" width="500" height="500" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Написал Никите. Он — лучший дизайнер-любитель, которого я знаю. Он удивился, почему я так радикально. Рассказал ему два первых абзаца этой заметки. Он оценил такой шаг. Если бы не оценил, то пришлось бы придумывать что-то другое, потому что мнения Никиты относительно дизайна очень часто оказываются правильными и разумными.&lt;/p&gt;
&lt;p&gt;Тем временем, я начал думать, что бы такого сделать, чтобы логотип не был обычной надписью под углом. Поехали:&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/djf4.jpg" width="500" height="500" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/djf5.jpg" width="500" height="500" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/djf6.jpg" width="500" height="500" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;На данном этапе поступило предложение приглушить цвета букв. Не проблема:&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/djf7.jpg" width="500" height="500" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Стало понятно, что меня затянуло в какие-то семидесятые. Как сказал Никита, это не хорошо и не плохо, да и мне, в принципе, подобное в последнее время нравится:&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/djf8.jpg" width="750" height="1092" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Далее пробую монохромность и просто чёрный фон. Красота с привкусом ретро:&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/djf9.jpg" width="500" height="500" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/djf10.jpg" width="500" height="500" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Цвет, который оказался в середине слоёного пирога — голубой, очень хорошо подходил под фон. В итоге создавалась небольшая иллюзия, будто бы красные тени отделились от букв. Но тут я начинаю чувствовать подвох. Где-то это я уже видел:&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/djf11.jpg" width="500" height="500" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/djf12.jpg" width="500" height="500" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;После этой итерации я лёг спать. На следующий день я провёл поиск по картинкам. Гугл был со мной солидарен, он тоже где-то подобное уже встречал:&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/djf13.jpg" width="1280" height="768" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Обидно. Из этого вполне могло получиться что-нибудь киберпанковое. Хорошо, убрал голубой фон. С удивлением обнаружил, что жёлтый и красный цвета в подобном исполнении уж очень сильно напоминают стиль забегаловок типа Макдональдса или Бургер Кинга. Только в моём случае сие аппетит не возбуждает, ну, никак. Да и кулинарных блогов я никогда не заводил.&lt;/p&gt;
&lt;p&gt;Вот тут я запутался. Думал, ну нафиг ребрендинг. Но жалко потраченное время и фантазию. Написал ещё одному моему знакомому-дизайнеру Тёме (нет, не Лебедеву). Он сказал, что в логотипе нет изюминки, не за что зацепиться взглядом. Отчасти я с ним согласился: просто надпись, ну, под углом, ну, фон градиентный. Сейчас логотипы делают из двух составляющих: графической и текстовой. Только я никогда не связывал себя с каким-либо образом, который можно было бы отрисовать в Фотошопе.&lt;/p&gt;
&lt;p&gt;И я начал искать. Что бы можно было такого-эдакого сделать... В голову пришла идея графического эквалайзера, но рядом с буквами он казался чужеродным. И тут я нашёл у себя в коллекции шрифтов такой, в котором каждый символ состоит из точечек:&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/djf14.jpg" width="500" height="500" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Оставил полупрозрачную подложку для объёма:&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/djf15.jpg" width="500" height="500" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Вот оно. Буквы-эквалайзеры. Тут я убиваю сразу двух зайцев: немного понижаю уровень значимости того, что я когда-то был каким-то там никому неизвестным ди-джеем, а также рождается идея паттерна из точечек. Если приглядеться, то эти самые точки складываются в очень громкие слова: Design &amp; Music.&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/djf16.jpg" width="500" height="500" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Что-то не очень. Поигрался, и вот, что-то уже более похожее на нормальный дизайн:&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/djf17.jpg" width="500" height="500" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Параллельно делаю однострочную версию с белым фоном:&lt;/p&gt;
&lt;div style="margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/djf18.jpg" width="795" height="200" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/djf19.jpg" width="795" height="200" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Почти готово. Осталось только откернить буквы в точечном шрифте. Хотя, по сути, мне пришлось заново делать паттерн, ибо то, что я сделал изначально, было адом перфекциониста. Добавляю для аватарки контрастные границы. Готово.&lt;/p&gt;
&lt;div style="max-width:720px;margin-top:24px;margin-bottom:24px"&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="http://blog.djfreemont.ru/pictures/djf20.jpg" width="500" height="500" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Итог. Я получил то, чего хотел. У подобной формы можно ставить разные фоны, буквы могут быть любого цвета, с подложкой и без, а паттерн из точек перешёл из старой версии в новом исполнении. Постепенно произойдёт унификация всех моих творений под марку DJFreemont. Такая, вот, маленькая победа для себя, хоть я и не профессиональный дизайнер, а самоучка. Однако людям нравится то, что я делаю, и думаю, что всё-таки надо учиться большему.&lt;/p&gt;
</description>
<pubDate>Tue, 12 Sep 2017 01:45:17 +0500</pubDate>
</item>


</channel>
</rss>