Как бюджетно сделать логотип своей компании на стене в офисе — Дизайн на vc.ru
Привет, я с командой сделал уже больше 40 логотипов для офисов с помощью трафарета и краски. Сегодня расскажу как это сделать самим быстро и недорого.
1909 просмотров
1. Делаем макет
Чтобы посмотреть как логотип будет смотреться на стене делаем макет в фотошопе.
Измеряем стену, фотографируем, заходим в фотошоп.
В фотошопе создаем файл в размер стены, где пиксель равен миллиметру, то есть если стена 2,7 метра на 4 метра, делаем файл 2700 на 4000 пикселей.
Логотип вставляем в фотошоп, изменяем размер, положение, как нам нравится.
размер логотипа на стене 118 см на 96 см
Как только нас все устроило, выбирает инструмент «Выделение», и измеряем берем наш логотип в рамочку. Теперь фотошоп подсказывает нам размер этой рамки. Это и будет размер будущего лого. Запоминаем цифры.
Теперь смотрим таким же способом высоту от потолка, пола и боковых стен, записываем.
высота от потолка до логотипа 49 см
Также можем наложить наш лого на фото стены и посмотреть что будет там
2. Заказываем трафарет
Обращаемся в любую типографию у кого есть плоттерная резка. Присылаем им вектор логотипа, желаемый размер.
Менеджеру сообщаем, что нам нужен трафарет одноразовый на самоклеящейся пленке, и с нанесенной монтажной пленкой сверху (это такая прозрачная наклейка).
трафарет с нанесенной сверху монтажной пленкой
У трафаретов есть много видов пленки, но мы будем выбирать между двумя. И так, если у вас гладкая, красивая стена, то выбираем removable. Это легкоснимающаяся пленка, при снятии трафарета краска со стены не слезет. У такой пленки специально сделан слабый клей.
Если ваша стена это кирпич, кафель, фасад или любая другая грубая, рельефная поверхность, то выбираем классическую пленку с сильным клеем.
3. Клеим трафарет
Сверяемся с размерами и делаем разметку на стене с помощью скотча и рулетки.
Задаем границы нашего логотипа.
Переворачиваем логотип на полу лицом вниз. Снимаем заднюю бумажку от клейкой части.
Берем логотип вдвоем, клеим ровно к стене с натяжкой, иначе будут пузыри.
Приклеили, отошли, проверили, что висит ровно, теперь приглаживаем, прижимаем, чтобы держалось всё нормально.
Снимаем монтажную пленку. Затем снова прижимаем трафарет.
4. Защищаем поверхности
вот такой опыл летит во все стороны
Берем защитную пленку и обклеиваем логотип со всех четырех сторон, как Мистер Бин в эпизоде с покраской комнаты.
Защищаем всё, пол, потолок, стены, мебель, будто собираемся есть гранат.
Это может занять время, но это лучше, чем потом отмывать весь офис.
5. Красим
Для покраски используем аэрозольные баллончики из граффити-магазина.
Подойдут Montana, Артон, MTN. Мы чаще берем Артон, потому что его легче отмывать с пола.
Красим равномерно, не жалеем краску.
Баллончик не подносим близко к стене, иначе польются капли. Не держим его на одном месте, водим вниз-верх или в другие направления.
Покрасили, отошли, посмотрели. Увидели где промелькнула стена — докрасили.
Затем снимаем трафарет вместе с защитной пленкой и получаем готовый логотип.
Создаём Макет Логотипа, Выгравированного на Деревянной Поверхности в PhotoshopDesigne-R
В этом уроке вы узнаете, как использовать Смарт Объекты Photoshop для создания логотипа с фотореалистичным результатом. Благодаря использованию многослойных стилей слоя мы вырежем ваш логотип на деревянной поверхности!
Рекомендуем также посмотреть:
- Создаем анимированную фотографию для Инстаграм
- Создаем в фотошоп эффект размытого фона
- Создаем динамичный постер со скейтбордистом в Фотошоп
Следующие исходные материалы были использованы для создания данного урока:
- Текстура Дерева
- Изображение в Перспективе
- Векторный Значок, взятый из коллекции: Эмблемы и Логотипы Том 01
- Шрифт Familiar Pro
- Шрифт Corleone
Шаг 1
Скачайте текстуру Дерева, а затем откройте её в программе Photoshop.
Шаг 2
Скачайте исходное Изображение в Перспективе, а затем откройте его в программе Photoshop.
Шаг 3
Далее, идём в меню Выделение – Все (Select > All), а затем идём Редактирование – Скопировать (Edit > Copy), чтобы скопировать выделенную область в буфер обмена.
Возвращаемся на наш рабочий документ, а затем идём в меню Редактирование – Вклеить (Edit > Paste), чтобы вклеить скопированное изображение в перспективе поверх фонового слоя.
Переименуйте слой, для этого дважды щёлкните по названию слоя в панели слоёв, чтобы поменять название слоя на Перспектива (Perspective).
Шаг 4
Установите цвет переднего плана на жёлтый цвет (подойдёт любой цвет кроме чёрного).
Далее, выберите инструмент Прямоугольник (Rectangle Tool), наведите курсор на холст, а затем щёлкните по нему, чтобы появилось диалоговое окно, которое позволит вам применить точные размеры для вашей новой фигуры.
Укажите следующие размеры: 1267 x 814 px, а затем нажмите кнопку ‘OK’.
Переименуйте слой, для этого дважды щёлкните по названию слоя в панели слоёв, чтобы поменять название слоя на Смарт Объект (Smart Object).
Находясь на слое Смарт Объект (Smart Object), идём в меню Слой- Смарт объект- Преобразовать в Смарт объект (Layer > Smart Object > Convert to Smart Object).
Шаг 5
Далее, идём Редактирование – Трансформация – Искажение (Edit > Transform > Distort). Теперь сместите верхний правый угол, чтобы выровнять его с верхним правым углом чёрного прямоугольника.
Шаг 6
Продолжайте смещать опорные точки на углах, пока вы не выровняете все углы жёлтого прямоугольника с изображением чёрного прямоугольника, закрыв полностью всю область изображения в перспективе:
Шаг 7
Теперь вы можете удалить слой Перспектива (Perspective), для этого, вначале перейдите на указанный слой в палитре слоёв, а затем идём Слой – Удалить – Слой (Layer > Delete > Layer).
Шаг 1
Нам нужен логотип или эмблема, чтобы создать нужный эффект. Данная эмблема станет основным элементом, которая позже будет выгравирована на деревянной поверхности.
В этом уроке мы используем эмблему из набора Эмблемы и Логотипы Том 01. Скачайте исходный файл, а затем откройте в программе Illustrator.
Шаг 2
Откройте исходный векторный файл с расширением .ai в программе Adobe Illustrator. При открытии исходного файла, появится окно, предупреждающее вас, чтобы в данном документе используются шрифты, которых нет в настоящий момент на вашем компьютере. Не переживайте насчёт этого —все шрифты бесплатны к применению, при этом, вы можете найти текстовый файл внутри исходной папки со всеми исходниками и ссылками, чтобы скачать нужные шрифты.
В этом уроке я использовал следующие бесплатные шрифты, которые были использованы для создания эмблемы:
- Шрифт Familiar Pro
- Шрифт Corleone
Шаг 3
Как только вы установите шрифты, выберите инструмент Выделение (Selection Tool (V).
Теперь выделите эмблему “Vintage Knights” (или любую другую эмблему, которая вам нравится).
Скопируйте выделенную эмблему, для этого идём Редактирование – Скопировать (Edit > Copy) или нажмите клавиши (Ctrl+C).
Создайте новый документ со следующими размерами 350 x 350 px в программе Adobe Illustrator.
В заключение, вклейте эмблему, которую вы только что скопировали, для этого идём Редактирование – Вклеить (Edit > Paste) или нажмите клавиши (Ctrl+V).
Шаг 4
С помощью инструмента Выделение (Selection Tool (V), переместите эмблему с белой поверхности холста на серую поверхность.
Шаг 5
Перед тем, как импортировать эмблему на наш рабочий документ в программе Photoshop, нам нужно расширить внешний вид, а также преобразовать все текстовые формы в векторные фигуры и удалить белые участки, которые видны в данный момент, поскольку мы переместили эмблему на серую поверхность.
Если эмблема не выделена, выделите её, для этого, щёлкните по ней с помощью инструмента Выделение (Selection Tool (V).
Теперь идём в меню, Объект- Разобрать оформление (Object > Expand Appearance).
Ещё раз идём Объект – Расширить (Object > Expand). Далее, появится диалоговое окно, выберите опции Объект (Object) и Заливка (Fill), а затем нажмите кнопку ‘OK’:
Шаг 6
Далее, идём в панель Обработка контуров (Pathfinder panel). Если вы не видите указанную панель, тогда идём Окно – Обработка контуров (Window > Pathfinder).
Выберите опцию Обрезка (Trim).
Шаг 7
Теперь, когда эмблема представляет 100% векторную фигуру, мы можем удалить белые участки. Выберите инструмент Волшебная палочка (Magic Wand Tool), а затем наведите курсор на белый участок эмблемы, далее, щёлкните по нему, чтобы выделить все белые участки эмблемы.
При необходимости, увеличьте холст с помощью инструмента Масштаб (Zoom Tool (Z). Теперь, когда все белые участки эмблемы будут выделены, удалите их, для этого идём в меню Редактирование – Вырезать (Edit > Cut).
Шаг 1
Мы всё ещё находимся в рабочем пространстве Adobe Illustrator. Если эмблема не выделена, тогда выделите её, для этого щёлкните по ней с помощью инструмента Выделение (Selection Tool (V). Скопируйте выделенную эмблему, для этого идём Редактирование – Скопировать (Edit > Copy) или нажмите клавиши (Ctrl+C).
Шаг 2
Возвращаемся в программу Photoshop, а затем дважды щёлкните по миниатюре смарт-объекта, чтобы открыть содержимое смарт-объекта в новом окне Photoshop. В открытом окне, вы можете применить любые изменения, и как только вас устроит результат, всё, что вам нужно будет сделать – это сохранить документ и Смарт объект Photoshop обновится, когда вы вернётесь к нему.
В панели слоёв, отключите видимость слоя с жёлтым прямоугольником, а затем вклейте только что скопированную эмблему, для этого идём Редактирование – Вклеить (Edit > Paste) или нажмите клавиши (Ctrl+V).
В появившемся диалоговом окне, выберите опцию Смарт Объект (Smart Object), а затем нажмите кнопку ‘OK’:
Шаг 3
В верхней панели настроек, установите следующие координаты расположения эмблемы: 633.50 x 406.50 px, а также установите размер эмблемы на 666% для обоих значений Ширины (Width) и Высоты (Height). Когда вы завершите, нажмите клавишу ‘ENTER’:
Шаг 4
Сохраните документ, для этого идём Файл – Сохранить (File > Save) или нажмите клавиши (Ctrl+S).
Возвращаемся на наш основной документ, и вы заметите, что смарт-объект обновился с учётом последних изменений.
Эмблема, фактически, приняла перспективу смарт объекта.
Шаг 1
Уменьшите значение Заливки (Fill) для слоя Смарт Объект (Smart Object) до 0%:
Шаг 2
Продублируйте слой Смарт Объект (Smart Object) пять раз, для этого идём Слой- Новый – Скопировать на новый слой (Layer > New > Layer Via Copy).
Теперь переименуйте все дубликаты слоёв, а затем сгруппируйте все дубликаты слоёв в одну группу, как показано на скриншоте ниже.
В дальнейшем, когда вам нужно будет заменить эмблему вашего смарт-объекта, то вы можете использовать слой Смарт Объект (Smart Object), для этого щёлкните по нему, а затем проведите редактирование содержимого.
Шаг 3
Давайте начнём добавлять стили слоя к слою Эффекты 5 (Effect 5). Откройте окно настроек Стилей Слоя (Layer Style), чтобы добавить стиль слоя Тиснение (Bevel & Embossed).
Установите следующий цвет для Режима Подсветки (Highlight Mode): #ffffff, а цвет для Режима Тени (Shadow Mode) на #000000, а также установите остальные настройки, как показано на скриншоте ниже:
Шаг 4
Добавьте стиль слоя Внутренняя Тень (Inner Shadow), установите цвет Режима Наложения (Blend Mode) на #000000, а также установите остальные настройки, как показано на скриншоте ниже:
Шаг 5
Добавьте стиль слоя Глянец (Satin), установите цвет Режима Наложения (Blend Mode) на #3b2b25, а также установите остальные настройки, как показано на скриншоте ниже:
Шаг 6
Добавьте стиль слоя Тень (Drop Shadow), установите цвет Режима Наложения (Blend Mode) на #ffffff, а также установите остальные настройки, как показано на скриншоте ниже:
Шаг 7
Теперь давайте добавим стили слоя к слою Эффекты 4 (Effect 4).
Откройте окно настроек Стилей Слоя (Layer Style), чтобы добавить стиль слоя Внутренняя Тень (Inner Shadow), установите цвет Режима Наложения (Blend Mode) на #000000, а также установите остальные настройки, как показано на скриншоте ниже:
Шаг 8
Добавьте стиль слоя Наложение Узора (Pattern Overlay), а также установите остальные настройки, как показано на скриншоте ниже:
Щёлкните по миниатюре узора, а затем щёлкните по маленькой шестерёнке, чтобы открыть выпадающее меню. Выберите опцию Серая бумага (Grayscale Paper), а затем щёлкните по первому узору с названием ‘Black Weaved’.
Шаг 9
Добавьте стиль слоя Тень (Drop Shadow), установите цвет Режима Наложения (Blend Mode) на #b07555, а также установите остальные настройки, как показано на скриншоте ниже:
Шаг 10
Далее, добавьте стили слоя к слою Эффекты 3 (Effect 3).
Откройте окно настроек Стилей Слоя (Layer Style), чтобы добавить стиль слоя Внутренняя Тень (Inner Shadow), установите цвет Режима Наложения (Blend Mode) на #000000, а также установите остальные настройки, как показано на скриншоте ниже:
Шаг 11
Добавьте стили слоя к слою Эффекты 2 (Effect 2).
Откройте окно настроек Стилей Слоя (Layer Style), чтобы добавить стиль слоя Внутренняя Тень (Inner Shadow), установите цвет Режима Наложения (Blend Mode) на #000000, а также установите остальные настройки, как показано на скриншоте ниже:
Шаг 12
Теперь, добавьте стили слоя к слою Эффекты 1 (Effect 1).
Откройте окно настроек Стилей Слоя (Layer Style), чтобы добавить стиль слоя Внутренняя Тень (Inner Shadow), установите цвет Режима Наложения (Blend Mode) на #000000, а также установите остальные настройки, как показано на скриншоте ниже:
Шаг 13
Добавьте стиль слоя Наложение Градиента (Gradient Overlay), а также установите остальные настройки, как показано на скриншоте ниже:
Щёлкните по шкале градиента, чтобы открыть окно редактора градиента.
- Установите первую контрольную точку цвета на
#696969, Позиция (Location)0%. - Установите вторую контрольную точку цвета на
#d9d9d9, Позиция (Location) 100%.
В этом уроке вы узнали, как создать макет логотипа, выгравированного на деревянной поверхности в программе Adobe Photoshop!
Надеюсь, что вам понравился урок, и вы узнали что-то новое. Пожалуйста, не стесняйтесь оставлять свои комментарии и предложения.
Желаем приятно провести время за программой Photoshop!
Создать глянцевую эмблему | Уроки Photoshop @ Designstacks
В этом посте вы узнаете, как сделать специальную металлическую эмблему с пламенем. Эмблемы обычно выглядят очень просто и уникально, так как их задача — передать впечатление о вашей компании/продукте читателю или клиентам. Просто попробуйте сделать эмблему для себя!
Для начала давайте создадим новый файл ( File>New ) размером 1920x1200px/72dpi .
Затем возьмите инструмент Paint Bucket Tool (G) 9.0008 и залейте новый фоновый слой цветом #B2B3B5
Теперь нам нужно ввести Filter>Noise>Add Noise и выбрать следующие параметры:
Мы получим следующий результат:
Теперь введите Filter>Blur>Motion Blur и установите следующие параметры:
Вот что у нас должно получиться:
Нажмите Ctrl+T и растяните слой, перевернув его.
Выберите следующие параметры для последнего созданного слоя:
Теперь нажмите Ctrl+M и выберите следующие показанные параметры:
Результат, который мы получили на данный момент:
Получим следующий фон:
Теперь выберем Brush Tool (B) черного цвета со следующими настройками: Master Diameter – 300 px , Hardness – 0% , Непрозрачность — 100% .
Теперь мы должны выбрать Pen Tool (P) , чтобы нарисовать пламя, как показано ниже:
Затем мы выберем стиль слоя , дважды щелкните левой кнопкой мыши по этому слою. на панели слоев и установите Параметры наложения — Внутреннее свечение :
Параметры наложения — Скос и тиснение
Параметры наложения — Наложение градиента
Редактор градиента
Варианты смешивания — ход
Редактор градиента
Установите для слоя Непрозрачность , как показано на рисунке ниже:
Затем примените стиль слоя : Параметры наложения > Обводка
Мы получим следующий результат: 07
3
3 последний созданный слой и исправьте его, сдвинув якоря с помощью Delete Anchor Point Tool , чтобы получить следующий результат:
Установите следующий стиль слоя :
Параметры наложения — Внутренняя тень
Варианты смешивания — Внешнее свечение
Варианты смешивания — Bevel and Emboss
Варианты смещения — удар
9 .
Страница: 1 2
Как создать логотип в стиле значка/эмблемы в стиле ретро
Этот пост был впервые опубликован в 2011 году
Описанные советы и приемы могут быть устаревшими.
Значок/эмблема с логотипом в стиле ретро — это горячая тенденция на данный момент, и неудивительно, почему — они очень крутые! Мы уже рассмотрели витрину логотипов в стиле ретро и винтаж на основе круглых мотивов, теперь давайте создадим свой собственный. Мы создадим базовую структуру в Illustrator, а затем придадим ей состаренный винтажный вид, добавив несколько последних штрихов в Photoshop.
Неограниченное количество загрузок из более чем 2 000 000 кистей, шрифтов, графики и шаблонов дизайна
Объявление
Логотип, который мы будем создавать, предназначен для полностью вымышленного спортзала Powerhouse (хотя я не удивлюсь, если где-то есть тренажерный зал с таким названием!).
Он сочетает в себе многие типичные черты этой ретро / винтажной темы с чередующимися черными и белыми кольцами, а также мелкими деталями, такими как звезды и точки. Текст и слоган следуют по окружности круга, в то время как значок находится в центре и дает визуальную обратную связь о том, что продвигает логотип.
Посмотреть ретро/винтажный дизайн логотипа
Обязательно ознакомьтесь с подборкой ретро-логотипов в виде значков/эмблем, а затем, когда у вас появится множество идей, откройте Adobe Illustrator и создайте большой круг. Скопируйте (CMD+C) и Вставьте на передний план (CMD+F) дубликат, немного уменьшите его, удерживая клавиши ALT и Shift, затем переключите заливку на белую обводку.
Нажмите CMD+F, чтобы вставить другой дубликат, уменьшите масштаб и измените заливку на белый. Вставьте другой, немного уменьшите его, чтобы создать впечатление толстого кольца.
Вставьте еще пару кругов и соответствующим образом масштабируйте их, чтобы добавить пару тонких штрихов внутри и снаружи белого кольца.
Расположите еще один круг точно в центре белого кольца, затем настройте параметры обводки на 4pt Weight, Round Cap, Bevel Join, Пунктирная линия, 0pt Dash и 17pt Gap. В частности, для настройки зазора используйте клавиши курсора, чтобы подтолкнуть число вверх и вниз, пока круги не будут расположены равномерно.
В другом месте монтажной области нарисуйте серию весовых пластин с помощью инструмента «Прямоугольник со скругленными углами». Масштабируйте и размещайте каждую большую пластину с одинаковым расстоянием между ними.
Используйте инструмент «Прямоугольник», чтобы добавить ручку, затем скопируйте, вставьте и поверните ряд пластин, чтобы закончить простой значок гантели.
Измените заливку всех фигур, составляющих гантель, на белый цвет, сгруппируйте их вместе и поместите изображение в центр логотипа.
Скопируйте и вставьте один из кругов логотипа и удалите заливку и обводку. В меню инструмента «Текст» выберите параметр «Текст по контуру» и нажмите на кружок.
Введите слова Powerhouse Gym, затем выберите подходящий шрифт. Шрифты Slab-Serif обычно имеют сильное и мужественное ощущение, поэтому я выбрал Boton для использования в этом логотипе.
Вместо того, чтобы настраивать отслеживание букв, перейдите в меню «Текст» > «Ввод текста по пути» > «Параметры ввода пути» и настройте интервал здесь. Этот параметр создаст более равномерные промежутки, где отслеживание будет группировать буквы вместе, когда они обтекают кривую.
Инструментом «Прямое выделение» аккуратно отрегулируйте маленькую ручку, чтобы центрировать текст. Используйте направляющую, чтобы убедиться, что формулировка начинается и заканчивается под одним и тем же углом.
Скопируйте и вставьте круглую форму текста и замените формулировку слоганом «Раскройте свой потенциал». Используйте маленькую ручку, чтобы отрегулировать текст так, чтобы он располагался снаружи круга и ближе к нижней части логотипа.
В настройках «Тип по контуру» установите для параметра «Выровнять по контуру» значение «По возрастанию», затем сделайте еще одну тонкую настройку размера, чтобы убедиться, что текст идеально подходит к центру черного кольца.
Пара звездочек завершает текст, разделяя два набора слов. Масштабируйте и поместите один на место, скопируйте и вставьте перед дубликатом и переместите этот дубликат по горизонтали, удерживая Shift.
Векторная версия нашего логотипа готова. Инструменты Illustrator упростили создание общей структуры, сохраняя при этом возможность масштабирования и редактирования.
Давайте закончим логотип несколькими крутыми текстурами в Photoshop. Мы могли бы импортировать текстуру, трассировку в реальном времени и вырезать некоторые проблемные метки с помощью Pathfinder, но вы просто не получите того же эффекта, что и настоящие текстуры в Photoshop.
Вставьте логотип из Illustrator во временный документ Photoshop и масштабируйте его.
Используйте очень удобные кисти Subtle Grunge от WeFunction, чтобы добавить шероховатые белые пятна на слой над логотипом.
CMD+щелкните миниатюру слоя с логотипом, нажмите CMD+Shift+I, чтобы инвертировать выделение и удалить лишнее.
Установите следующий стиль слоя :
Страница: 1 2
Описанные советы и приемы могут быть устаревшими.
Он сочетает в себе многие типичные черты этой ретро / винтажной темы с чередующимися черными и белыми кольцами, а также мелкими деталями, такими как звезды и точки. Текст и слоган следуют по окружности круга, в то время как значок находится в центре и дает визуальную обратную связь о том, что продвигает логотип.