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

Справочный материал по основным языкам программирования и верстки сайтов.

Готовая методика создания простых и сложных динамичных сайтов, с использованием PHP и MySQL.

Использование веб-редактора Adobe Dreamweaver в разработке сайтов.

Использование графических редакторов Adobe Flash, Adobe Photoshop, Adobe Fireworks в подготовке веб-графики.

Разработка веб-сайтов под "ключ".

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

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

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

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

И так, нам надо создать логотип абстрактной компании АВС, основным профилем которой является торговля.

Откроем Photoshop. В меню Файл ⇒ Создать создадим новый документ, не важно с какими параметрами, но с белым фоном.

Создание нового документа Логотип

Создадим новый слой и с помощью инструмента Овальная область рисуем овал.

Рисуем овал

На панели Опции откроются параметры Овала.

Параметры Овала

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

Использование параметра Вычитание извыделенной области

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

Результат использования параметра Вычитание из выделенной области

С помощью инструмента Заливка Инструмент Заливка, заливаем контур черной краской.

Результат использования инструмента Заливка

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

Пункт Создать бубликат слоя Окно Создать дубликат слоя

Чтобы увидеть полученную копию слоя, выделим его и сдвинем клавишами или мышью вверх.

Рисунок после копирования слоя

Панель Слои примет следующий вид.

Панель слои после копирования слоя

Теперь используя пункт Трансформирование в меню Редактирование или сочетание клавиш Ctrl + T преобразуем получившуюся копию как показано на рисунке.

Использование инструмента Трансформирование

Еще раз скопируем получившийся слой.

Скопирован верхний слой Рисунок после очередного копирования слоя

Изменяем его используя инструмент Трансформирование.

Изменение слоя с помощью инструмента Трансформирование

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

Нажмем кнопку Добавить стиль слоя на панели Слои.

Добавить Стиль слоя - параметры наложения

Для заливки слоев мы будем использовать парамет Наложение градиента с разными цветовыми гаммами для каждого слоя.

Параметр Наложение цвета

А также применим параметр Тень.

Параметр Тень

После примения корректирующих слоев рисунок будет выглядеть так.

Рисунок после применения корректирующих слоев

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

Нажмем кнопку Горизонтальный текст.

На панели Опций зададим параметры текста.

Праметры текста на панели Опций

Панель Слои примет следующий вид.

Пнель Слои после применения инструмента Горизонтальный текст

Надпись будет состоять из двух слов "Компания АВС". Добавим второе слово и применим к тексту корректирующие слои.

Панель Слои после применения корректирующих слоев к слоям Текст

Здесь художественному творчеству нет предела.

У меня получилось так.

Финишный рисунок Логотипа