Новый стиль и логотип — уроки фотошоп

Уроки фотошоп — Разработка логотипа и фирменного стиля, создание сайтов под ключ. Онлайн-заказ. Компания Drawdream — Россия

Adobe Photoshop — полнофункциональный графический редактор, разработанный компанией Adobe. Работает фотошоп с растровыми изображениями, но имеет также несколько векторных инструментов.

Это самый известный и популярный продукт компании Adobe и является лидером на рынке в своем сегменте.
Photoshop работает на платформах Mac и Windows. На данный момент последняя версия программы является cs6, сменившая cs5 совсем недавно, для которой возможен запуск под Linux.

На страничках дизайн-студии Drawdream вы найдете самые актуальные уроки фотошоп для начинающий на русском языке. Наши уроки фотошопа cs6 и сs5 построены таким образом, что даже новичок справится с поставленной задачей, потому что написаны они простым и понятным языком и имеют пошаговую иллюстрацию.

Наверняка вы давно хотели «примерять» другой цвет глаз.Например после прочтения этого урока вы узнаете как сделать голубые глаза в фотошопе или наоборот карие.

Для примера я выбрал вот такое фото:

Подробнее…

В данном уроке я подробно опишу как сделать ресницы в фотошопе. Наверное вы давно хотели увеличить свои ресницы. Если да то это урок специально для вас.

Подробнее…

В этом интересном и полезном уроке я покажу вам как вставить лицо в фотошопе. Урок несложный и даже новичек легко осиит его:). Для примера я взял фото Обамы.

Подробнее…

Сегодня я покажу вам как сделать фото на паспорт в фотошопе.

Подробнее…

В этом ураке вы узнаете как сделать рваные края в фотошопе.
Для примера я взял фотографию вот такого замечательного тигренка:

Подробнее…

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

Подробнее…

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

Подробнее…

В этом интересном уроке я расскажу вам как сделать вампира в фотошопе. В качестве модели я выбрал Анджелину Джоли.

Подробнее…

В данном уроке я познакомлю вас как сделать кожу гладкой в фотошопе.

Подробнее…

Сегодня я научу вас как сделать дым в фотошопе. Это совсем просто и займет всего 5 минут!

Подробнее…

В данном уроке мы рассмотрим как сделать печать в фотошопе. Это очень несложно и даже новичек сможет сделать качественную печать.

Подробнее…

В этом уроке я покажу вам как сделать блеск в фотошопе. Девочки этот урок специально для вас. Вы сможете придать очень красивый блеск!

Подробнее…

В этом уроке я расскажу вам как сделать макияж в фотошопе.. Это очень просто и даже новичек без навыков сможет сделать качественный макияж.

Подробнее…

Сегодня поговорим о том как сделать брови в фотошопе.
Я выбрал такое фото для примера:

Подробнее…

В данном уроке я расскажу как сделать блики в фотошопе.
Для примера я выбрал вот такое фото:

Подробнее…

В этом уроке я покажу как сделать красивое фото в фотошопе.
Урок не очень сложен и займет у вас много аремени. Для примера я взял фото вот этой красивой девушки:

Подробнее…

В этом уроке я расскажу как сделать кисть в фотошопе.
На самом деле создавать кисти в фотошопе очень просто!

Подробнее…

В этом коротком уроке я покажу как сделать зеркальное отражение в фотошопе. Для примера я взял такой автомобиль.

Подробнее…

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

Подробнее…

В данном уроке я расскажу вам как сделать визитку в фотошопе.
Это простой урок и даже новичек сможет сделать качественную визитку после прочтения.

Подробнее…

В этом уроке я расскажу как сделать открытку в фотошопе. Это очень простой и быстрый способ чтобы поздравить близкого человека. Урок займет у вас всего пару минут. Для примера я взял такое изображение:

Подробнее…

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

Нарисуем тень к этой чашке.

Сперва отделим объект от фона в данном случае просто выделим белый фон.

Подробнее…

Сегодня поговорим от том как сделать из фото рисунок в фотошопе.
Для волшебного превращения я использовал эту фотографию:

Подробнее…

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

Подробнее…

В этом уроке я научу вас как сделать фото ярче в фотошопе! Будем использовать различные интересные приемы.
Вот такую фотографию красивой девушки я взял в качестве донора:

Подробнее…

Сегодня я научу вас как сделать фото четче в фотошопе!Открываем ваше изображение в фотошопе.

Я выбрал вот такое:

Подробнее…

В данном уроке я научу вас как сделать прозрачный фон в фотошопе. Для примера я взял вот эту Кунг-Фу панду.

Подробнее…

В данном уроке мы рассмотрим как сделать календарь в фотошопе. Вам необходимо подготовить несколько файлов:1. Фоновое изображение.2. Еще одну картинку(например тигр год дракона, или это может быть ваш ребенок)

3. Календарные сетки на тот год который вам нужен(благо в поисковике куча сайтов откуда их можно скачать либо пишем сами).

Подробнее…

В этом уроке мы рассмотрим как сделать красивую надпись в фотошопе.

Подробнее…

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

Для примера я взял вот такое фото:

Подробнее…

Вы хотите избавиться от фона на фотографии и поставить красивый фоновый рисунок? Тогда поехали!
Я взял вот эту фотографию:

Подробнее…

Источник: http://drawdream.ru/uroki-fotoshop

Урок по созданию футуристического логотипа в фотошоп

Tags: Графика для сайта | логотип | Уроки Photoshop

Немного истории. Футуризм – это художественное течение начала 20 века. Само название предполагает под собой культ будущего и отказ от старых традиционных сюжетов. Футуристы всегда были поклонниками техники и прогресса, и считали, что камера должна заменить несовершенство глаза.

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

Создадим новый документ выберите из предложенных вариантов формата «Формат бумаги США» этот документ будет размером 8,5*11 и разрешением 300пикселей.

Продолжаем создавать основное поле для нанесения логотипа для этого, перевернем наш холст. Пройдите по меню Изображение-Вращение изображения-90 градусов по часовой .

Далее залейте фон темным серым цветом  в данном случае это цвет # 363636.

Создаем шар при помощи инструмента Свободная форма. Шар не имеет определенных размеров, создайте шар, на котором будет удобно работать. Цвет можете выбрать любой который вам понравится , у меня это цвет # d3f819.

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

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

Далее продублируйте слой с градиентом . Далее пройдите по меню Изображение –Трансформация-Отразить по вертикали. Данный слой должен оразиться зеркально верхнему слою с градиентом. Теперь нажимаем кнопкой мыши на эскизе слоя , который мы только что перевернули , зажав клавишу Ctrl на клавиатуре. Появилось выделение нижнего слоя, теперь инструментом заливка залейте его цветом # a5e902.

Теперь перейдите на слой с градиентом и уменьшите его непрозрачность до 70%, это придаст градиенту реалистичность . Далее поработаем с нижним слоем . Поставив свой выбор в палитре слоев перейдите по меню Редактирование – Трансформация и измените слой как показано на рисунке ниже. Далее используйте для этого слоя фильтр Размытие по Гауссу используя в настройках радиус размытия 70 пикселей.

Читайте также:  Работа с текстом — красивая надпись в фотошопе - уроки фотошоп

Далее наносим текст, который нам необходим . Слои с которыми работали ранее объединяем в один нажав комбинацию клавиш Ctrl+E.

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

Применим к нашему растрированному кругу  Наложение градиента. Настройки для градиента вы можете увидеть на картинке ниже.

Следующим шагом мы включаем видимость второго белого круга и выносим его на передний план.

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

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

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

Теперь при помощи инструментов Затемнение и Осветление на панели инструментов придадим естественный свет металлу. В завершении ко всему я добавляю текстуру на фоновое изображение, что можете сделать и вы.

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

К данной окружности примените фильтр Размытие по Гауссу, чтобы сделать ее  более похожим на тень.

Вот что у меня получилось в итоге!

Если вам понравился урок подпишитесь на RSS и вы не пропустите ни одного нового урока с блога.

Источник.

Источник: http://portaldesign.ru/component/content/article/103

Всё для фотошопа — Металлический логотип

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

Запустите программу фотошоп и создайте новый документ (Ctrl + N) шириной 2400 и высотой 1800 пикселей. Назовите новый слой «Основа».

Сохраните себе это изображение и так же откройте его в фотошопе. Затем во вкладке Редактирование выберите пункт Определить узор. Нажмите кнопку ОК.

Кликните 2 раза по слою «Основа», чтобы открыть окно Стиль слоя. Слева, в параметрах наложения выбираем Наложение узора и в качестве узора используем сохранённое нами ранее изображение. Масштаб увеличиваем до 300%.

Далее переходим к пункту Наложение цвета. Режим наложения меняем на Перекрытие. Цвет используем #520110.

Создаём новый слой (Shift + Ctrl +N). Назовём его «Свет». Выбираем мягкую кисть (В) размером в 2100 пикс. и рисуем пятно в центре изображения.

Затем меняем режим наложения слоя «Свет» на Перекрытие и для усиления эффекта дублируем слой (Ctrl + J). В результате должно получиться следующее.

В этом шаге мы займёмся созданием самого логотипа. Снова создаём новый слой поверх всех слоёв, даём ему название «Кольцо». Инструментом Овальная область (М) рисуем окружность как показано в примере.

Кликаем правой кнопкой внутри выделенной области и в открывшемся меню выбираем пункт Выполнить обводку. Для обводки используем белый цвет. Настройки см. ниже.

Снимаем выделение, нажав Ctrl + D. Переходим к настройкам параметров наложения. Кликаем 2 раза по миниатюре слоя «Кольцо».

Здесь нам понадобятся следующие стили слоя.

Тень

Внутренне свечение

Тиснение

Контур

Выберите любой контур и кликните по его миниатюре, откроется окно Редактор Контуров. Выберите первую точку и введите для неё следующие значения:

вход — 0%;

выход — 0%.

2-я точка:

вход — 12%, выход — 89%.

3-я точка:

вход — 39%, выход — 82%.

4-я точка:

вход — 93%, выход — 37%.

Чтобы добавить точку, кликните в любом месте на линии кривой. Чтобы удалить лишнюю точку, выделите её и нажмите Delete. Если всё сделали верно, то должен получиться контур как на рисунке ниже.

Наложение градиента

Откройте Редактор градиентов и выставьте настройки как показано в примере.

После всех этих настроек результат должен быть примерно таким.

Теперь перейдём к добавлению основного элемента. Сохраните себе изображение с драконом.

В меню Файл выберите пункт Поместить и укажите сохранённое изображение. Разместите его как показано ниже.

Затем отразите по горизонтали.

Теперь, кликнув правой кнопкой по предыдущему слою «Кольцо», скопируйте стиль этого слоя и вставьте в слой с драконом.

Перейдите на слой «Кольцо» и создайте для него маску слоя.

Выберите чёрную круглую кисть небольшого размера, примерно 40 пикселей. Установите её жёсткость на 100% и начинайте рисовать в тех местах, где изображение дракона пересекается с кругом. Маска слоя при этом должна быть активна (она будет выделена рамкой). При необходимости увеличьте масштаб отображения.

Остаётся добавить текст. Напишите любую фразу под логотипом и вклейте стиль слоя, как в предыдущем шаге.

Чтобы добавить световую вспышку, скачайте набор Optical Flares для фотошопа. Откройте любое изображение и поместите его в рабочее пространство. Измените режим наложения слоя на Экран (Осветление) и расположите на уровне глаза дракона.

Вот и всё, стильный металлический логотип готов.

{jcomments on} 

Источник: http://style-ps.ru/uroki-photoshop/collekciya-3/metall-logo.html

Создаем логотип с реалистичным тиснением в Фотошоп

Что вы будете создавать

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

Скачать архив с материалами к уроку

Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока.

1. Как создать Смарт-объект с правильной перспективой

Шаг 1

Скачайте текстуру бумаги из материалов урока и откройте ее в Photoshop.

Шаг 2

Скачайте изображение в перспективе и откройте его в Photoshop.

Шаг 3

В верхнем меню нажмите Select > All (Выделение > Все), а затем выберите Edit > Copy (Редактирование > Копировать), чтобы скопировать выделенную область.

Вернитесь к документу с фоном и в верхнем меню выберите Edit > Paste (Редактирование > Вставить), чтобы вставить изображение в перспективе поверх фона.

Переименуйте слой, кликнув дважды прямо по его названию на панели слоев. Назовите его «Perspective» (Перспектива).

Шаг 4

Выберите оранжевый в качестве цвета переднего плана (подойдет любой цвет, отличный от черного).

Выберите инструмент Rectangle(Прямоугольник), переведите курсор на холст и кликните. Откроется небольшое диалоговое окно, в котором вы можете ввести точные параметры новой фигуры. Введите 1317 на 947 пикселей и кликните ОК.

Переименуйте слой, дважды кликнув по имени слоя на панели слоев, назовите его «Smart Object» (Смарт-объект).

Находясь на слое «Smart Object», в верхнем меню нажмите Layer > Smart Object > Convert to Smart Object (Слои > Смарт-объект > Преобразовать в смарт-объект).

Шаг 5

Нажмите Edit > Transform > Scale (Редактирование > Трансофрмирование > Масштабирование).

Если мы посмотрим поближе, то увидим, что вокруг прямоугольника появилась тонкая граница. Мы также можем увидеть маленькие квадратики, расположенные в центре верхней, нижней, левой и правой сторон, а также во всех углах. Эти маленькие квадратики называются «манипуляторы», и мы можем трансформировать то, что находится внутри границ, просто потянув за эти манипуляторы.

В этом шаге очень важно трансформировать прямоугольник, используя только манипуляторы в углах.

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

Читайте также:  Как нарисовать монитор в фотошопе - уроки фотошоп

Шаг 6

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

Шаг 7

Теперь, когда нам больше не нужен слой «Perspectiv (Перспектива), мы можем удалить его, выбрав его на панели слоев, а затем нажав Layer > Delete > Layer (Слои > Удалить > Слои).

Хорошая работа! Теперь все, что мы поместим внутрь смарт-объекта, расположится под тем же углом, что и оранжевый прямоугольник.

2. Как импортировать логотип из Illustrator

Шаг 1

Теперь нам нужен логотип, чтобы завершить наш проект.

В этом уроке мы воспользуемся логотипом из коллекции Badges and Logos Vol.01. Скачайте ее и откройте в Illustrator (примечание переводчика: если у вас нет Adobe Illustrator, все документы формата .ai можно открыть непосредственно в Photoshop).

Шаг 2

Выберите инструмент Selection (Выделение) (V). Теперь выберите логотип Kexolo (или любой другой). Скопируйте значок, нажав Ctrl + C.

В Adobe Illustrator создайте новый документ размером 350 на 350 пикселей, и вставьте туда логотип, нажав Ctrl + V.

Шаг 3

При помощи инструмента Selection (Выделение) (V) подвиньте логотип на серую область, за границы белого холста.

Шаг 4

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

Если логотип не выделен, выделите его при помощи инструмента Selection (Выделение) (V).

В верхнем меню выберите Object > Expand (Объект > Разобрать). Появится диалоговое окно, выберите Object и Fill (Объект и Заливку) и нажмите ОК.

Шаг 5

Откройте панель Pathfinder (Обработка контуров). Если вы ее не видите, нажмите Window > Pathfinder (Окно > Обработка контуров).

Выберите Trim (Обрезка), чтобы убрать накалывающиеся элементы и очистить логотип от ненужных фигур.

Шаг 6

Выберите инструмент Magic Wand (Волшебная палочка) и передвиньте курсор на белую область, а затем кликните, чтобы выделить все белые участки логотипа.

Если нужно, увеличьте холст при помощи инструмента Zoom (Масштаб) (Z).

Когда все белые участки будут выделены, удалите их, выбрав в верхнем меню Edit > Cut (Редактирование > Вырезать).

4. Как вставить логотип в сцену

Шаг 1

Скопируйте логотип, нажав Ctrl + C или Edit > Copy (Редактирование > Копировать).

Шаг 2

На панели слоев в Photoshop дважды кликните по миниатюре смарт-объекта, чтобы его отредактировать.

Когда вы редактируете смарт-объект, содержимое источника откроется в новом окне Photoshop. Здесь вы можете вносить любые изменения, и как только будете всем довольны, все, что вам нужно сделать — это сохранить файл, и смарт-объект будет обновлен, когда вы вернетесь к документу.

На панели слоев вставьте логотип, нажав Edit > Paste (Редактирование > Вставить) или Ctrl + V и уберите оранжевый прямоугольник, нажав Layer > Delete > Layer (Слои > Удалить > Слои).

В диалоговом окне выберите Smart Object (Смарт-объект) и нажмите ОК.

Шаг 3

Найдите панель свойств и установите расположение логотипа на 658 на 472 пикселя, увеличив его на 685% в обоих полях Width (Ширина) и Height (Высота). Когда все будет готово, нажмите Enter на клавиатуре.

Шаг 4

Сохраните документ, нажав File > Save (Файл > Сохранить) или Ctrl + S.

Вернувшись к основному документу, вы заметите, что смарт-объект обновился, и теперь видны последние изменения.

4. Как «вдавить» логотип в бумагу

Время добавить кое-какие классные эффекты логотипу, чтобы появилось ощущение 3D, подходящее под всю сцену в целом.

Шаг 1

Измените параметр Fill (Заливка) у смарт-объекта на 0%.

Шаг 2

Продублируйте слой со смарт-объектом дважды, нажав Layer > New > Layer Via Copy (Слой > Новый > Скопировать на новый слой).

Теперь переименуйте и сгруппируйте слои, как показано на изображении ниже.

Примечание переводчика: сгруппируйте две копии, и назовите группу «Effects» (Эффекты). Сами копии назовите Effect 1 и 2 (Эффект 1 и 2). Поместите группу под слой со смарт-объектом.

С этого момента, если вам нужно заменить логотип в смарт-объекте, вы можете воспользоваться слоем «Smart Object» (Смарт-объект), дважды кликнув по нему и отредактировав содержимое.

Шаг 3

Давайте начнем добавлять стили слоя к слою «Effect 2». Откройте панель со стилями слоя и добавьте эффект Bevel & Emboss (Тиснение). Цвет для режима Highlight и Shadow (Подсветка и Тень) измените на #000000, а остальное установите, как на скриншоте ниже

Примечание переводчика: Размер: 5 пикселей, Непрозрачность в режиме подсветки: 3%, Непрозрачность в режиме тени: 20%

Шаг 4

Добавьте новый эффект Inner Shadow (Внутренняя тень), цвет измените на #000000, а остальные параметры установите, как на скриншоте ниже.

Примечание переводчика: Непрозрачность: 10%, Смещение: 5 пикселей, Режим наложения: Линейный затемнитель.

Шаг 5

Добавьте новый эффект Satin (Глянец), измените цвет на #ffffff, а остальные параметры установите, как на скриншоте ниже.

Примечание переводчика: Непрозрачность: 5%, Смещение: 250 пикселей, Размер: 250 пикселей,Режим наложения: Яркий свет.

Шаг 6

Добавьте эффект Gradient Overlay (Наложение градиента) и параметры установите, как на скриншоте ниже.

Примечание переводчика: Угол: 90 градусов, Режим наложения: Яркий свет.

Кликните по маленькому окошечку с градиентом, чтобы его отредактировать.

  • Измените Opacity (непрозрачность) первой контрольной точки на 75%, а Location (Позиция) на 71%.
  • Измените Opacity (непрозрачность) второй контрольной точки на 25%, а Location (Позиция) на 100%.

Шаг 7

Добавьте эффект Drop Shadow (Тень), цвет измените на #000000, остальные параметры установите, как на скриншоте ниже.

Примечание переводчика: Непрозрачность: 30%, Угол: -90 градусов, Смещение: 3 пикселя, Размах: 0%, Размер: 4 пикселя, Шум: 10%, Режим наложения: Линейный затемнитель.

Шаг 8

Давайте добавим пару смарт-фильтрв к слою «Effect 2». Нажмите Filter > Distort > Ripple (Фильтр > Искажение > Рябь). Параметр Amount (Количество) измените на -50%.

Нажмите Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу). Радиус измените на 1.7 пикселей.

Шаг 9

Теперь добавим стиль слою «Effect 1».

Откройте панель со стилями слоя и добавьте эффект Drop Shadow (Тень), цвет измените на #ffffff, остальные параметры установите, как на скриншоте ниже.

Примечание переводчика: Непрозрачность: 12%, Смещение: 3 пикселя, Размах: 7%, Размер: 8 пикселей, Шум: 10%, Режим наложения: Жесткое смешение.

Шаг 10

Наконец, добавим пару фильтров к слою «Effect 1». Нажмите Filter > Distort > Ripple (Фильтр > Искажение > Рябь). Параметр Amount (Количество) измените на -60%.

Нажмите Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу). Радиус измените на 0,8 пикселей.

Вот и Все, Поздравляю!

В этом уроке вы научились создавать мокап с «вдавленным» логотипом при помощи Adobe Photoshop!

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

Наслаждайтесь! 🙂

Источник: https://Photoshop-master.ru/lessons/design/sozdaem_fotorealistichnyy_mokap_s_logotipom_v_fotoshop.html

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

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

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

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

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

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

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

Читайте также:  Печать огня - уроки фотошоп

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

.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Поэтому мы воспользуемся типовой фигурой стрелка.

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

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

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

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

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

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

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

Источник: http://photoshop-work.ru/kak-sdelat-logotip-v-fotoshope

Cоздание текстового логотипа в программе Photoshop

Главная » Уроки фотошоп» Работа с текстом в Фотошоп
05.07.2014, 15:32
В этом уроке я вам покажу очень интересный пример создания текстового логотипа в программе Photoshop. Эффект, который мы будем создавать, широко используется дизайнерами в своих работах. Вот ожидаемый результат:Для работы в этом уроке нам нужно скачать шрифт Null-Free и установить в фотошоп.

Создание документа текстом

Шаг 1

Cоздаём новый документ размером 900х600 px. Заливаем его радиальным градиентом с цветами от #0E3562 к #162433 .

Шаг 2

Начнем создавать сам текст. Шрифтом Null-Free напишем белым цветом слово Twilight (сумерки), размер шрифта автор установил 140 рх.

Создаём подложку

Шаг1

Создадим новый слой и назовем его «Подложка». Зажимаем клавишу CTRL и кликаем по иконке слоя с текстом, тем самым загружаем выделение. Теперь надо расширить выделение на 15px, для этого заходим Выделение — Модификация — Расширить(Select — Modify — Expand), а затем устанавливаем сглаживание на 4px Выделение — Модификация — Расширить(Select — Modify — Smooth).

Шаг 2

Зальем наше выделение цветом # 0E3560. Установим цвета по умолчанию нажатием клавиши D и применим фильтр Фильтр — Шум — Добавить шум(Filters — Noise — Add Noise) со слюдующими параметрами:

Шаг 3

Снимаем выделение нажатием сочетания клавиш Ctrl + D и займемся стилями слоя. Дважды кликаем по слою «Подложка» чтобы попасть в панель стилей и устанавливаем все значения как на скринах ниже:

Продолжаем работу с текстом

Шаг 1

Создаем новый слой. Зовем его «Текст». Затем, удерживая клавишу CTRL, кликаем по текстовому слою, чтобы загрузить выделение. Устанавливаем цвет переднего плана #FFFFFF — белый и заливаем это выделение Редактирование — Выполнить заливку (Edit — Fill) или Shift + F5 — рекомендую научиться пользоваться «горячими клавишами», все гораздо быстрее происходит

Шаг 2

Дальше мы немного вытянем некоторые буквы. Эти места обозначены для наглядности на скрине:Для этого будем использовать инструмент Прямоугольная область выделения (Rectangular Marquee Tool). Делаем выделение на букве как на скрине ниже и зажав клавиши CTRL + ALT при помощи стрелок удлиняем текст на 2px от края «Подложки»:Проделайте те же манипуляции и с другими буквами:

Шаг 3

Давайте продублируем слой «Текст» два раза и переименуем их соответственно в «Горизонтальный градиент» и «Вертикальный градиент». Режим смешивания обоих слоев установите на Умножение (Multiply). Клавишей D вернем цвета по умолчанию. Далее активируем слой «Горизонтальный градиент» и дважды кликнув по нему перейдем к стилям слоев непосредственно к Наложению градиентов (Gradient Overlay). Значения указаны ниже:Дальше активируем слой «Вертикальный градиент» и в стилях ставим значения:Не нужные части примененного градиента можно удалить с помощью Прямоугольного выделения (Rectangular Marquee Tool)— выделили и нажали Delete.

Шаг 4

И наконец активируем слой «Текст» и применяем вот такие стили слоя:Здесь используем цвета # 000000 до # CFCFCFЗдесь используем #A7ACB2 до #FFFFFFВот что у нас должно получится:

Источник: https://photoshoplesson.ru/load/uroki_fotoshop/rabota_s_tekstom_v_photoshop/cozdanit_tekstovogo_logotipa_v_programme_photoshop/2-1-0-217

Как сделать стильный логотип в Фотошопе

В данном уроке Фотошопа мы рассмотрим процесс создания простого и стильного логотипа.

Финальный результат

Приступаем к уроку Фотошопа

Шаг 1

Создаем новый документ (File > New (Файл > Новый / Сочетание клавиш 'Ctrl+N')), размер 500x500px. Заливаем фон белым → Paint Bucket Tool (Инструмент Заливка / Клавиша 'G').

Шаг 2

Теперь нам нужен шрифт стиля урбан. В данном уроке используется граффити-шрифт Juice. Добавляем текст в центр нашего изображения → Horizontal Type Tool (Инструмент 'Горизонтальный текст' / Клавиша 'T').

Шаг 3

Установите baseline shift (смещение базовой линии), так, что бы эти два слова были вместе. Поставьте цвет шрифта белый, а так же черную обводку размером 34 пикселя в стилях слоя.

Шаг 4

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

Шаг 5

Заполните промежуток между словами черным цветом, создав векторную форму с помощью Pen Tool (Инструмент Перо / Клавиша 'P'), или просто кистью → Brush Tool (Инструмент Кисть / Клавиша 'B').

Затем поместите это слой под слои с текстом.

Шаг 6

Добавим немного объема с помощью стилей слоя, точнее с помощью внутренней тени (inner shadow), с параметрами, указанными ниже. ↓

Шаг 7

Добавляем различные элементы. В этом шаге автор нарисовал корону с помощью Pen Tool (Инструмент Перо / Клавиша 'P'). Затем скопировал стили слоя с текста и вставил их в слой с короной.

Шаг 8

Затем автор добавил звезд по тому же принципу, что и в шаге 8. Если между звездами есть промежуток, заполните его как в шаге 5.

Потом автор добавил небольшую полосу под тестом.

Шаг 9

Добавляем с помощью Pen Tool (Инструмент Перо / Клавиша 'P') стилизованных линий по всему логотипу. Создавайте линии так, что бы они не попадали на часть другой буквы или элемента логотипа!

Шаг 10

Добавляем на фон темный градиент → Gradient Tool (Инструмент Градиент / Клавиша 'G'), затем какую-нибудь гранж структуру и все, логотип готов! Будьте креативным, и придумаете что-то действительно хорошее!

Финальный результат

Оригинал;
Перевод: T Jay;
Текст доработан командой сайта PhotoshopPro.ru

Источник: https://photoshoppro.ru/dizajn/216-stilnyj-i-prostoj-logotip.html

Ссылка на основную публикацию