Как сделать логотип в для сайта фотошопе. Как создать логотип для сайта – пошаговое руководство от А до Я

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

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

Поскольку в данном уроке я буду разглядывать сам процесс разработки логотипа в програмке фотошоп, базы разработки затронуты не будут, так как тема довольно крупная и просит отдельного внимания. Ежели вы желаете в подробностях выяснить главные принципы разработки логотипа, то сможете ознакомиться со статьей “Основы сотворения логотипа”.

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

Не глядя на все выше произнесенное в фотошопе можно так же создать логотип, опосля чего же просто перевести его в векторный формат. Ежели же для вас логотип нужен просто для печати на визитках, маленьких брошюрах либо для размещения в сети веб (на веб-сайте, в социальной сети), то в векторный формат его переводить не будет нужно, размера будет полностью довольно. О том, как перевести логотип в векторный формат вы сможете выяснить из этого урока “Как перевести логотип, картину в вектор”.

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

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

2. Я буду делать круглый логотип, поэто с помощью инструмента “Элипс” в левой панели программы нарисую по центру окружность. Чтоб вышел круг, а не овал, нужно при рисовании удерживать кнопку “Shift”.

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

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

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

Читайте также  Самые быстрые процессоры для смартфонов. Рейтинг мобильных процессоров

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

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

После этого избираем в левой панели инструментов “Лассо” и обводим им вырезанный караван, потом берем в левой панели меню инструмент “Перемещение”, расположенный в самом верху и с помощью него удерживая левую клавишу мыши перетаскиваем изображение каравана на холст с логотипом.

4. Сейчас выделяем в панели слоев слой с караваном, кликнув по нему левой клавишей мыши и в верхнем меню избираем “Изображение” – “Коррекция” – “Уровни”, или жмем комбинацию клавишь Ctrl + L. Дальше в появившемся окне опций уровней перетаскиваем средний ползунок в последнее правое значение.

Таким образом мы затемнили изображение каравана и сделали его полностью черным.

5. Дальше в верхнем меню избираем “Редактирование” – “Свободное трансформирование”, или композиция клавишь Ctrl + T и удерживая кнопку Shift мышкой изменяем размер изображения до подходящего и располагаем его в необходимое место.

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

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

Я изобразил волну, при этом снизу соединил точки линий. Дальше жмем на выделенной части правой клавишей мыши и избираем “Выделить область”.

В появившемся окне опций выставляем “радиус растушевки” в значение “0” (ноль), ежели стоит другое значение и просто наживаем “Ок”.

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

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

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

После этого жмем комбинацию клавишь Ctrl + D, чтоб отключить выделение выделение.

Читайте также  Как на телефоне поставить фото на звонок. Как поставить фото на контакт в Аndroid

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

Далее в панели слоев кликаем правой клавишей мыши по слою с солнцем и в появившемся меню избираем “Параметры наложения” и в открывшемся окне настроик включаем “наложение градиента”, кликнув по нему левой клавишей мыши. Опосля чего же в открывшейся вкладке настраиваем градиент.

Выставляем угол в 90 градусов, линейный стиль и избираем данные ранее нами цвета. Для выбора собственных цветов нужно кликнуть по градиенту левой клавишей мыши и в открывшемся окне “Редактор градиентов” выбрать ваш градиент, который отобразиться в самом верхнем левом углу.

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

9. Крайним моментом дорисуем пирамиды на заднем фоне и напишем заглавие компании под изображением логотипа. Пирамиды я нарисую с помощью инструмента “перо”. Как и в случае с выделением области в шаге №6, я возьму инструмент “перо”, создам новейший слой в панели слоев и на нем нарисую пером пирамиду. Слой для пирамиды я создам над слоем с солнцем, но под слоями с самолетом и караваном, чтоб пирамида была на заднем плане.

И дальше, все как и ранее – кликаю по пирамиде правой клавишей мыши, выбираю “Выделить область..”, в настройках радиус растушевки должен быть равен нулю и жмем “Ок”. Опосля этого с помощью инструмента “заливка” заливаем область необходимым цветом. Таковым образом дорисовываем пирамиды на заднем плане, можно нарисовать одну, позже просто ее скопировать и незначительно уменьшить.

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

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

Как сделать логотип для веб-сайта в фотошопе

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

Считаю, что данный метод очевидно лучше предшествующего, ежели у вас есть даже совершенно маленькие познания программы Adobe photoshop. Ведь сделать логотип совсем не так трудно, как кажется на 1-ый взгляд.

Пример логотипа сайта.

Давайте разглядим на определенном примере как создается хорошее и обычное лого для веб-сайта через програмку фотошоп. Как и в прошлой мы будем создавать логотип, в котором доминирует словосочетание “Fashion store”. За базу был взят макет заграничного сайта:

Читайте также  Как подписываться на канал в telegram. Как подписаться на каналы Telegram - инструкция

Нетрудно увидеть, что логотип встречается в 2-ух местах:

  • В шапке: левый верхний угол макета;
  • В подвале: правый нижний угол макета.

В зависимости от фона логотип меняет цвет (темный на светлом фоне и наоборот). Потому ежели у нас уже имеется проект логотипа в любом цветовом решении (формат .psd), при помощи фотошопа, мы с легкостью, всего в несколько движений мышкой, сможем применить к нему хоть какой код цвета.

  • Это является очень ощутимым плюсом к способу сотворения логотипа в фотошопе – лого постоянно можно поменять и доработать.

Делаем логотип веб-сайта в фотошопе.

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

Я мало упрощу и сокращу те деяния, которые использовались при разработке данного логотипа в оригинале (например у нас не будет сетки).

Итак, делаем логотип для веб-сайта через програмку фотошоп по шагам:

1. Открываем фотошоп и создаем новейший файл (быстрые клавиши ctrl+N) разрешением 240 пикселей в ширину и 90 в высоту, фон ставим прозрачный:

Такого разрешения нам полностью хватит для логотипа.

2. Дальше делаем следующее:

  1. Создаем новейший слой для удобства;
  2. Выбираем инструмент “заливка”;
  3. Выбираем белоснежный цвет и заливаем “слой 1″;
  4. Ставим горизонтальные направляющие на расстоянии в 15 пикселей от верха и низа (зажав левую клавишу мышки тащим их вниз от линейки);
  5. Ставим вертикальные направляющие в 20 пикселах от левого и правого края.

3. Рисуем круг 60 х 60 пикселей:

  1. Выбираем подходящую фигуру;
  2. Рисуем ее (для этого я поставил еще одну направляющую, чтоб вышел ровненький круг поперечником 60 пикселей);
  3. Кликаем по цвету;
  4. Ставим код цвета #2d2d2d;

4. Рисуем буковку F в круге со последующими параметрами и выравниванием:

Обратите внимание, что употребляется необычный шрифт Avant Quelombre, который для вас быстрее всего придется скачать и добавить к шрифтам в Windows. Конкретно за счет этого шрифта и достигается весь эффект логотипа.

5. Пишем слово Fashion со последующими параметрами (цвет #2d2d2d) и месторасположением:

6. Пишем слово store со последующими параметрами (цвет #767676):

7. Удаляем белоснежный фоновый цвет и сохраняем проект и картину для логотипа.

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

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

Так же буковку F в круге будет здорово применять в качестве фавикона для веб-сайта – о этом уже упоминалось в статье про 5 правил сотворения логотипа.

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

Комментировать через ВКонтакте:

Оставьте комментарий