Создание простого

логотипа в фотошопе

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

Урок выполнен в русифицированной программе фотошоп CS3, но может быть легко повторён в любой версии Photoshop.

Логотип

Подобные публикации:



{smooth-scroll-top}

Создадим новый документ - Ctrl+N.


В палитре "Слои" добавим новый слой, для чего щёлкнем по второй справа иконке.


Выберем инструмент "Прямоугольник со скруглёнными углами" (U) в режиме "Выполнить заливку пикселей", радиус - 15 пикселов. Нарисуем прямоугольник.


Выберем инструмент линейный "Градиент" (G) и выберем "Оранжевый, жёлтый, оранжевый". Щёлкнем по полю градиента.


Откроется окно "Редактор градиентов". Щёлкаем поочерёдно по маркерам, находящимся под полоской градиента, после этого становится активным цветное поле правее слова "Цвет", щёлкнув по которому можно выбрать цвет маркера. Таким образом, я установил по краям тёмно-красный цвет, а в середине светлый красный цвет.


Загружаем выделение прямоугольника, для чего, удерживая клавишу Ctrl, щёлкаем по иконке верхнего слоя.


Инструментом "Градиент", который мы настроили на предыдущем шаге, проводим из левого нижнего угла в верхний правый.


Два раза левой клавишей мыши щёлкаем по верхнему слою. Откроется окно "Стиль слоя".


Делаем активной вкладки "Тиснение" и "Обводка", устанавливаем параметры, которые Вы видите на скриншоте ниже.


Получаем вот такой промежуточный результат.


С помощью инструмента "Прямоугольная область" (М) выделяем нижнюю часть прямоугольника.


Активизируем инструмент "Перемещение" (V) и щёлкнем один раз по клавише "Стрелка-вверх" на клавиатуре. Получим выделение только нижней части прямоугольника без захвата белой области документа.


Заливаем выделение чёрным цветом - Alt+Delete (на переднем плане чёрный цвет) и снимаем выделение - Ctrl+D.


Открываем фото, которое будем использовать на логотипе.


С помощью инструмента "Перемещение" (V) перетаскиваем фото на документ и размещаем его в верхней части документа.


Создаём, как описано выше, ещё один новый слой в палитре "Слои".


Инструментом "Прямоугольник со скруглёнными углами" (U) с теми же параметрами, которые мы использовали ранее, нарисуем ещё один прямоугольник.


Загрузим его выделение, щёлкнув по иконке этого слоя с клавишей Ctrl.


Удаляем верхний слой, перетащив его на значок корзины внизу палитры "Слои".


Инвертируем выделение - Shift+Ctrl+I, удаляем всё то, что попало в выделение - Delete, и снимаем выделение - Ctrl+D.


Выберем инструмент линейный "Градиент" (G) и выберем "Чёрный, белый".


Режим наложения для верхнего слоя установим на "Осветление" и уменьшим непрозрачность до 40%. Добавим маску слоя на верхний слой, для чего щёлкнем по третьей слева иконке в палитре "Слои".


Проведём градиентом снизу вверх примерно так, как Вы видите на скриншоте ниже. Тем самым мы создали плавный переход между картинкой и фоном.


Два раза левой клавишей мыши щёлкаем по слою с прямоугольником. Откроется окно "Стиль слоя".


Активизируем вкладку "Тень" и поставим параметры, которые Вы видите на скриншоте ниже.


Получаем вот такой эффект.


Выбираем инструмент "Горизонтальный текст" (Т) и пишем текст, соответствующий Вашему логотипу. Я же просто написал название своего сайта.


Мы с Вами создали простой логотип в фотошопе.


Если Вы не хотите пропустить интересные уроки, информацию о бесплатных видеокурсах и другие новости сайта - подпишитесь на рассылку сайта. Форма для подписки находится ниже.



Если Вам понравился урок, поделитесь ссылкой на него со своими друзьями в своих любимых социальных сетях, кнопки которых Вы видите перед комментариями. Спасибо!


{smooth-scroll-top}

Комментарии  

Григорий
0 # Григорий 02.10.2016 20:14
Мне,как начинающему дизайнеру, Ваш урок оказал неоценимую услугу. Простейший логотип был создан за 2 часа.Спасибо, так держать!
Ответить | Ответить с цитатой | Цитировать
Irina Oustonova
+2 # Irina Oustonova 01.04.2014 14:56
Мне очень понравился этот урок. Все достаточно подробно и толково объяснено.
Спасибо большое за урок и за сайт, который облегчает мою жизнь! :-) :-)
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий

Введите Ваше имя, или зарегистрируйтесь на сайте, что бы имя в ответах вставлялось автоматически: это займёт 2 минуты! После регистрации вы сможете редактировать свои сообщения и не придётся вводить подтверждение.
Ваш аватар к комментарию возможен, если вы зарегистрированы в системе Gravatar. Если нет - зарегистрируйтесь, это бесплатно.


Кто на сайте

Сейчас 494 гостей и один зарегистрированный пользователь на сайте

  • Alekseevich

Помощь сайту

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

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу, при желании, укажите свои данные.

Пользователи, внесшие вклад

Вход на сайт

ВСЕ РАССЫЛКИ САЙТА НА EMAIL

 

РАССЫЛКИ ВКОНТАКТЕ

 

 Начните свой путь в мир ФОТОШОПА сейчас!

Основная полезная рассылка сайта.

Соглашение

 

 

 

 

Поиск по сайту

Присоединяйтесь в

Что в сундучке?

  • Текстовых уроков - 1152
  • Видеоуроков - 765
  • Вебинаров и тренингов - 66
  • Практических советов - 167
  • Программ - 7
  • Шаблонов, обоев и клипартов - 368
  • Наборов кистей, фигур - 320
  • Календарей - 117
  • Наборов рамок - 560
  • Книг, журналов - 125
  • Текстур, узоров и фонов - 44
  • Наборов иконок - 28
  • Наборов логотипов - 3
  • Наборов стилей - 51
  • Шрифтов - 78
  • Разное - 70