Придаём винтажность логотипу в Фотошоп. Лого в фотошопе


Как создать логотип в Photoshop за 7 минут — пошаговая инструкция

В этом руководстве я покажу вам, как создать логотип в Photoshop, имитируя меловую надпись или рисунок. Этот способ универсален: его можно применить к абсолютно любому изображению — от обычной типографической иллюстрации до логотипа. Ну что ж, давайте начинать!Нет времени на создание логотипа, попробуйте наш онлайн конструктор логотипов!

Что нам понадобится?

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

image17-min

Меловую доску можно загрузить из Photodune или же использовать любую альтернативу.

Меловая доска Штриховой рисунок Эскиз

1. Подготовьте штриховой рисунок

Шаг 1.

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

image19-min

Шаг 2.

Распечатав рисунок, поместите на него лист бумаги и обведите его контуры карандашом. Обводите как можно ровнее, но, если вы хотите сделать края немного расплывчатыми, это ваше право (см. ниже).

image15-min

Используйте обычный карандаш. При желании, можно поэкспериментировать с другими инструментами.

Шаг 3.

Теперь отсканируйте обведенный логотип и импортируйте его в Photoshop. Произведите коррекцию уровней, чтобы сделать белые области ярче и увеличить контрастность.Более того, так вы подчистите нечаянно смазанные участки. Для своего эскиза Noodles я применял следующие настройки:

image21-min

image22-min

2. Добавьте эффекты в Photoshop

Шаг 1.

Теперь можно приступать непосредственно к обработке изображения в Photoshop. Создайте новый документ в Photoshop.

Мой документ имеет размеры 1200px на 1000px, разрешение 200 dpi и формат цвета RGB. Вы можете использовать любые настройки, которые подходят для вашего проекта. В качестве фона выберите меловую доску (Chalkboard).

image2-min

Шаг 2.

Примените эффект виньетки, чтобы придать вашему изображению больше глубины. Для этого добавьте поверх меловой доски новый слой. При помощи мягкой кисти обработайте края темно-серым цветом (см. ниже).Для этого слоя измените настройки Режима наложения (Blending mode) на Умножение (Multiply), и отрегулируйте непрозрачность (Opacity) до нужного уровня.

image16-min

Шаг 3.

Теперь наложите эскиз логотипа поверх других слоев.

image27-min

Выделите слой эскиза и нажмите Command/Ctrl-I или выберите Изображения — Коррекция — Инвертировать (Images — Adjustments — Invert). Так вы инвертируете изображение, чтобы ваш логотип стал белым на черном фоне.

image23-min

На этом этапе вы видите фон вашего логотипа. Выделите слой, и на панели Слои (Layers) измените режим наложения на Экран (Screen). Так вы будете видеть только белый логотип.

image26-min

Шаг 4.

Чтобы придать мелу цвет, примените к слою логотипа слой Коррекция тона/насыщенности (Hue/Saturation Adjustment). Для этого нажмите на клавишу Корректирующий слой (Adjustment Layer) в нижней части вкладки Слои (Layers).

image9-min

Откроется вкладка Свойства (Properties) с опцией Тон/Насыщенность (Hue/Saturation). Чтобы придать мелу синий цвет, я использовал следующие настройки:

image10-min

Теперь необходимо применить Обтравочную маску (Clipping Mask), чтобы корректирующий слой повлиял только на цвет логотипа, но не на фон или виньетку. Добавить Обтравочную маску можно несколькими способами. Здесь я сначала выделяю слой, а затем выбираю соответствующую опцию в раскрывающемся меню на вкладке Слои.Совет: Существует еще один способ создать Обтравочную маску. Нажмите Alt/Option и кликните между двумя слоями на вкладке Слои.

image20-min

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

image17-min

Также мы добавили небольшое видео как в программе Photoshop быстро и просто сделать фирменный логотип для сайта.

www.logowiks.com

Как сделать логотип в фотошопе для компании, сайта, фирмы или клана

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

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

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

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

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

.

Создаем новый документ. Нам хватит размера 1000 на 1000 пикселей для удобной работы.

Заливаем его цветом #2f2f2f. Для этого на панели инструментов найдите заливку.

Введите параметры нужного цвета в поле.

А теперь просто кликаем мышкой по рабочей области. Рабочую область цветом мы залили.

Ищем инструмент «текст» и выбираем белый цвет способом, описанным выше.

Нас интересует шрифт Times New Roman. Он является одним из самых популярных шрифтом, но тем не менее, по-прежнему любим дизайнерами благодаря своему изящному начертанию. Нам необходим размер шрифта 80, который мы задаем в соседнем поле.

А теперь ставим курсор на рабочее поле и пишем. Первую и последнюю буквы делаем заглавными, нажимая клавишу shift.

Вот, что мы имеем на данном этапе.

Давайте выделим жирным первую строчку. Эту возможность мы найдем в окне «Текст». Выделяем строку и нажимаем «псевдополужирное».

Уменьшим слово company до 40 пикселей.

А теперь чуть сожмем надпись с боков, для чего нам понадобится инструмент «перемещение».

Кликаем на надписи и тянем вбок за появляющиеся маркеры.

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

Выбираем инструмент «Произвольная фигура» и на верхней панели ищем форму растровой точки «стрелки».

Ее-то мы и искали. Нам необходима узкая стрелка с тонким хвостиком. Проводим.

Выбираем инструмент «перемещение», кликаем по стрелке подтаскиваем к слову company.

А теперь выбираем инструмент «Прямоугольная область» и выделяем лишний кусок на стрелке.

В окне слоев выбираем нужный, со стрелкой. Кликаем по нему левой клавшей мыши и нажимаем «Растрировать».

Нажимаем на клавиатуре кнопку del и удаляем выделенную область.

Итого, нам потребовалось минут 10, не больше. Как видите, сделать красивый логотип для сайта, фирмы, клана или компании в фотошопе очень просто. Начало уже положено. Вы сделали свой первый шаг в карьере веб дизайнера.

photoshop-work.ru

Придаём винтажность логотипу в Фотошоп

В этом уроке вы узнаете, как простому логотипу добавить винтажный эффект в Photoshop.

Конечный результат:

Шаг 1

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

Шаг 2

Перейдите в программу Adobe Photoshop, Создайте новый слой (Shift + Ctrl + N) и залейте его черным цветом. На этом черном фоне разместите логотип. К слою с логотипом примените стиль слоя Наложение цвета (Color Overlay), чтобы изменить его черный цвет на белый.

Шаг 3

Поместите слои с логотипом и черным фоном в группу (Ctrl + G) и преобразуйте в смарт-объект (smart object )(кликните по группе в палитре Слои правой кнопкой мыши и выберите пункт Преобразовать в смарт-объект). Далее, полученный смарт-объект преобразуйте в смарт-фильтр (Фильтр – Преобразовать в смарт-фильтр) (Filter>Convert to Smart Filters) и размойте фильтром Размытие по Гауссу (Фильтр – Размытие – Размытие по Гауссу) (Filter>Blur>Gaussian Blur) с радиусом в 4 пиксела.

Шаг 4

Примените к смарт-фильтру корректирующий слой Уровни (Слой – Новый корректирующий слой – Уровни)  (Layer>New Adjustment Layer>Levels). Изменяйте здесь значения до тех пор, пока практически не пропадет эффект размытия. После этого, к данному корректирующему слою примените обтравочную маску. Эта обтравочная маска должна располагаться в палитре Слои над слоем со смарт-фильтром (Слой – Создать обтравочную маску) (Layer>Create Clipping Mask).

Шаг 5

Над слоем с логотипом создайте новый слой (Shift + Ctrl + N) и кистью с эффектом пятен пройдитесь по логотипу, чтобы создать эффект потертости.

Шаг 6

Поместите в группу слой с логотипом и слой с потертостями (Ctrl + G) и измените режим наложения группы на Светлее (Lighter Color). Под слой с логотипом добавьте изображение, которое послужит фоном.

Шаг 7

Изображение, которое использовано в этом уроке, очень светлое и не создает нужный контраст вместе с логотипом. Для того, чтобы добавить контраста изображению, примените команду Цветовой тон/Насыщенность (Изображение – Коррекция – Цветовой тон/Насыщенность) (Image>Adustments>Hue and Saturation).

В открывшемся диалоговом окне слегка уменьшите значение параметра Насыщенность (Saturation) и параметра Яркость (Lightness). Значения будут зависеть от изображения, которое Вы используете.

Шаг 8

Примените команду Уровни (Изображение – Коррекция – Уровни) (Image>Adjustments>Levels) и измените положение серого маркера, чтобы немного затемнить изображение.

Шаг 9

Добавьте корректирующий слой Фотофильтр (Слой – Новый корректирующий слой – Фотофильтр) (Layer>New Adjustment Layer>Photo Filter). Используйте фильтр Warming Filter с плотностью (Density) 65%.

Шаг 10

Преобразуйте группу с логотипом и слоем с потертостями в смарт-фильтр (Фильтр – Преобразовать в смарт-фильтр) (Filter>Convert to Smart Filters) и примените фильтр Акцент на краях (Фильтр – Галерея фильтров – Штрихи – Акцент на краях) (Filter>Filter Gallery>Brush Strokes>Accented Edges). Поэкспериментируйте с настройками.

Уменьшите непрозрачность логотипа до  95%, чтобы он сочетался с фоном, также можете использовать команду Уровни, чтобы сделать его не слишком ярким.

Конечный результат:

Автор:  ABDUZEEDO

Перевод: Слуцкая Светлана

photoshop-master.ru


Смотрите также