или   
 
Почему вы отправляете жалобу?

Нежелательная реклама или спам
Материалы откровенно сексуального характера
Дискриминационные высказывания или проявление ненависти
Домогательство или издевательство
Материал, защищенный авторскими правами
Возможно, аккаунт был взломан

Мы получили вашу жалобу и рассмотрим ее в ближайшее время. Если выяснится, что эта запись нарушает Правила в отношении поведения пользователей и размещаемого ими контента, мы удалим ее. Спасибо за сотрудничество.
БЛОГИ | Рецепты
Арес Виктор   ares   11.09.2016 | 18:07  

Логотип с глитчем



Меня много раз спрашивали, как сделать лого с глитчем. На самом деле ничего сложного, но возможно кому-то будет полезно. 
Объяснять буду на примере одного из своих лого - "Wavi" здесь мне очень повезло, что буквы идеально легли друг под друга.
То что я здесь объясню это не истина в последней инстанции. Наверняка все это можно сделать легче, я лишь объясню как это делаю я.

/media/uploads/userapi/img_recipe/733/p_684f7hd9er5rkybe5e5536z1z.jpeg


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

/media/uploads/userapi/img_recipe/733/p_8dzf8t9k43ddn53kb4f2sde71.jpeg



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

/media/uploads/userapi/img_recipe/733/p_brds1b3ybetf31dt5y9t5ea8d.jpeg



На первый взгляд разница почти не заметна, но она есть. Именно такие тонкости отличают плохой шрифт от хорошего.

/media/uploads/userapi/img_recipe/733/p_7bf44k1kk49a94e239nr74z96.jpeg




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


/media/uploads/userapi/img_recipe/733/p_7n6db7tyez6drsir4rkrr5tsb.jpeg


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

/media/uploads/userapi/img_recipe/733/p_b6513ht25dd314f9kae5feyk2.jpeg


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

/media/uploads/userapi/img_recipe/733/p_bei989b542t9ff5kiy8b38r4b.jpeg



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

/media/uploads/userapi/img_recipe/733/p_59e65ki7694356f1789s4i8as.jpeg



"MUSH" сделан по такому же принципу, только там больше работы

/media/uploads/userapi/img_recipe/733/p_r6iea7h9a59872y669bifkz79.jpeg





/media/uploads/userapi/img_recipe/733/p_9b9ed8sif7h17y4852bz464k6.jpeg



спасибо за внимание)

/media/uploads/userapi/img_recipe/733/p_yntd42d8rd97fahh7rrn6853b.jpeg

Проект на Behance

Комментарии: 36
Рассказать:
 +14
 
 
 
Арес Виктор [ares] 11.09.2016 | 18:08  
мой первый рецепт, возможно кому-то будет полезно.
 
 
 
 
Veter Irina [VeterDraw] 11.09.2016 | 19:53  
а я-то думала что это в иллюстраторе есть какая-то магическая функция искажения.. ) (к слову, я в корале работаю)
а это оказывается вручную искажается..)
 
 
 
 
Арес Виктор [ares] 11.09.2016 | 19:56  
наверняка что-то есть, и в корле и в люстре, но я не придумал как это иначе сделать
 
 
 
 
Андрей [vectorgrad] 11.09.2016 | 20:40  
в люстре есть
 
 
 
 
Арес Виктор [ares] 11.09.2016 | 20:42  
Андрей, было бы очень круто, если бы ты показал как это сделать в люстре)
 
 
 
 
Андрей [vectorgrad] 11.09.2016 | 20:48  
ниже)
 +11
 
 
 
Кривенко Иван [JKey] 11.09.2016 | 18:20  
Вот такие блоги с рецептами очень интересно читать (в отличие от темпераментного срача), и они приносят пользу дизайнерам и ресурсу, спасибо, Вить! Пойду у Дэна почитаю )
 
 
 
 
Арес Виктор [ares] 11.09.2016 | 18:21  
Спасибо Вань)
 +2
 
 
 
Додонов Роман [IIsixoO] 11.09.2016 | 18:43  
Люто плюсую!!!!) Спасибо)
 +2
 
 
+ Молодцы, так держать! :)
завтра сделаю посты в группах
 
 
 
 
Арес Виктор [ares] 11.09.2016 | 19:25  
спасибо)
 +1
 
 
 
Deos DenOxygen [deos] 11.09.2016 | 19:27  
круто
 +1
 
 
 
Кирилл Мишин [goodstudios] 11.09.2016 | 19:33  
Круто! Спасибо за урок!)
 +2
 
 
 
Egorov Deema [DE] 11.09.2016 | 20:06  
круто) а я еще в фотошопе растягивал так инструментом палец, а потом делал трассировку этого элемента, и уже совмещал с начальными буквами. или можно обрисовать кривыми, без трассировки
 
 
 
 
Арес Виктор [ares] 11.09.2016 | 20:08  
палец довольно непредсказуемо "мажет" )) тоже им пробовал сначала
 
 
 
 
Egorov Deema [DE] 11.09.2016 | 20:09  
а там смотря как настроить жесткость и интенсивность его )
 
 
 
 
Deos DenOxygen [deos] 11.09.2016 | 20:36  
сеткой трансформа можно
 
 
 
 
Арес Виктор [ares] 11.09.2016 | 20:35  
в тему, я писал статью в прошлом году, если интересно можете почитать - https://vk.com/wiktor_ares?w=wall38779543_2441%2Fall
 +5
 
 
 
Андрей [vectorgrad] 11.09.2016 | 20:47  
Меню Object (Объект)
Envelope Distort > Make with Mesh
Искажение с помощью оболочки > по сетке


 
 
 
 
Арес Виктор [ares] 11.09.2016 | 20:48  
ого)) так удобнее конечно) надо попробовать, спасибо)
 
 
 
 
Андрей [vectorgrad] 11.09.2016 | 20:50  
настройки сетки, соответственно, крутить можно
 
 
 
 
Deos DenOxygen [deos] 11.09.2016 | 20:57  
об чом я и говорю)
 +1
 
 
 
Пономарев Игорь [axab] 11.09.2016 | 22:05   [изменено] 11.09.2016 | 22:08
Шож вы с дедом то творите? Теперь знаю как волнистую тельняшку рисовать...
Яж подозревал, что молодежь плохому научит ))) Ну теперь всем капец!
Пожалуй торжественно открою осенний тельяшечно-творческий период - 2016 )))

https://www.youtube.com/watch?v=y-sr8Mfp4gs
...
Научите еще плохому!)
https://www.youtube.com/watch?v=pJEGkde1GXM
 
 
 
 
Арес Виктор [ares] 11.09.2016 | 22:31  
)))
 +1
 
 
 
Желнов Дмитрий [Dimaje] 11.09.2016 | 22:26  
Спасибо!
 +1
 
 
 
Popov Anton [apspace] 12.09.2016 | 13:48  
Попробуй «Деформацию» (Shift+R) в люстре. Результат будет очень похожий, но быстрее во много раз.
Конечно кривые будут не такими идеальными. Можно использовать, чтоб делать черновые варианты, а затем править кривые.


 
 
 
 
Арес Виктор [ares] 12.09.2016 | 14:01  
понял, спасибо)
 
 
 
 
Pushkar Denis [denboroda] 12.09.2016 | 15:20  
Да и в кореле так можно
 
 
 
 
Арес Виктор [ares] 15.09.2016 | 19:12  
если не сложно, покажи как в кореле так сделать, через оболочку?
 
 
 
 
Pushkar Denis [denboroda] 16.09.2016 | 10:26  
не, не оболочка, показал ниже
 +2
 
 
 
Iskra Max [Martyr] 13.09.2016 | 14:27  
вручную интересней)
 
 
 
 
Фан Фаныч [Calypso123] 15.09.2016 | 19:34   [изменено] 15.09.2016 | 19:34
звучит как хенджоб занимательная штука)))
 
 
 
 
Iskra Max [Martyr] 16.09.2016 | 09:46  
у кого какие ассоциации ^_^
 +2
 
 
 
Pushkar Denis [denboroda] 16.09.2016 | 10:26  
Инструмент мастихин. Выделяешь объекты и просто кистью проводишь, очень просто и легко, нажим и размер можно настраивать

 
 
 
 
Арес Виктор [ares] 16.09.2016 | 18:41   [изменено] 16.09.2016 | 19:20
где ты раньше был) это удобнейшая штука, спасибо
 +1
 
 
 
Самборская Лола [lolo] 17.09.2016 | 09:54  
Супер) классный урок, спасибо)

 
Вход




Запомнить