Рисуем логотип в Photoshop » Блог Обычного веб-мастера

Вот только приехал в свой родной город (живу теперь в другом, но постоянно скитаюсь) и решил порисовать в Photoshop. Иногда, знаете ли, хочется что-нибудь такое, да этакое замутить. Надумал создать урок создания логотипа в Abode Photoshop.

Возможно, кому-то и пригодиться. Давно, кстати, хочу обновить свой дизайн, да как-то лениво (вёрстку бы поправить для начала). И так, не будим разглагольствовать, а сразу приступим:

1. Создаём новый слой примерно 500 на 500 пикселей. Кому как удобнее. Я поставил сразу белый фон, если планируете создать логотип прозрачный, выберете соответственно его или же фон сайта, для которого планируете создать логотип.

2. Пишем название блога. Я рисовал пример, поэтому и написал BlogName. Заливаем надпись нужным цветом и выставляем нужный шрифт – 60px. Вы же выбираете свой формат.

3. Третьим шагом поиграем с цветом логотипа. Главной целью логотипа создать впечатление о сайте и по возможности сделать так, что бы у посетителя в памяти отложилось название или ваше имя, если оно участвует в названии. Как пример, если бы я создавал логотип для данного блога, самым ярким цветом выделили бы именно Felix, то есть в домене mr-Felix.ru именно Felix является ключевым. Добавляем окончание .ru, если необходимо.

4. Теперь самое интересное – будим украшать логотип различными эффектами. Для данного случая я выбрал зеркальность и эффект «Океанские волны». Стоит отметить, что подобные эффекты навсегда полезны для блога, даже если логотип кажется красивее – не стоит использовать большое разнообразие эффектов. Например, то, что у нас должно получиться, подойдёт для web 2.0 блога или сайта, но никак не впишется в корпоративный сайт… ну вы поняли.

Выбираем инструмент «Овальное окружение», выделяем нудную нам часть у надписи и вот как раз тут можно пойти двумя путями: обесцветить либо нижнюю часть, либо сделать инверсию и затереть верхнюю часть. Тут как кому больше понравиться. Я сделал инверсию выделения (Выделение / Инверсия).

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

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

Выделяем надпись, копирем комбинацией Ctrl + C, вставляем Ctrl + V и «выворачиваем», потянув за верхнюю часть слоя вниз. Надеюсь, получилось. Теперь затираем нижний слой так, что бы создать эффект зеркального отражения.

У меня планшет, поэтому мне немного проще. Алле-гоп!

Мы создали логотип в photoshop собственными руками.