Уроки Все для дизайнера Artfat 23 января 2009

Создаем логотип в стиле фильма “Хроники Нарнии”

Сложность урока: Сложный

В этом уроке мы  научимся как создать логотип в стиле фильма Хроники Нарнии

Шаг 1. Загрузите шрифт необходимый нам в этом уроке по данной  ссылке.
Создайте новый документ(Ctrl+N) и напишите   The Chronicles of  Narnia. Автор выбрал размер документа 1600х560 пикселей с цветом фона #1a3586.

Текст The Chronicles of ” и текст “Narnia” должны быть на двух отдельных слоях. Выберете размер букв 40 пт для текста “The Chronicles of ”  и 150 пт для текста “Narnia” и разместите как показано на рисунке.

Шаг 2. Двойной  клик  на слое с текстом Narnia” для того, чтобы  установить следующие стили слоя:

Шаг 3. Клик правой кнопкой на слое с текстом “Narnia” и выберите Copy layer style”(скопировать стиль слоя), теперь клик правой кнопкой на слое с текстом The Сhronicles of” и выбирите пункт Paste layer Style” (вставить стиль слоя) Далее двойной  клик на слое с текстом The Сhronicles of” и внесите изменения в следующие стили слоя:

Шаг 4. Выберите инструмент Pen tool” (Перо) и нарисуйте контур для половинки баннера, как показано на рисунке:

Шаг 5. Создайте новый слой, щелкните Load path as selection” (Загрузить контур как выделенную область) на вкладке Paths (Контуры) и получившуюся выделенную область залейте желтым цветом
(#fdd72f).

Шаг 6. Выберите инструмент Burn tool” (затемнитель) и установите для него exposure” (экспозицию) 50 % и начните затемнять места изгибов баннера. Используйте инструмент selection tool”(выделения), чтобы изолировать различные части баннера для областей, где вам надо создать твердые границы между светлыми и темными участками. Также используйте инструмент Dodge tool(осветлитель), для осветления поднятых участков баннера.

Шаг 7. Дублируйте слой с половинкой баннера и отразите  его по горизонтали Edit - Transform - Flip Horizontal” (Редактирование – Трансформирование - Отразить по горизонтали). Объедите две половинки баннера (Ctrl+E) в одно целое.

Шаг 8. Тени  баннера получились слишком насыщенные, необходимо сделать их немного бледнее. Для этого выберите пункт меню Image - Adjustments - Replace Color” (Изображение - Коррекция - Заменить цвет) и нажмите на любую теневую область и уменьшите Saturation and Lightness” (Насыщенность и Яркость).

Шаг 9. Двойной клик на слое с баннером и примените следующие стили слоя:

Шаг 10. Выберите инструментType tool (горизонтальный текст) и напишите текст The Lion, The Witch and The Wardrobe на банере. Используйте для надписи black color, Times New Roman, Tracking=-75, Faux Bold, Small Caps (черный цвет, шрифт Times New Roman,размер шрифта 44 пт, трекинг =-75, Faux Bold, маленькие заглавные буквы).

Шаг 11. Выберите инструмент “Warp Text tool” (деформации текста), стиль деформации текста “Arch” (Аркой) для текста который мы написали в предыдущем шаге.

Шаг 12. Откройте фотографию неба с облаками и поместите над слоем background
(задний план). Автор использовал это фото от SXC

Шаг 13. Нажмите (Ctrl+M), чтобы вызвать окно “Curves” (Кривые). Подстройте контраст неба так, чтобы оно смотрелось более эффектно. Приблизительно как на рисунке у автора.

Шаг 14. Создайте новый слой ниже слоя с баннером. Выберите инструмент Pen tool” (перо) и нарисуйте форму как показано на рисунке.

Шаг 15. Залейте получившуюся фигуру (#be8649) цветом, дублируйте слой, отразите по горизонтали и соедините в одно целое (также как делали с баннером).

Шаг 16. Двойной клик на получившемся слое и примените следующие стили слою:

Шаг 17. Создайте новый слой и с помощью инструмента Polygonal Lasso tool” (прямоугольное лассо) нарисуйте лезмвие меча и залейте его (#a7b6b9) цветом.

Шаг 18. Двойной клик на получившемся слое и примените следующие стили слою:

Шаг 19. Дублируем слой с лезвием (Ctrl+J). Затем нажмите комбинацию клавиш (Ctrl+T) и сузьте копию, чтобы сделать сточную канаву для лезвия.

Шаг 20. Двойной клик на получившемся слое, для того чтобы поменять настройки стиля слоя “Bevel and Emboss” (тиснение) на следующие:

Шаг 21. Создайте новый слой выше слоя с небом, сделайте выделение  с помощью инструмента Elliptical Marquee tool” (Овальная область), после чего залейте его бледно розовым цветом (#d09ea1)

Шаг 22. Теперь нам надо применить несколько фильтров, чтобы сделать наш круг сияющим. Примените фильтр Filter - Distort - Polar Coordinates - Polar to Rectangular”(Фильтр-Искажение - Полярные координаты – Полярные в прямоугольные).

После чего разверните  изображение Image - Rotate – 90 CCW” (Изображение - Повернуть холст 90 градусов против часовой стрелки).

К развернутому изображению примените фильтр Filter - Stylize - Wind – Wind, From the Left” (Фильтр - Стилизация – Ветер - Ветер, слева), и нажмите (Ctrl+F) несколько раз, чтобы повторить последний примененный фильтр.

Далее примените следующий фильтр Filter - Blur - Motion Blur” (Фильтр-Размытие-Размытие в движении), чтобы смягчить эффект.

Шаг 23. Теперь верните  изображение в исходное положение Image - Rotate – 90 CW” (Изображение - Повернуть холст 90 градусов по часовой стрелке), а также измените координаты с прямоугольных обратно в полярные Filter - Distort - Polar Coordinates - Polar to Rectangular”(Фильтр-Искажение - Полярные координаты - Полярные в прямоугольные ). После этого установите режим наложения для слоя с сиянием на Linear Dodge” (Линейный осветлитель).

Шаг 24. Создайте градиент как на картине ниже “opacity (непрозрачность) от 100 % до 0 %, цвета #fbf27c и #f5bf62”. Создайте новый слой, (ctrl+клик) на слое с жаром и заполните выделение радиальным градиентом.

Шаг 25. Выберите инструментBurn Tool” (Инструмент Затемнитель) с экспозицией  90 % и затемните верхнюю часть слоя созданного в предыдущем шаге.

Шаг 26. Возьмите мягкую круглую кисть, изменените ее параметры как показано на рисунке и нарисуйте на новом слое волшебную пыль (белым цветом).

Шаг 27. Выберите кисть Crosshatch” из  раздела Assorted brushes” и добавьте лучи к самым большим магическим пылинкам.

Шаг 28. Создайте новый слой ниже слоя с баннером. Сделайте выделение для тени баннера с помощью инструмента Elliptical Marquee tool (инструмент “Овальная область”). Правый клик на выделении, выберите Feather” (Растушевка) и установите значение растушевки на 15. Залейте выделение черным цветом, opacity (непрозрачность) слоя установите на 80 % и режим наложения для слоя Multiply” (Умножение).

Вот что получилось у автора урока.

 

Автор: Nataly Alaeva
Перевод: Artfat
Ссылка на источник урока

Источник: www.tutzor.com

Комментарии 31

Спасибо за урок.

Замечательный урок.Спасибо.

Очень увлекательно, спасибо!

Хороший урок, побольше бы таких))

Урок не для слабонервных.
Я делала логотип к новой части Хроник Нарнии, и потому символику чуть изменила.

Долго же я не решалась сделать этот урок.Очень долго вырисовывала ленту и кажется получилось.Очень красивый урок. Спасибо.

Может где-то и пригодится.СПС

У меня проблема рисования пером.Сколько не пыталась,так и не могу понять как работать пером.На сайте есть уроки по рисованию пером,но мне не помогает.НЕ ДОХОДИТ.Вот если бы был урок по рисованию того же баннера...Или логотипа...

Артфат, не паникуйте, мне ваш урок оказался полезен:) часто я не повторяю некоторые уроки, только изучаю важные приёмы. Поэтому не в картинке урока дело. Я учусь работать в ФШ и по интересам, и по работе, та что вам спасибо:):):) и мы такие есть.

Тут все уроки несут знания!!!!
И применить их можна в саміх разніх случаях

Хотя получается очень красиво по-моему)))

Да, согласна, я хоть и не начинающая, но всё равно на урк смотрю по картинке - как выходит в конечном итоге

Я, как начинающий в Фотошопе, действительно сначала смотрю на картинку, но этим не ограничиваюсь, т.к. выбранная тема и результат - это не главное для меня, поэтому потом я обязательно читаю комментарии и если нахожу, что урок дает знания, полезный в плане изучения Фотошопа, то несмотря на первое впечатление и выбранную тему, я прохожу урок.
А теперь насчет самого урока. Мне очень понравилось. А так как я не поклонница Льюиса и его Нарнии, то я просто сменила тему.

задумка классная, можно по-своему сделать

Обалдеть !!!

Очень хороший урок! Спасибо автору за создание и отдельное спасибо переводчику. Не соглашусь, что урок направлен на узкий круг (поклонников Нарнии). Изображение можно интерпретировать в любую тему, слегка подкорректировав (это насколько воображение позволяет). Главное, что в данном уроке подробно описаны основные моменты. Да, могут возникнуть легкие трудности при работе с Пером

Админ
Да Вы не поняли,о чём шла речь.Здесь говорилось о том,что прежде чем приступать к повторению урока,люди смотрят на изображение,а уж потом на полезность.А на кого расчитан этот урок-Здесь и не обговаривалось.

Ну что ж, я рада, что ошиблась. А форума, действительно не хватает.

Админ
Может и будет когда...

Спасибо Вам за то, что высказались!!!
Сколько людей - столько мнений.
Рейтинг - ничто!!! Опыт - все!!!
P.S. уже не раз писал что форум этому сайту не помешал бы.

Админ
Это точно.Боюсь потом устали бы все отписываться))))))

Н-да...После таких дебатов, рейтинг урока точно поднимется.

Админ
То ли ещё будет)))).Он поднимется тогда,когда появятся фанаты этого фильма,и если люди найдут для себя в этом уроке полезные приёмы.

Я что-то не пойму. Решила поддержать Артфата, а в итоге какая то агрессия в мою сторону.

Админ
Да никакой агрессии нет.Значит Вы не правильно расценили нашу с Вами переписку.Очень жаль((.А дебаты иногда полезны-для общего развития так сказать))

Я что маленький мальчик! Я и не собирался обижаться. Просто хотел услышать мнение других

Админ
Приятно слышать такие слова.

Админ, я смотрю на уроки глазами человека.

Админ
Так вот и смотрите ими,только ещё глазами человека,который пришёл сюда что бы научиться тому,чему он хочет научиться.И поэтому Выбирают люди,что для них интересно на данный момент.

Артфат, по поводу интересных приёмов никто и не спорит, конешно они присутствуют. Соглашусь с Админом, картинка к сожалению играет свою роль. Только Админ, прошу без обобщений - люди то разные бывают.

Админ
Я не обобщал,а написал про основную категорию посетителей.Люди конечно разные все,но почему то мыслят за частую одинаково.Вы прочтите все комменты на сайте(которых перевалило ни за одну 1000),тогда поймёте о чём я написал.И ещё-Я так понимаю,что Вы смотрите на уроки глазами НЕПРЕВЗОЙДЁННОГО МАСТЕРА в ФШ,а я смотрю глазами НАЧИНАЮЩИХ,которые,второй раз открыли ФШ,и видя сначала готовую картинку(что там изображенно)в уроке,делают для себя выбор-ПОВТОРЯТЬ УРОК или НЕТ.Это почти тоже самое,что-"Встречают по одёжке,а провожают по ..."

Спасибо за ответы

Админ
Вы ради Бога не обижайтесь.Просто Ваша работа рассчитана на определённый круг посетителей.Вообщем-на поклоника-любителя(в данном случае Нарнии).Тема выбрана не Актуальная.Могу поспорить,если бы в этом же уроке,была показана другая работа скажем на тему МОЯ СЕМЬЯ или АНТИКРИЗИС,либо На какую-то ещё тему,которая популярна у большинства посетителей,то в уроке было на много больше коментариев.Просто,лично я понял одно-Посетителей(изначально)не волнует техника,и как её потом можно будет применить.А ИЗНАЧАЛЬНО,Они видят готовое ИЗОБРАЖЕНИЕ,и им эта тема НЕ ИНТЕРЕСНА!!Такая Психология у всех людей.Увидел изображение,понравилась тема,делаю.Не понравилась-Не делаю.ИМХО

Как по мне то в уроке есть полезные приемы которые можно применить на практике!
Да сложные уроки на сайте пользуються меньшей популярностью - это факт!!!

Артфат, урок красивый, но здесь очень тонкая работа пером, которая под силу далеко не всем. Плюс к этому в уроке описывается выполнение конкретного логотипа, а народ ждёт технику широкого спектра применения. Моё мнение.

Еще 2
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее