-Метки

adobe illustrator corel draw Ирисы аватара акварель анимация архитектура батик бодифлекс видео внучка выпечка вышивка вязание гороскоп графика девушки десерт дети диеты достопримечательности друзья женщина живопись животные заготовки звезды здоровье зима игры искусство картинки кисти клипарт коллаж компьютер кошки красота кулинария ландшафтный дизайн логотипы любовь массаж микроволновка мои схемы морепродукты музыка мультик натюрморты новый год обои осень оформление для блога пейзажи плагины плеер пожелания позитив полезности полезные советы похудение правильное питание праздники природа программа программы психология отношений птицы рамки рамочки религия рисунок розы сад санкт-петербург скрапы собаки ссылки стили стихи творчество текст текстуры тест тигры уроки фильмы фитнес флешка фоны фото фотошоп фразы фэнтези художник художники цветы шрифты юмор япония

 -Рубрики

 -Подписка по e-mail

 

 -Поиск по дневнику

Поиск сообщений в Марина_Тигра

 -Сообщества

Участник сообществ (Всего в списке: 63) Кремлевская_диета БагЛи КАРТИНКИ_В_РОЗОВОМ Классные_фоны Обмен_фоток_обои УРОКИ_ФОТОШОПА town_of_art Мудрая_Мысля zdravy Народные_советы полезности_для_днева Сфера_Любви ОфорМленИе_для_ДНЕВА Темы_и_схемы опекАй Любимые_рецептики Культурная_Столица --фотошоп-- Моя_косметика Live_Memory Gallery_Modern_Art Дом_Кукол Всё_за_симпу Креативы Группа_ВИЗАВИ вязалочки _Ярослав_Стаховский_ пиксельными_картинками Мир_вязальщиц_ЛиРу СЕРЕБРЯНЫЙ_ВЕК Уголок_психолога Книжный_БУМ ЛЮБИМЫЙ_ПРАЗДНИК Картинки_для_днева Фото_храмов НАШ_САД Стихи_любимых_поэтов Аниме_галерея Кисти_для_Фотошопа НЕ_ЖРАТЬ AlinaClub Decor_Rospis exciting-world faq FotoArt Gala-Feya_and_Photoshop Gallery_Vermont Geo_club Kornelia_Mango Питер Photoshopia Группа_РАНЕТКИ-Сообщество УпрЯЯЯмые_ПОХУДЕЙКИ Сама_овца school_du_design SmartMoneyMan Это_Смешно ToscaNa МОЙ_ЛИЧНЫЙ_ПОВАР Арт_Калейдоскоп Вкусно_Быстро_Недорого Creative_Designs Православная_жизнь
Читатель сообществ (Всего в списке: 31) Мы_на_диете ЯРМАРКА_ДИЗАЙНА ARTcafe Мой_цитатник Планета_Ночь Анализируем_и_стройнеем _ПрОсТо_ДлЯ_ВаС_ АРТ_АРТель КаРтИнКи_От_ИнТрЕсС уроки ПОМОЩЬ_НОВИЧКУ Ссылочки_малятам личность_социума Inspiring_Images ЛИСЬЯ_ШКАТУЛКА Сообщество_Сергея_Пенкина Темы_и_схемы_для_Вас Мнение_о_блоге All-for-photoshop Creative_world Crys_Creation New_Photoshopinka Photoshop_Tricks _СОКОЛОВ_ПАВЕЛ_ solnechnolunnaya Special_Pictures Vapeur_des_mots_sur_beau Wandelhalle WiseAdvice World_of_Creation Madame_Frames

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 07.11.2008
Записей: 4050
Комментариев: 7018
Написано: 19525


Стильный логотип в PhotoShop

Понедельник, 26 Октября 2009 г. 13:35 + в цитатник
Цитата сообщения FlashStudio Стильный логотип в PhotoShop



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

1. Создаем новое изображение (в моем случае размером 504x422 px):

стильный логотип

2. Разблокируем единственный слой (кликнув 2 раза на изображении замочка рядом со слоем - на панели слоев Layers).

3. Заходим в Layer Style (кликнув правой клавишей мышки по изображению слоя на панели слоев Layers и выбрав пункт Blending Options...).

Там переходим на вкладку Gradient Overlay и настраиваем все так, как показано на рисунке ниже (примечание для новичков: что бы открыть подробные настройки градиента, кликните 2 раза по полоске справа от надписи Gradient; что бы изменить цвет нижних квадратиков, кликните по ним 2 раза и в поле справа от # введите код цвета, написанный красным цветом на моем скриншоте):

логотип в PhotoShop

Жмем OK и получаем вот такой фон, залитый радиальным градиентом:

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

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

Для этого создайте новое изображение размером 2x2 px с прозрачным фоном, увеличьте изображение (с помощью лупы - Zoom Tool), выберите карандаш (Pencil Tool) и закрасьте черным цветом левый верхний пиксель:

как нарисовать

В главном меню выберите Edit --> Define Pattern... и нажмите OK. Закройте это изображение (его можно не сохранять - оно нам уже не понадобится).

5. Создайте новый слой (нажав на кнопочку Create a new layer на панели слоев Layers снизу).

Залейте его любым цветом (с помощью инструмента Paint Bucket Tool).

Непрозрачность заливки слоя выставьте в 0% (Fill: 0%):

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

6. Зайдите в Layer Style данного слоя, перейдите на вкладку Pattern Overlay и выставьте параметры как на скриншоте (в качестве текстуры выберите ту, которую мы создавали в пункте #4):

модный логотип

Жмем OK и вот что получаем:

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

7. Сейчас самое время на то, что бы создать силуэт логотипа. Если силуэт у вас уже нарисован, то можете использовать его, а пункт 7 пропустить.

Расскажу вкратце как я рисовал силуэт своего логотипа (для новичков, не читавших предыдущих уроков). Сразу создаем новый слой, выбраем инструмент Rectangle Tool и рисуем прямоугольник. После, с помощью инструмента Add Anchor Point Tool добавим слева и снизу от правого верхнего уголка прямоугольника по одной опорной точке и закруглим угол с помощью инструмента Direct Selection Tool (кликнув по правой верхней точке и передвинув ее на другое место - левее и ниже):

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

На новом слое тиким же образом нарисуем такую же фигуру, но немного меньшего размера (буква D готова):

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

Дублируем нижний слой силуэта (кликаем правой клавишей на иконке слоя на панели слоев Layes и выбираем Duplicate Layer..., жмем OK), отразим его по-горизонтали (Edit --> Transform --> Flip Horizontal) и разместим правее (передвигать объекты можно с помощью инструмента Move Tool):

урок по PhotoShop

То же самое сделаем со вторым слоем силуэта логотипа (дублируем, отразим и разместим справа), после чего его немного удлиним по-вертикали (с помощью инструмента Direct Selection Tool - кликая по нижним опорным точкам и сдвигая их вниз):

урок PhotoShop

На новом слое нарисуем еще один прямоугольник, что бы в итоге получилась баква A:

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

Сейчас нужно сделать выделение самого логотипа, без всего лишнего. (Будьте внимательны! Тут можно легко запутаться!) Для этого выбираем инструмент Rectangular Marquee Tool, зажимаем клавиши Ctrl и Shift и кликаем на панели слоев Layers сразу по первому слою с красной частью логотипа (он выделится), за тем по второму (он тоже выделится); после зажимаем Alt и Shift и кликаем сразу по первому слою с белой частью логотипа (он уберется из выделения), после по второму (он так же уберется); и осталось снова зажать клавиши Ctrl и Shift и кликнуть по самому верхнему слою с красной частью логотипа (прямоугольник в букве A). Вот что должно получится (текста много, но, на самом деле, все делается очень просто):

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

Теперь, не снимая выделения, создадим новый слой, и зальем его любым цветом с помощью Paint Bucket Tool:

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

Вот мы и нарисовали силуэт логотипа. Остальные слои, которые мы использовали в данном пункте (при создании логотипа), можно удалить (перетащив слой на иконку с мусорной корзиной, или кликнув на нем правой клавишей мышки и выбрав пункт Delete Layer) или отключить (кликнув по иконке ввиде глаза - на панели слоев Layers, слева от иконки слоя):

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

8. Сейчас создайте еще три копии этого слоя с логотипом (они нам понадобятся в следующих пунктах) - для этого кликните правой клавишей по иконке слоя на панели слоев Layers и выберите Duplicate Layer..., нажмите OK. Отключите оригинал и две последние копии, кликнув по глазу (слева от каждого отключаемого слоя).

Сейчас применим к видимому слою с логотипом (первая копия) некоторые эффекты. Для этого зайдем в Layer Style и выставим следующие параметры:

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

Перейдем на вкладку Drop Shadow и настроим отбрасывание тени:

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

На вкладке Inner Glow настроим внутреннее свечение:

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

На вкладке Gradient Overlay настроим градиент:

урок по PhotoShop

И... На вкладке Stroke настроим обводку:

урок в PhotoShop

Жмем OK и получаем такой-вот логотип:

урок по PhotoShop

9. Сейчас нам понадобится создать еще одну текстуру (таким же способом, как в пункте #4) следующего вида:

урок PhotoShop

10. Теперь включим ранее отключенный слой (вторую копию логотипа; кликнув по глазу слева от иконки слоя), после чего зайдем в Layer Style данного слоя и выставим там следующие параметры:

стильный логотип

На вкладке Stroke настроим обводку:

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

А на вкладке Pattern Overlay выберем созданную в пункте #9 текстуру и выставим следующие параметры:

модный логотип

Жмем OK и получаем следующую картинку:

современный логотип

11. Теперь создадим блик. Для этого включим третью (самую верхнюю) копию слоя, выберем инструмент Rectangular Marquee Tool и, зажав Ctrl, кликнем по слою, что бы его выделить:

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

Не снимая выделения, выбираем инструмент Elliptical Marquee Tool, зажимаем Alt и делаем овальное выделение:

рисуем логотип

Вот что должно получится в итоге:

рисуем в фотошопе

Сейчас инвертируем выделение (Select --> Inverse) и очистим его (Edit --> Clear):

рисуем в PhotoShop

Заходим в Layers Style данного слоя и вот что там творим:

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

А вот что делаем на вкладке Gradient Overlay:

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

Сейчас жмем OK и получаем блик на нашем логотипе:

как в фотошопе

12. Теперь создадим свечение под нашим логотипом. Для этого создайте новый слой под нижним слоем логотипа, выберите инструмент Elliptical Marquee Tool, сделайте овальное выделение и залейте его белым цветом (с помощью Paint Bucket Tool). Снимите выделение (Select --> Deselect):

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

Размоем слой, применив фильтр Gaussian Blur (Filter --> Blur --> Gaussian Blur...) с такими настройками:

как в PhotoShop

Уменьшим непрозрачность слоя до 4%:

как в PhotoShop нарисовать

Получится должно приблизительно так:

рисуем в фотошопе

13. Займемся созданием тени. Для этого сперва включим самый первый слой логотипа (три копии которого мы делали и уже использовали). За тем трансформируем его, немного сжав по-вертикали (Edit --> Free Transform):

рисуем в PhotoShop

Создадим из этого слоя смарт-объект (кликаем правой клавишей мыши по иконке слоя на панели слоев Layers и выбираем Convert to Smart Object).

Добавим к слою маску, для чего нажмем на кнопку Add layer mask (находится на панели слоев Layers, внизу - где корзина). Справа от иконки слоя появилась еще одна, белого цвета - это наша маска слоя.

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

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

Кликаем по иконке слоя с тенью на панели слоев Layers, выпоняем размытие (применив фильтр Filter --> Blur --> Gaussian Blur...) с такими настройками:

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

Жмем OK. Получаем равномерно размытую тень:

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

Что бы тень была более реалистичной, она должна быть более размытой при удалении от объекта. Для этого применим маску к фильтру - кликаем по белой квадратной иконке Smart Filters (которая появилась под слоем с тенью) и заливаем ее черно-белым градиентом (Gradient Tool) снизу вверх. Вот что получится:

металлический логотип

Работа с тенью закончена. Начнем украшать наш логотип...

14. Первым делом сделаем на гранях логотипа блики. Для этого я поступил так: с помощью Pencil Tool нарисовал 4 линии белого цвета (каждую на отдельном слое):

карбоновый логотип

После к каждой линие в Layer Style добавил небольшое слегка заметное внешнее свечение (Outer Glow), и к каждой линии добавил маску (Layer Mask), залив ее с обоих сторон черно-прозрачным (Foreground to Transparent) градиентом (горизонтальные линии - слева направо и справа налево, вертикальные - сверху вниз и снизу вверх). Вот что получилось:

логотип из металла

С помощью инструмента Horizontal Type Tool добавим текст (шрифт и размер - по вкусу) - в моем случае это три надписи, каждая на отдельном слое (Design, Arts и .RU):

логотип из карбона

К одной из надписей добавим градиентную заливку (в Layer Style на вкладке Gradient Overlay) с такими параметрами:

логотип с бликом

Вот что у меня вышло (см. слово Design):

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

Теперь нужно применить этот эффект к остальным надписям. Для этого кликаем правой клавишей мышки по уже раскрашенной надписи и выбираем Copy Layer Style, после кликаем правой клавишей по двум другим надписям и выбираем Paste Layer Style. Вот что вышло:

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

15. Продолжим украшать наше творение... Сейчас добавим лампочки (лучшее название моментально в голову не пришло), для чего создаем новый слой (располагаем его выше всех остальных), заливаем его черным цветом (с помощью Paint Bucket Tool) и применяем фильтр Filter --> Render --> Lens Flare (Brignhtness: 100%, Lens type: 50-300mm Zoom):

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

Выбираем стирку (инструмент Eraser Tool) и стираем ей светлые линии, оставляя сияющую точку с короткими лучами вокруг:

уроки PhotoShop

Изменим цвет этого свечения на зеленый, для чего в меню выберите Image --> Adjustments --> Hue/Saturation... и выставьте следующие параметры:

уроки про PhotoShop

Жмем OK и видим вот что:

уроки для PhotoShop

Теперь изменим тип наложения данного слоя с Normal на Color Dodge (это делается на панели слоев Layers):

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

Передвигаем (с помощью Move Tool) получившуюся лампочку на понравившееся место:

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

Я сделал еще три копии этой лампочки и разместил вот таким образом:

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

16. Для придания большей реалистичности добавим к логотипу отражение. Для этого создадим под слоем с тенью от логотипа еще один слой и зальем его (Paint Bucket Tool) черным цветом. После с помощью Rectangular Marquee Tool аккуратно выделим логотип и скопируем его в буфер обмена (Edit --> Copy Merged), удалим слой, который только что полностью заливали черным цветом, на том же месте создадим новый слой и вставим из буфера (Edit --> Paste) логотип, отразим его по-вертикали (Edit --> Transform --> Flip Vertical) и разместим следующим образом:

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

Создадим смарт-объект (правой клавишей мыши кликаем по слою, выбираем там Convert to Smart Object) и изменим тип наложения этого слоя с Normal на Lighten:

Adobe PhotoShop CS4

Трансформируем отражение. Сперва сузим его по-вертикали (Edit --> Free Transform), после сделаем его немного шире снизу (Edit --> Transform --> Skew):

рисуем в фотошопе логотип

Размоем отражение, для чего применим к смарт-объекту смарт-фильтр Filter --> Blur --> Gaussian Blur... с такими настройками:

рисуем красивый логотип

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

рисуем в фотошопе

Что бы отражение было еще более реальным, сделаем, что бы оно при приближении к логотипу становилось более контрастным. Для этого к фильтра применим маску (кликаем по квадратику Smart Filter (расположен под слоем с отражением) и заливаем черно-белым градиентом (Gradient Tool) сверху вниз). Вот что должно получится:

рисуем в PhotoShop

Последние штрихи... Сделаем отражение прозрачным (снизу более прозрачное, сверху - менее), для чего к слою с отражением применим маску (кликнув по иконке слоя на панели слоев Layers, после по кнопке Add layer mask) и зальем ее снизу вверх черно-белым градиентом (с помощью Gradient Tool). Получим готовый логотип:

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

17. А теперь изменим цвет логотипа по-вкусу. Мне понравился синий. Для этого на панели слоев Layers кликаем по самому верхнему слою, после по кнопке Create new fill or adjustment layer, там выбираем Hue/Saturation и настраиваем сдвиг цвета следующим образом:

стильный логотип

И, наконец-то, мы можем созерцать финальный вариант нашего стильного логотипа:

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

Вот и все... Если что не понятно - спрашивайте у меня или на форуме в соответствующем разделе. Удачных экспериментов ;)

Рубрики:  Видео
Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку