Здравствуйте! Этот урок будет посвящен созданию заголовков в фотокниге (Word Art). Мы сделаем несколько таких заголовков, подходящих для размещения в мужской фотокниге.
Вот примеры того, что мы будем делать.
Давайте начнем с надписи на металле. Нам необходимо создать текстуру царапин. Создаем документ 1000*500пикс и разрешением 72 пикс/дюйм, заливаем белым цветом. Теперь берем твердую кисть, черного цвета, размер – 1пикс, непрозрачность 100%. И рисуем произвольные царапины.
Теперь создаем узор: Редактирование – Определить узор. Задаем имя узору, например, царапины, и нажимаем Ок.
Следующий шаг: увеличиваем размер кисти до 4-5 пикселей и рисуем еще несколько царапин (чтоб вы понимали, более жирные и черные царапины на текстуре будут более глубокими).
Снова создаем узор: Редактирование – Определить узор. Задаем имя узору и нажимаем Ок. Теперь еще один момент – загружаем в фотошоп текстуру металла (находим в интернете не сильно грубую, более однородную, но с интересным освещением). Открываем ее в фотошопе и загружаем в узоры, как делали с текстурой царапин.
Можно приступать непосредственно к созданию подписи. Создаем новый документ, я создала 30*17 см, разрешение обязательно 300 пикс/дюйм – т.к. это уже документ создания надписи, а не текстуры. Думаю, можно задать и меньше ширину, т.к. на всю страницу вряд ли кто-то будет размещать надпись, но я люблю все делать с запасом качества. Теперь нам необходимо разместить в документе текстуру металла, ее легко найти в интернете на различных ресурсах. Итак, разместили текстуру и теперь пишем наш заголовок – здесь все на ваш личный вкус – подбираем подходящий шрифт, его размер, расстояние между буквами. На данном этапе цвет шрифта значения не имеет, я выбрала белый.
Несколько моментов для успешного создания заголовков:
1) каждое слово фразы пишите на отдельном слое, особенно, если фраза небольшая; если фраза длинная, то на отдельных слоях помещайте ее части, не сильно большие;
2) даже в самой длинной фразе типов текста не должно быть больше 3 – иначе получится каша и мешанина;
3) размеров шрифта тоже лучше не брать больше 3-4, чтобы фраза смотрелась гармонично;
4) если у вас один тип текста с засечками, второй лучше подбирать без засечек, если один шрифт очень витиеватый рукописный – второй лучше брать попроще, если один жирный – второй лучше использовать тонкий.
Вот мы все разместили, подобрали, нам все нравится. Начинаем превращать текст в металлический. Все эффекты заключаются в стилях слоя. Они могут отличаться при различиях в размере файла, размере текста и т.д. Поэтому, если вы недавно в фотошопе, советую повторить сначала все за мной, чтобы понимать, какой именно эффект дает каждый стиль слоя, а потом уже экспериментировать самостоятельно.
Тиснение:
Текстура (тут как раз выбираем одну из наших текстур царапин, которая больше подходит под ваш шрифт):
Обводка (здесь устанавливаем не цвет обводки, а узор, и выбираем текстуру металла, которую загрузили ранее — 1):
Внутренняя тень (обратите внимание, галочка с глобального освещения снята! это важно для подобных работ – всегда обращайте внимание на данный параметр):
Внутреннее свечение:
Глянец:
Наложение цвета:
Наложение градиента:
Наложение узора (здесь текстура металла та же, что и в обводке):
Внешнее свечение:
Тень:
И вот результат:
Копируем стиль слоя для второго слова, и получаем нашу надпись. Смотрите, изменив всего лишь 1 параметр в стилях слоя (у меня градиент, я сделала его немного темнее и с оттенком темно-синего), получаем другой эффект:
При желании, можно добавить дырочки в текстуру, будто это табличка, которую нужно прикрутить. Берем инструмент Выделение (овальная область), зажимаем клавишу Shift и выделяем небольшую круглую область (смотрим, чтоб активным был слой с текстурой). Нажимаем Delete. Передвигаем нашу область выделения на другую сторону и тоже нажимаем Delete. Добавляем тень. Получаем вот такой результат:
Теперь перейдем к созданию заголовка на дереве.
Создаем новый документ, как и с металлом, я сделала размер 30Х17см, разрешение 300писк/дюйм. Помещаем в него текстуру дерева и пишем заголовок по тем же принципам, что я рассказывала выше. Только здесь цвет шрифта имеет значение. Подбираем цвет такой, чтоб создавалось впечатление букв, выжженных на дереве, т.е. все многообразие коричневого. У меня цвет 7b4a0f. Зажимаем клавишу Ctrl и кликаем правой кнопкой мыши по слою с текстом (я начну со слова «смелый» работу, т.к. у меня 2 текстовых слоя) – образовалось выделение вокруг букв.
Теперь идем Выделение – Модификация – Расширить. Расширяем на 25пикс. Я потом решила, что 25 мне мало и сделала на 50. Вы смотрите по своему документу и тексту.
Создаем новый слой (1), перетаскиваем этот слой под слой с текстом (2) и заливаем выделение серым цветом (у меня 2c2525). Этот слой имитирует у нас выжженость вокруг букв, можно его так и назвать.
Теперь снимаем выделение (Ctrl+D) и размываем слой с выжженостью: Фильтр – Размытие – Размытие по Гауссу, значения 1,8-2. Следующий шаг – Фильтр – Стилизация – Ветер, направление справа. Повторяем фильтр Ветер, только теперь направление ставим слева. Получается такой эффект:
Теперь меняем режим наложения слоя на Яркость и уменьшаем непрозрачность до 30-35%. Все значения могут меняться, в зависимости от величины вашего файла и текста.
Теперь добавляем маску к слою с выжженостью и кистью горизонтальной 433 и вертикальной 434 (это кисти с неровными краями от Brusheezy) добавляем потертости. Непрозрачность кисти около 20%. Я увеличу непрозрачность слоя для наглядности, как выглядят потертости после применения кистей.
Теперь работаем со слоем с текстом (предыдущий слой с выжженостью – это как подложка под основной текст). Слою с текстом ставим режим наложения Умножение. И добавляем стиль слоя – Внутреннее свечение.
Добавим маску слоя и теми же кистями, что и ранее, добавим буквам шероховатости, неровности, только непрозрачность кисти в этом случае будет 100%, а размер регулируйте на свой вкус.
Все шаги повторяем со вторым словом – «самый», точно также делаем подложку выжженную и все остальное. Если у вас больше слов – повторяем так со всеми. Далее добавляем один эффект всему документу. Создаем новый слой над всеми слоями (1), ставим основной цвет черный (2), идем Фильтр – Рендеринг – Облака. И слою с облаками устанавливаем режим смешивания – Умножение, снижаем непрозрачность, если необходимо. Добавляем маску слоя (3) и вытираем кисточкой подходящего размера и непрозрачности все лишнее, что слишком перекрывает наш текст.
Последний штрих – новый корректирующий слой уровни. Значения белого 233, черного – 15.
Вот и все, вот такой результат получился.
Вот и все. Творческого вдохновения всем!
Урок написан специально для сайта «Фотокниги для души». Автор — Элина.
Полезные ссылки!
Работа с текстом. Часть 1
Работа с текстом. Часть 2
Дизайн фотокниг с помощью стилей слоя
Ворд-арт (детский марафон)
Текст со строчкой
Мужская история — урок 1 «Декор»
Мужская история — урок 2 «Стилистические направления»
Мужская история — урок 3 «Цветовые палитры»
Мужская история — урок 4 «Техника создания элементов — отрисовки»
Мужская история — урок 5 «Техника создания элементов — оригами»
Мужская история — урок 6 «Техника создания элементов — квиллинг»
Мужская история — урок 7 «Техника создания элементов — точка за точкой»
Мужская история — урок 8 «Элементы из фотографии»
Мужская история — урок 9 «Универсальный декор — братсы»
Мужская история — урок 10 «Гофрированные элементы»
Мужская история — урок 11 «Прошивка»
Мужская история — урок 12 «Тесьма»
Мужская история — урок 13 «Бордюры»
Мужская история — урок 14 «Рамки_1»
Мужская история — урок 15 «Рамки_2»
Мужская история — урок 16 «Рамки 3»
Мужская история — урок 17 «Скрепки»
мой маленький вордик
Отличный вордик!
Большое спасибо за урок! У меня на основании этого урока получилась вот такая рамочка, сделаю ей еще в пару, если нравится
Мне нравится рамочка!
Отличный урок! Мой вордик такой)
Очень интересный, но мне кажется, поскольку основа похожа на кожу, логичнее, чтобы буквы были вдавлены, а не выпуклые, ну и не белые, подобрать цвет кожи, когда буквы вырезаны или выдавлены. Или как их еще делают. Доработать — и ооочень хороший!
Еще жетон сделала
Здорово, Маша! Очень жетон понравился!
Жетон суперский!
А вот такой ворд-артик можно или надо обязательно на чем-то делать?
Продумать желательно подложку, а сохранить можно и отдельно. В псевдобумажном стиле чаще всего ворд используется на подложках.
Сделала с лейблом!
О, как он заиграл! Отлично вышло!
Спасибо! Старалась!
такой заголовочек
Интересно. Здесь и предыдущие наработки пригодились ))) Хотя ворд-тоже, конечно, мало место занимает… Табличка будет не большая и слова скорее всего потеряются…
да вот же мучает меня все вопрос о размерах…
Очень здорово получилось! Даже не скажешь, что нарисовано, как-будто сфотографированная.
Очень интересно! А чтоб буквы не потерялись — их сделайте больше, а инструменты поменьше, или чтоб буквы были как бы поверх инструментов и их «разделяли» (т.е. под буквами чтоб линий от инструментов не было). Не знаю, насколько понятно сказала=)
Еще как вариант, сделать табличку просто с инструментами, а на втором варианте слова большие и один два элемента оставить, скорее всего повернуть горизонтально придется.
попробую поменять что-то..
Первая проба((
Первая проба. Буду еще пробовать((
Вот этот удачный, на мой взгляд. Я бы слова побольше сделала, чтобы по возможности больше поверхности таблички занимали.
в коже… форму не продумала еще… может квадратом оставить а потом к развороту строчкой пришить
пришить-будет интересно
Если немного ярче-темнее сделать буквы? А может и рыбака? Интересный вордик, но мне кажется, не прочитается надпись.
Самый сильный
Не очень расположение нравиться но поколдую еще
и вот такой вариант
Марина, очень все впритык друг к другу получилось… я бы слова в этом случае убрала, это не похоже на ворд-арт. Здесь слова ушли на второй план…
Мой вариант (делала по уроку на сайте фотошоп-мастер)
На тему путешествий…
Еще такой вот вариант
Я бы доработала еще. Мне кажется, что сейчас все не сбалансирована. Маленькое сердечко и веточка смотрятся лишними. Надпись «с каждым» я бы сместила правее. А надписи «Люблю тебя» выбрала бы другой шрифт и опустила бы ниже. ну и фактуру поинтереснее подобрать для таблички.
Мой первый в жизни ворд арт)))
Этот неплохой ))). Слово «Мастера» нужно подальше от краев. «Боится» нужно больше делать и другим шрифтом скорее всего..
и второй — утренний.
Этот не продуман… И фон, и тень у слова «Доброе» и у слова «Утро» стиль не совсем в тему. Главный критерий — в бумажном альбоме тяжело представить такой ворд-арт…
Ангелина, а наклейки можно только в TIF? А то они в png у меня все в один слой сливаются.
Элементы нужные ))). Проблему не поняла?((((. Что не получается?
Получается только каждую наклейку отдельным png сохранять — это долго. Другого варианта нет? Чтобы в одном файле? Только tif?
Юля, если вы делали в файле tif., то сейчас вам достаточно просто отключить слой и тени у всех наклеек и сохранить в одном общем файле png., если каждую не хотите в ручную сохранять. При работе можно будет нужную вырезать из общего файла png.
Про долго… Ну сколько долго. Сделали файл основу скажем 700*400 пикс. (нормально для подобной наклейки) Берете первую наклейку перетаскиваете ее на основу, сохраняете в png. Далее вторую и т.д. Ну 10 минут максимум.
Спасибо, Ангелина! Про то, что потом можно будет вырезать нужную из общего файла, я не догадалась. Про перетаскивание тоже понятно, воспользуюсь при сохранении наклеек с тенями.
Тоже в первый раз.
Мне нравится 🙂
Красота!
Мне тоже нравится! Очень здорово и необычно и не избито смотрится!!!
Приятно. Еще один. Уже быстрее получилось
Какие здоровские вордики!!! Прямо настоящие)))
Побольше бы таких на разные темы!
У меня тоже второй получился. Частично взяла идейку из примеров Ангелины, очень мне понравилась.
Девочки — молодцы! Все очень красиво! У меня такие получились ворды. Сделаю двух видов: в виде наклеек и печати
Сделала все по уроку. Но деревянный вариант мне что-то не очень… Проверила несколько раз, вроде ничего не упускаю, а, вот, эффекта выжигания так и не вижу((( Впрочем в результате урока тоже не тот эффект, которого хотелось бы… Я, наверное, приемом выжигание пока пользоваться не буду. А вот стальной эффект мне понравился!
Светлана, этот эффект можно сделать гораздо более удачным, в интернете много примеров. Если есть желание — посмотрите. Девочки в уроках тоже экспериметируют!
Этот выразительнее в разы!
Впрочем с деревом потом еще потренируюсь.
Мне тоже по уроку больше надпись на металле понравилась, на дереве не получилось того эффекта, на который рассчитывала.
Жаль мне расстаться с этим вордиком, поэтому сделала еще такие варианты
Классно. Мне нравится.
Про баньку, например!)))
Это я к Натальиному рыбаку и водителю писала)))
Вот и про баньку
Отлично! Нужная вещь! Мужчины они все баньку любят))) Теперь к ней еще бы и шашлыки!))) Если время есть… Я просто влюбилась, Наташа, в эти Ваши штучки!)))
Светлана, предложите текст. Короткий.
1. Повелитель шашлыков. 2. Шашлыковый период. 3. Шашлык-хаус. 4. Экспресс-шашлык. 5. Мир! Труд! Шашлык! 6. Шашлыка таз радует глаз! 7. Собрался на пикничок? Не забудь про шашлычок! 8. Могуч и велик сочный шашлык! 9. Шашлыкович. 10. Хочу шашлык!
ОГО сколько!!
Это написать намного проще и быстрее, чем сделать такое совершенство, как у Вас… У меня так не скоро или вообще никогда не получится… Поэтому с радостью еще десяток фраз всякого-разного накидаю, только бы таких деревяшечек побольше! Мы же в команде нынче работаем?!))) Главное, чтобы результат остальных участниц радовал! Впереди нас всех еще ждут великие дела…
Вот что получилось.
Вот спать не иду… Чувствовала, что дождусь!… Здорово! И как быстро уже намастрячилась! Еще 3-5 штучек — и можно предлагать как спец. набор для оформления «Мужской книги»!
Светлана, мне тоже со многим пришлось столкнуться впервые. Но смотря на работы участниц и ваши в том числе хочется «творить». Я рада, что понравилось. Времени бы побольше.
Наталья, просто шикарный у вас наборчик получается!
Вот, время-то у нас как раз на все идеи не хватает! Но, может когда-нибудь… когда совсем нечего делать будет!))) еще продолжить стоит?… тем много. Под эту деревянную табличку можно и дачу изобразить, и поход, и песни у костра, и отпуск под пальмой, и игры (в карты, например), и прогулку папы с коляской, и пиво с воблой… и т. д. Ух! Как много всего я могу сделать Вашими руками!)))
Спасибо, Наташа! Я просто любуюсь Вашим трудом!
Классная бирка. Хочется в бане повесить.
Такой джинсовый вордик
И второй деревянный вордик
На джинсовом варианте мне лично хотелось бы шрифт не такой жирный, он всю бахрому задавил, а так — сам заголовок отличный, для многих страниц подойдет!
Элина! Вот дерево у Вас вполне симпатично получилось!) Наверное потому, что без всяких там вторых слоев обжига делали)… Просто мастер-выжигальщик Ваш очень аккуратный был)))
Тонкий шрифт с джинсой смотрится неправдоподобно. А бахрома — дело наживное. ее можно сделать длиннее, короче.
Дерево там с поджигом внизу, слой почти как в уроке. Но буквы я сделала с узором дерева и немного по-другому. Экспериментирую.
Классно получилось))
Симпотичная бирочка. Правдоподобно смотрится.
И я своими похвастаюсь
Мне нравятся! Особенно, задумка с нашей армией — здорово одна А на 2 слова. И вырезанные буквы — тоже интересно!
Хорошие штучки, нужные! И какой же красивый материал — дерево!
Светлана, как Вам текст джинсовый с длинной бахромой? Я ж специально для Вас вчера переделала.
Вот такой у меня получился вордик, на прострочку по контуру для большего эффекта уже сил не хватает, доработаю в дневное время…
Хороший вордик, только не много доработать. Мне кажется заливку тексту нужно немного уменьшить, что бы было текстуру кожи.
И заклепки, цвет коричневый и хочется уменьшить, а то сильно внимание привлекают.
мои пробы
Проба очень качественная!)))
Элина! Прошу прощения — не ответила сразу… Увлеклась вчера деревяшками!)))
Скажу так: я за джинсу в любом ее проявлении!))) Первый вариант такой очаровательно-пушистенький получился) на отдых как раз и настраивает. Второй, там пушистость покороче, но буквы больше раздвинуты, что мне, понятное дело, нравится… Чего использовать? Надо будет смотреть по фотографиям на развороте. Жизнеспособны все три варианта, но на мой взгляд, все-таки шрифт тяжеловат и приплюснут. Я не говорю про тонкий шрифт, но люблю в буквах больше четкости, а в бахроме предпочитаю больше хаоса) Она тут правильная и слишком аккуратная! Вот, когда строчками притачивается — там я за строгость, а в потрепанных кусочках джинсы хочу больше мужского бардака! Но, это чисто мое мнение — просто беру на себя смелость его высказать…
Ну и хорошо!=) Оставим варианты))) А больше хаоса в бахроме — это уже может попозже, с большим опытом=) Я и эту пока сделала — довольно много времени в интернете и экспериментах провела=)
Чем больше мы сейчас напробуемся, тем легче будет в бою! Я верю: у нас все получится!)))
у меня такой вариант металлического вордарта
И текст и исполнение нравиться))
и еще вот такая серия наклеечек — простенько, но, может, пригодится
Такие всегда пригодятся )))
и моя деревяшечка
Деревяшка, Надя, замечательная!
Сколько их уже много у нас собралось к моей радости, здорово!))) Жаль только, что оттенки дерева у всех разные. Придется подгонять, если у разных мастериц брать…
Мне нравятся девушки все ваши работы. Сколько фантазии! А я еще один добавлю с подсказки Светланы. На эту тему вроде не было.
Ну, Это прямо совсем мужская!
Наталья, вы просто молодчина!!! Все таблички шикарные!! А последняя совсем сразила!
Проба на пробке
Очень интересно! Попробуйте чуток исправить. Черный цвет заменит на похожий цвет пробки, только темнее. А эффект выжига, который желтым смотрится, попробуйте тоже изменить. Поиграйте режимами наложения, возможно, в Вашем случае будет лучше смотреться с разницей или исключением… или умножение?
Пробовала переделать.
Что-то не прикрепился
Еще раз прикреплю
Можно сделать холст немного больше (изображение-размер холста), применить тиснение, а потом снова триммингом. Но ведь у вас должен был остаться тиф? Или Вы и его триммингом обрезали?
Ну правда же — намного лучше?! Теперь еще одно, Вы уж извините=) Просто когда вещь хорошая получается, хочется ее еще и еще улучшить. Добавьте объема пробке тиснением, как здесь у девочек дереву объем добавлен. Посмотрите по настройкам, что Вам лучше подойдет — тиснение, контур. Отличный элементик получается!
Не забывайте, что тиснение может значительно улучшиться, если тень и свет (внизу, обычно белые и черные) сделать тем оттенком, которым залит элемент. Оно так естественнее смотрится, чем когда черная тень и белый блик.
Я наоборот рада, что подсказываете, как улучшить ))) Я сбоку уже все обрезала триммингом, может поэтому как-то по бокам не очень получается?
Действительно! Пробка тоже чудесный материал! А мы про нее совсем забыли… Идея хорошая, но с огрехами я поддержу мнение Элины. Обязательно доведите до ума такой новенький элементик!)))
Немножко формат маловат получился 800пикс но все равно кину
У Вас получилась замечательная подложка! Красивая! Но с текстом немного еще поработайте. Ворд арт, если он большой, пишется так, чтоб он был компактным и читабельным. Я тут набросала ,шрифты мне не нравятся мои очень, но подбирать под Ваши долго. Это только для примера ,как можно покомпоновать и покрутить. Чтобы надпись была больше, а значит и виднее. Попробуйте с Вашими шрифтами еще поиграть.
Спасибо поигаю еще чтоб крупнее сделать))
у меня вот так получилось
и вот такие еще попробовала как будут смотреться на брадсах
м вот такой еще получился