Beauty – ретушь для начинающих при помощи Photoshop.

Beauty – ретушь для начинающих при помощи Photoshop.

Эффект голограммы на фотографии.

Эффект голограммы на фотографии.

Создание портрета при помощи шрифтов.

Создание портрета при помощи шрифтов.

Создаем красивую оригинальную шапку для блога.

Создаем красивую оригинальную шапку для блога.

Необычный эффект глаз при помощи Photoshop.

Необычный эффект глаз при помощи Photoshop.

Создаем макет сайта о звездах и знаменитостях.

Создаем макет сайта о звездах и знаменитостях.

Создание текстового логотипа в стиле Ретро при помощи фотошоп.

Создание текстового логотипа в стиле Ретро при помощи фотошоп.

Урок ретуши фото. Создаем потрясающий портрет в Photoshop.

Урок ретуши фото. Создаем потрясающий портрет в Photoshop.

Урок по созданию летнего водного макета сайта в Photoshop.

Урок по созданию летнего водного макета сайта в Photoshop.

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

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

Создаем дизайн телефона на Android в Photoshop.

Создаем дизайн телефона на Android в Photoshop.

Создание макета сайта в стиле минимализма.

Создание макета сайта в стиле минимализма.

Как создать пиксельную кнопку в фотошопе

Как создать пиксельную кнопку в фотошопе

Создаем макет сайта для службы знакомств.

Создаем макет сайта для службы знакомств.

Создание RSS иконки.

Создание RSS иконки.

Урок по созданию простого  и современного  макета для сайта.

Урок по созданию простого и современного макета для сайта.

Графика для сайта.  Рисуем иконку на сайт.

Графика для сайта. Рисуем иконку на сайт.

Урок по созданию зимнего текста.

Урок по созданию зимнего текста.

Урок по созданию красивого новогоднего макета в фотошоп.

Урок по созданию красивого новогоднего макета в фотошоп.

Псевдо HDR.

Псевдо HDR.

Как создать основу для рекламы профессиональной косметики для волос.

Как создать основу для рекламы профессиональной косметики для волос.

Создание эффекта рисунка на фотографии.

Создание эффекта рисунка на фотографии.

Создаем макет сайта, продающий програмное обеспечение.

Создаем макет сайта, продающий програмное обеспечение.

Урок по созданию макета сайта-портфолио при помощи текстуры "джинс".

Урок по созданию макета сайта-портфолио при помощи текстуры "джинс".

Урок по созданию макета сайта для гостиниц и ресторанов.

Урок по созданию макета сайта для гостиниц и ресторанов.

Создаем креативный макет для продажи косметических средств с помошью Photoshop.

Создаем креативный макет для продажи косметических средств с помошью Photoshop.

Урок по созданию фотореалистичного макета сайта для его дальнейшей верстки CSS/XTML.

Урок по созданию фотореалистичного макета сайта для его дальнейшей верстки CSS/XTML.

Урок по созданию яркого красочного дизайна сайта.

Урок по созданию яркого красочного дизайна сайта.

Создание простого и стильного макета сайта.

Создание простого и стильного макета сайта.

Создаем макет блога в фотошоп.

Создаем макет блога в фотошоп.

Создаем оригинальный чистый стиль для сайта.

Создаем оригинальный чистый стиль для сайта.

Создаем профессиональную панель навигации для сайта.

Создаем профессиональную панель навигации для сайта.

Рисуем милую девчушку-смайл.

Рисуем милую девчушку-смайл.

Урок по рисованию прохлаждающегося солнца.

Урок по рисованию прохлаждающегося солнца.

Фантастический эффект фотографии.

Фантастический эффект фотографии.

Создание приятного макета сайта портфолио.

Создание приятного макета сайта портфолио.

Создание макета сайта для портфолио в стиле Веб 2.0

Создание макета сайта для портфолио в стиле Веб 2.0

Урок по созданию стильного рекламного банера с помошью Photoshop.

Урок по созданию стильного рекламного банера с помошью Photoshop.

Урок по созданию профессионального бизнес-шаблона сайта с помощью фотошоп.

Урок по созданию профессионального бизнес-шаблона сайта с помощью фотошоп.

Урок рисования реалистичного динамика.

Урок рисования реалистичного динамика.

Создаем стильный коллаж.

Создаем стильный коллаж.

Урок по созданию макета дизайна сайта в стиле Веб 2.0

Урок по созданию макета дизайна сайта в стиле Веб 2.0

Урок создание эффекта металлического текста

Урок создание эффекта металлического текста

Небесный коллаж

Небесный коллаж

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

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

Futuristic-Logo

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

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

 

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

37-1

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

37-2

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

37-3

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

37-4

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

37-5

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

37-6

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

37-7

37-8

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

37-8

37-10

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

37-11

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

37-12

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

37-13

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

37-14

37-15

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

37-16

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

37-17

37-18

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

37-19

37-20

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

37-21

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

37-22

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

37-23

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

Futuristic-Logo

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

Источник.

AddThis Social Bookmark Button
 

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


Защитный код
Обновить

поиск
RSS
Структура сайта. Как создать прочный каркас для сайта.

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

кол-во просмотров7722
Подробнее...

Изображения на веб-сайте. Форматы.

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

кол-во просмотров7908
Подробнее...

Анализ аудитории сайта.

  На сайт ежедневно идет определенной количество новых  посетителей. Одни  находят вас через поисковики, другие переходят через соц. сети, твиттер, форумы....

кол-во просмотров12218
Подробнее...

Интернет сервис Photoshop Online позволяет редактировать фотографии не устанавливая редактор на компьютер.

https://www.photoshop.com/ С помошью наиболее часто используемых функций программы можно корректировать цвет, устранять эффект красных глаз, менять яркость и контрастность, делать картинку...

кол-во просмотров8182
Подробнее...

Подготовка макета.

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

кол-во просмотров8935
Подробнее...