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

Быстрый способ создать логотип для сайта в фотошопе. Подробный урок

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

 

 

 

 

1. Создаём в Фотошопе Новый документ: Файл > Новый 400x400 пикселей.

 

 

 

3. Вот он самый новый документ размером 400x400 (пикс.):

 

 

 

 

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


 

Появится список фигур, но нам нужна Форма пользователя. Её мы и выбираем

 

 

 

 

5. Далее, смотрим на верх экрана и ищем там дополнительный каталог всех фигур-картинок:

Форма (выделено жёлтым). Нажимаем на стрелочку вниз (выделена красным) 

 

 

 

 

6. Это и есть каталог картинок: 

 

 

 

 

7. Для отображения ВСЕХ картинок следует кликнуть на синюю стрелочку и выбрать категорию All (Все)

 


 

 

 

8. Теперь непосредственно приступаем к основной части работы. В списке Форма выбираем понравившийся объект. Например, как на следующем рисунке: 

 

 

 

 

9. Начинаем «рисовать» выбранный нами объект следующим образом: зажимаем клавишу Shift и одновременно рисуем картинку.

 

 

 

 

10. При желании фигуру можно подвинуть.

Для этого нужно воспользоваться стрелкой перемещения (выделена жёлтым), которая находится в окне инструментов (слева).

 

 

 

 

11. Начинаем применять эффекты.

Для этого дважды кликаем правой клавишей мышки по слою с надписью Форма 1 (находится в правом нижнем углу) 

 

 

 

 

12. Должно появиться окно Стиль слоя, с которым мы и будем в дальнейшем работать

 

 

 

 

13. Начнём с Наложения градиента.

Выбираем цвет градиента в списке цветов (выделено жёлтым), для этого кликаем на прямоугольник (градиент переход от чёрного к белому) 

 

 

 

14. Откроется окно Градиентный редактор, в котором мы будем применять свой цветной градиент для лого (наподобие заливки).
Как видно на рисунке, я выбрал трёхцветный градиент: оранжевый-жёлтый-оранжевый. > OK

 

 

 

15. Вот что у нас получилось:

 

 

 

 

16. Далее мы сделаем контур нашу фигуру векторной следующим образом: правой клавишей нажимаем на слой Форма 1 (в нижнем правом углу) > Растеризация слоя

 



 

 

17. Смотрим, что получилось:

 

 

 

 

18. Вернёмся к Наложению градиента. Если, например, цвет не нравится, его можно изменить на любой другой.

Допустим, я хочу изменить все три цвета. Щёлкаем двойным щелчком по левому ползунку.

 

 

 

 

19. Появится окно Сборщик цветов.

Здесь можно задать свой цвет – выбрать вручную или с помощью ввода шестнадцатеричного кода цвета (#).

Для выбора цвета курсором мышки выберите понравившийся цвет в гамме справа (выделена зелёным)

 

 

 

 

20. Я выбрал светло-синий цвет. Его шестнадцатеричный код: #7AA5F3. Он нам ещё пригодится.

Проще будет скопировать этот код, выделив его и нажав Ctrl+C

 

 

 

 

21. При выборе нового цвета, форма тоже меняет цвет (см. рисунок).

Продолжаем менять цвет градиента, а именно на втором ползунке.

 

 

22. Кликаем дважды на второй ползунок и выбираем синий цвет (я хочу взять цвет темнее - #04045A, чем на первом ползунке).

 

 



 

 

23. Третий цвет. Для более симпатичного лого возьмём такой же цвет, как в 20 пункте этого урока.

Для этого также кликаем дважды по третьему ползунку и в поле «#» вводим код цвета #7AA5F3  и нажимаем OK.

В итоге у нас получается такой градиент:

 

 

 

 

24. Градиент наложен. Теперь применяем эффект внутренней тени. Для этого открываем Стиль слоя.

Далее делаем всё как на рисунке. (Выделенный красным прямоугольник – цвет тени. Здесь он тёмно-синий. Его код вы видите на рисунке):

 

 

 

25. Применим эффект падающей тени:

 


26. Посмотрим, что получилось:

 


 

27. Теперь нам нужно написать текст на нашей фигуре. Для этого выбираем Текст в панели инструментов. 

 

28. С текстом наша эмблема стала выглядеть так:

 

 

 

 

29. Теперь нам надо применить к тексту эффект внутренней тени.

Для этого дважды кликаем правой клавишей по слою с текстом (здесь – photoshop-help.ru) и откроется окно Стиль слоя, в котором мы далее нажимаем на Наложение цвета.

У меня – светло-голубой.

 

30. Теперь, в центр нашей картинки можно вставить любую иконку. Их можно найти на этом сайте.

Для вставки новой картинки нажимаем: Файл > Открыть > и выбираете свою картинку

 

У меня получилось вот что:

 

 

 

 

31. Осталось сделать отражение внизу. Дублируем Слой 1.

Нажимаем на него правой клавишей > Дублировать слой, появится Слой 1 копия и переворачиваем его вертикально: Редактирование > Трансформация > Отразить вертикально

Подгоняем перевёрнутый слой к основному для дальнейшего создания эффекта отражения

 

 

 

 

32. Создаём маску следующим образом: Слой 1 копия перетаскиваем в значок выделенный красным.

Непрозрачность должна быть 30%

 


 

33. Берём кисточку (желательно большого диаметра), нужно поставить чёрный цвет (это нужно для работы с маской) и начинаем постепенно стирать нижнюю часть отражения:

 

 

 

 

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

 

 

И в итоге у нас получается логотип:

 

 

 

 

 

Автор урока: Арсений Королев

 

 

Вы также можете просмотреть мои другие уроки:

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

Как поменять фон в фотошопе



Если Вам понравился наш сайт, выразите свое "спасибо" нажатием на кнопочки ниже. Расскажите друзьям. Спасибо :)


  • 15.08.2012
  •   Просмотров: 13695
Комментарии Вконтакте:
Комментарии Facebook:
Комментарии:
Виктор (16.08.2012 | 13:57)

Очень хорошо всё написано и показано!))) Очень доступно и понятно!))
буду ещё ждать новые уроки от этого автора

koroleff26 (23.08.2012 | 22:45)

Виктор,
спасибо)) мои новые уроки так же имеются на этом сайте

Оставить комментарий:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Сложите два числа
(ответ введите цифрой).
Если символов не видно, нажмите на картику для её обновления.
Полный курс по After Effects на русском!

Все о МАСКАХ

Полный курс по Cinema 4D на русском!

Создание профессиональных видеоуроков!

Помощь сайту
Если вам нравится у нас на сайте, и мы вам помогли, вы можете внесите свой вклад в его развитие, пожертвовав любую сумму на один из кошельков:

WebMoney
Z280416942189
R894500715826

Яндекс Деньги:
410012466071950

Все деньги пойдут на развитие сайта (оплату хостинга, оплату авторам уроков т.д.)

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

С уважением администрация сайта.
http://of-law.ru/iskovye-zayavleniya/ - Of-law.ru-судебные решения, исковые заявления, образцы жалоб, судебная практика, юридическая консультация бесплатно,нет ничего проще
Популярное на сайте
Следите за нами

Кроссовки дешево!
http://mykrosovkii.ru/catalog/nike.html - Уцененные кроссовки со всего мира,кроссовки Nike, Adidas, Converse кеды, Reebok Classic,New Balance
Партнерские ссылки