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

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

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

Также одним из наиболее удобных способов создать логотип являются онлайн сервисы, вроде Canva. С ним создать логотип можно из уже готового шаблона, потратив на это всего 10-15 минут своего времени.

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

1. Создаем новый документ (Ctrl+N) размером 500х400 пикселей и при помощи инструмента «Paint Bucket Tool» (G) заливаем цветом: «262626» (этот цвет был взят из шапки блога)

2. В меню выбираем инструмент «Ellipse Tool» и рисуем эллипс белого цвета.

3. После этого переходим к фильтру, выбираем в панели меню «Filter —> Blur —> Gaussian Blur» и выставляем «Radius:70»

4. Создаем новый слой (Ctrl+Shift+N) и вводим название сайта/блога. Я использовал цвет: «000000», размер шрифта: «60пт» и шрифт: «Bodoni MT».

5. Теперь наш текст необходимо растрировать, для этого, на панели слоев выбираем слой на котором текст, и нажимаем правой кнопкой мыши, в появившемся меню выбираем пункт «Rasterize Layer». И вот слой готов к дальнейшей работе.

6. Переходим в «Layer Style», для этого правой кнопкой мыши нажимаем на слое и в появившемся меню выбираем «Blending Options». Переходим на вкладку «Outer Glow», где выставляем следующие параметры: (цвет был использован: fa6b03)

7. Следующий шаг, вкладка «Inner Glow», вводим параметры.

8. Далее переходим на вкладку «Stroke», так же задаем параметры.

9. И осталось самое интересное, переходим на вкладку «Gradient Overla»y и проводим настройки, как показано ниже: (были использованы цвета: «fa6b03» и «f6b135»)

Теперь нажимаем на «ОК».

10. Для того что бы наш логотип выглядел более привлекательно разместим его следующим образом: (для этого переходим: «Edit —> Transform —> Distort» и экспериментируем).

11. Далее делаем отражение. Для выполнения этого задания нажимаем правой кнопкой мыши на слое и в меню выбираем «Duplicate Layer», после чего отражаем текст по вертикали: «Edit —> Transform —> Flip Vertical».

12. При помощи «Edit —> Transform —> Distort», выставляем отражение.

13. На панели слоев нажимаем на слое с текстом правой кнопкой мыши и выбираем пункт: «Group into New Smart Object», после чего создаем к данному слою маску, для этого в самом низу нажимаем «Add layer mask»:

14. Далее на панели инструментов выбираем «Gradient Tool» (G) чёрно-белый и делаем заливку снизу-вверх немного под углом нашего изображения, вот что должно получится:

15. Переходим к созданию тени логотипа. Создаем копию слоя (Ctrl+Shift+N) и переносим ново-созданный слой под оригинал. Далее нажимаем правой клавишей мыши на этом слое и выберите в меню пункт: «Clear Layer Style»

16. Теперь трансформируем (Edit —> Transform —> Distort) созданную фигуру следующим образом: (для того что бы лучше видеть созданный объект, отключаем на панели слоев основной логотип)

17. При помощи фильтра «Gaussian Blur», делаем нашу тень более размытой (Filter —> Blur —> Gaussian Blur).

18. Для более реалистичной тени логотипа создаем маску для этого слоя и заливаем ее черно-белым градиентом сверху-вниз.

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

И вот несколько небольших усилий в фотошопе CS и мы получили ответ на вопрос: как сделать уникальный логотип в фотошопе за пару шагов.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Оставьте мне собщение