Меню
  Разделы дневника
PhotoShop [22]
Уроки по PhotoShop
CSS [0]
Таблицы стилей
HTML [0]
Простой язык построения сайта
PHP [0]
Более сложный язык, но не вбивайте себе это в голову
Разное [0]
  Опрос
Что загружать на сайт?
Всего ответов: 50
Главная » 2008 » Ноябрь » 2 » "Создание логотипа"
"Создание логотипа"
17:55

« Логотип в PhotoShop »

как нарисовать логотип в фотошопе


Как нарисовать красивый логотип в фотошопе...


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


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

Логотип для сайта в фотошопе


1. Сначала создадим текстуру, которую мы будем использовать в этом уроке. Для этого создайте файл с размерами 1x2 px. Возьмите карандаш (Pencil Tool) и закрасьте чёрным цветом верхний квадратик:


логотип в PhotoShop


2. В главном меню выберите Edit —> Define Pattern:

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


Вводим название текстуры, жмём Ok и закрываем окно, не сохраняя (оно нам не понадобится).


3. Снова создадим новое изображение размерами с ваш будущий логотип. Затем выбираем инструмент Rounded Rectangle Tool, радиус скругления ставим 15 пикселей (Radius: 15px) и, зажав кнопку Shift, рисуем такой квадрат (Shift мы зажали чтобы получить стороны одинакового размера):

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


4. Сейчас выберите инструмент Add Anchor Point Tool и со всех четырёх сторон по центру добавьте по одной точке:



5. Выбираем Direct Selection Tool и передвигаем созданные точки к центру фигуры:


нарисовать логотип в PhotoShop

Вот что должно получиться:


как нарисовать логотип в PhotoShop


6. Добавим к слою эффектов (зайдём в Layer Style). Для этого на панели слоёв Layers кликните правой клавишей на слое с фигурой и выберите пункт Blending Options. Там перейдите на вкладку Drop Shadow (отбрасывание тени) и выставьте следующие значения:

нарисовать логотип в фотошоп


7. Добавим внутреннее свечение — вкладка Inner Glow:


нарисовать логотип в фотошопе


8. На вкладке Stroke добавим обводку:

уроки по фотошопу


9. Ну и добавим градиент (вкладка Gradient Overlay):


уроки фотошоп


Ниже представлены подробные настройки градиента (чтобы открыть это окошко с настройками, кликните по полосе справа от надписи Gradient), красным цветом я написал шестнадцатеричные значения цветов для соответствующих квадратиков:


уроки про логотипы


Везде жмём Ok и смотрим на результат:

урок о логотипах


10. Создайте копию этого слоя. Для этого перетащите слой на иконку создания нового слоя, или на панели слоёв кликните по слою правой клавишей, там выберите пункт Duplicate Layer:



11. Очистите настройки слоя, для чего на панели кликните по слою правой клавишей и выберите пункт Clear Layer Style:


урок про логотип


12. Зайдите в Layer Style на вкладку Inner Shadow (самозатенение) и выставьте следующие параметры:

урок про логотипы в фотошопе


13. Затем добавьте внешнее свечение (вкладка Outer Glow):


урок про логотипы в фотошоп


14. Добавьте градиент (Gradient Overlay):


урок про логотипы в PhotoShop


Со следующими подробными настройками:

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


15. Добавьте обводку (Stroke):


логотипы в PhotoShop


Обводка в виде градиента со следующими настройками:


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


Жмём Ok и получаем примерно такой результат:

логотип в PhotoShop


16. Сделаем копию только что созданного слоя. Сбросьте его настройки (Clear Layer Style), затем непрозрачность Fill поставьте в 0%:


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


17. Зайдите в Layer Style на вкладку Pattern Overlay и выберите в качестве градиента градиент, который мы с вами создали в первых пунктах урока:

как рисовать логотипы


Жмём Ok и получаем штриховку следующего вида:


в чём рисуют логотипы


18. Инструментом Ellipse Tool нарисуйте в углу маленький кружок:


где создают логотипы

19. Зайдите в Layer Style этого слоя с кружком и добавьте небольшую тень:


как сделать логтип


20. Добавьте градиент:


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


Со следующими настройками:


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

После этого кружок должен стать таким:


как в фотошопе нарисовать логотип


21. Сделайте три копии слоя с кружком и разместите их в других углах логотипа:


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


22. Напишите внутри какой-либо текст, желательно покороче — одну или две буквы, а можно рисунок векторный простенький вставить (или нарисовать):


нарисовать логотип в фотошопе

23. Переходим в Layer Style на вкладку Drop Shadow и там сделаем так:


как в PhotoShop сделать логотип


24. На вкладке Inner Glow вот так:

сделать логотип в PhotoShop


25. На вкладке Stroke добавьте обводку:


нарисовать логотип в PhotoShop


26. Ну и добавьте градиент:


урок про создание логотипа


Градент со следующими настройками:

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


Жмём Ok и наш текст станет металлическим:


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


27. Зажмите клавишу Ctrl и на панели слоёв Layers кликните по верхнему слою, чтобы создать выделение. Затем выберите заливку (инструмент Paint Bucket Tool), создайте новый слой и залейте выделение белым цветом:

урок про создание логотипа в PhotoShop


28. Не убирая выделения выберем инструмент Elliptical Marque Tool, затем зажимаем Alt и создаём овальное выделение как я показал ниже:


урок про логотипы в фотошопе


29. Инвертируйте выделение (Shift + Ctrl + I или в меню: Select —> Inverse) и нажмите клавишу Delete чтобы удалить выделенную часть слоя:

урок о логотипах в фотошопе


30. К этому слою добавьте маску, для этого на панели слоёв Layers кликните по верхнему слою, а затем по кнопке Add vector mask (кнопка в виде прямоугольника, внутри которого круг):


уроки по фотошопу и логотипы


31. Слой разделился на две части — сам слой и маска. Сейчас выбираем градиентную заливку (Gradient Tool), тип заливки — чёрная, плавно переходящая в белую, и заливаем ею нашу маску слоя снизу вверх:



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


как нарисовать логотип в фотошопе

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


В общем, подключите свою фантазию...


PS: для обсуждения этого и других уроков заходите на наш форум...


Категория: PhotoShop | Просмотров: 750 | Добавил: ami | Рейтинг: 0.0/0 |
Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
  Вход на сайт
Приветствую Вас! Гость
  Поиск
  Календарь
«  Ноябрь 2008  »
ПнВтСрЧтПтСбВс
     12
3456789
10111213141516
17181920212223
24252627282930
  Проекты
  Статистика




Alexandr Martyushev © 2008



Сайт управляется системой uCoz