Направляющие для выравнивания объектов на слайде
Совет. Видео не на вашем языке? Попробуйте выбрать Скрытые субтитры .
Проверьте, как это работает!
- Выделите объекты. Чтобы выделить несколько объектов, удерживайте нажатой клавишу SHIFT.
- Нажмите Формат рисунка >Выровнять и выберите тип выравнивания:
- Выровнять по левому краю, Выровнять по центру или Выровнять по правому краю;
- Выровнять по верхнему краю, Выровнять по середине или Выровнять по нижнему краю;
- Распределить по горизонтали или Распределить по вертикали.
Использование статических направляющих и сетки
- На вкладке Вид установите флажок Направляющие, чтобы отображались только две осевые линии, вертикальная и горизонтальная.
- На вкладке Вид установите флажок Сетка, чтобы отображались дополнительные направляющие.
- Используйте эти линии для выравнивания объектов.
- Снимите флажки Сетка и Направляющие, чтобы их отключить.
Использование смарт-направляющих
- Выберите объект и начните его перемещать.
- Появятся красные пунктирные линии (смарт-направляющие), чтобы вы могли выравнять элементы по вертикали, по горизонтали или в обоих направлениях. Смарт-направляющие также отображаются между объектами или рядом с краями слайда, чтобы вы могли равномерно разместить объекты.
13 Лучших Шаблонов Кинопостеров
Кинопостеры используются для рекламы предстоящих показов, но они также являются невероятными произведениями искусства и коллекционными предметами. Если вы хотите научиться создавать хороший кинопостер, то первое, что вам нужно сделать, это изучить постеры с фильмами.
Как Создать Кинопостер: 1й Шаг
Попытайтесь определить качества, которые, по вашему мнению, сделают постер успешным и качества, которые не подойдут для кинопостера. Изучите постер сверху вниз. Какие изображения использует дизайнер? Что они расскажут вам о рекламируемом жанре фильма? Какое настроение они создают на постере? Великие кинопостеры начинаются с великолепных изображений.
Далее, рассмотрите используемые цвета. Являются ли они яркими, жизнерадостными или тёмными с дурным предчувствием? Какое влияние они оказывают на вас?
Если используются графические элементы, такие как линии или фигуры, какова их цель? Какой смысл они добавляют к постеру или его настроению?
В заключение, рассмотрите стиль и размер шрифтов, используемых в тексте. Какая информация акцентируется шрифтом, а какая информация сведена к минимуму за счёт небольших шрифтов или вообще исключена?
Шаблон Кинопостера: 2ой Шаг
В кинопостерах, все эти элементы — изображения, цвета, графические элементы и шрифты — рассказывают вам все, что вам нужно знать о фильме, и помогают строить ожидания и желание увидеть фильм или вообще потерять интерес. А если вы хотите узнать, как создать кинопостер самостоятельно – успешный кинопостер, то есть вам придётся узнать, как все эти элементы объединяются, чтобы рассказать визуальную историю о фильме и привлечь потенциальную аудиторию.
Если это звучит пугающе, не беспокойтесь. У нас есть только правильный инструмент, который поможет вам создать потрясающие постеры. Конструктор Постеров является невероятным генератором кинопостеров от Placeit, который покажет вам, как создать постер в онлайн без какого-либо специально разработанного программного обеспечения, такого как Photoshop.
С несколькими идеями кино дизайна на выбор, всё, что вам нужно сделать, это выбрать свой любимый дизайн, ввести свой собственный текст в шаблон кинопостера, настроить свой дизайн с помощью доступных шрифтов, цветов, графики и т. д., а Placeit создаст отличный кинопостер за вас. Если вы даже не знаете, с чего начать, Конструктор Постеров также предлагает несколько шаблонных пресетов в выбранном вами дизайне, которые вы можете использовать как есть или настроить в соответствии со своим вкусом.
Когда вы создаёте свой постер, вы можете использовать новейший макетный инструмент Placeit в нижней части страницы, который отражает ваш постер в различных сценариях реальной жизни.
Если вы не видите шаблон для фильма, который вы задумали, то нет проблем. Я рассмотрела все самые популярные жанры фильмов, чтобы показать вам, как можно использовать доступные шаблоны постеров для создания постеров в других жанрах.
13 Лучших Шаблонов для Кинопостеров
1. Thriller Movie Poster
Настройте свой постер с помощью жирного шрифта на свой выбор — в красном цвете, который создаёт яркие ассоциации в сочетании с тревожными образами — и у вас есть кинопостер, который начинает создавать дискомфорт и ожидание в воображении ваших потенциальных зрителей.
2. Romantic Comedy Movie Poster
Вам нужно будет загрузить свою собственную фотографию, изменить шрифт названия фильма на что-то более игривое и романтичное, добавить свою информацию о фильме, и у вас будет рекламный кинопостер, которым вы будете гордиться.
3. Crime Movie Poster
Шаблон Movie Poster Maker for a Suspense Film является идеальным шаблоном для создания кинопостера к фильма о преступлениях. Это потому, что жанры настолько тесно связаны. В шаблоне много тёмных, призрачных фотографий, которые связаны тайной и опасностью. Идеально подходит для создания страшного, захватывающего криминального постера.
4. Western Movie Poster
Вестерны — такой многолетний фаворит. Кто может забыть современные классики, такие как Джанго, Выживший и Старикам тут не Место? Вместо того, чтобы использовать изображение, как на постерах для этих фильмов, шаблон Old Post Movie Poster Design Template использует вместо этого иллюстрацию. При этом он представляет простой и легко идентифицируемый образ стрелка в качестве одинокого волка.
Текст усиливает этот чистый, минималистичный подход, просто указывая имя главного актера, название фильма и режиссёра. Если это хотя немного соответствует вашим требованиям, то вы всегда можете загрузить свою собственную фотографию, но если вам нужно разместить больше текста, то вам лучше адаптировать один из других шаблонов, которые приведены в этом обзоре.
5. Science Fiction Movie Poster
Если вам интересно, как создать кинопостер для научной фантастики (научно-фантастического фильма), то шаблон Horror Film Poster Template — отличный выбор. Чтобы приспособить его, нужно всего лишь загрузить изображение, которое воплощает научную фантастику, добавить информацию о фильме, выбрать шрифт и цвет шрифта, которые лучше всего подходят для вашей темы, и у вас уже есть готовый постер с научной фантастикой.
6. Horror Movie Poster
Если вы хотите узнать, как создать кинопостер для фильма ужасов, то ознакомьтесь с шаблоном кинопостера для фильма Слэшер. Поскольку слэшерские фильмы представляют суб-жанр ужасов, то изображения, представленные для этого шаблона, варьируются от ужасно сумасшедших до абсолютно ужасающих. Выберите своё изображение, добавьте детали своего фильма и поэкспериментируйте с выбором шрифта, чтобы найти тот, который идеально подходит для ваших потребностей.
7. Action/Adventure Movie Poster
Мне очень понравился шаблон Horror Movie Theater Poster Design Template для экшен-фильма о приключениях, в основном из-за минималистического стиля шаблона. Я использовала шаблон для создания большого, смелого, яркого названия, а также добавила силуэтное изображение офицера спецслужб, спускающегося вниз сбоку здания и вооруженного оружием. Взгляд бросается вверх и вниз между заголовком и резким изображением, а затем переходит к небольшому тексту, который во вторую очередь указывает продюсера фильма.
8. Theatre Classic Movie Poster
Существует несколько разных способов, которыми вы могли бы приблизиться к созданию кинопостера для театральной классики, такой как Макбет, В Ожидании Годо или любой другой знаменитой пьесы. Драма и минимализм шаблона Suspenseful Movie Theatre отлично подходят для этого жанра. В этой теме используются иллюстрации, а не фотографии, а шаблон включает только три папки для добавления текста, что усиливает тематику темы. Попробуйте, возможно вам тоже понравиться.
9. Indie Movie Poster
Инди-фильмы — это стихия кинорежиссеров сделай сам, кто, создавая за пределами созданных центров кинопроизводства по всему миру, могут создать довольно-таки инновационные и захватывающие постановки.
Если вы хотите создать отличный постер для инди-фильма, взгляните на шаблон Movie Poster Template for a True Story Horror Movie. Я знаю, что название звучит как маловероятный выбор шаблона, но не позволяйте этому обмануть вас. Шаблон включает все папки для размещения текста и настройки шрифта, необходимые для создания великолепного постера инди-фильма. Скорее всего, вам нужно будет загрузить своё собственное изображение, хотя в библиотеке Конструктора Постеров есть несколько изображений, которые могут подойти вам, учитывая, что инди-фильмы охватывают широкий спектр жанров.
10. Documentary Movie Poster
Адаптируйте шаблон Cool Theater Poster Design Maker для вашего документального фильма. Просто загрузите свою собственную фотографию, измените текст, выберите цвета, которые лучше всего подходят для вашего проекта, и вуаля — ваша работа уже выполнена.
11. Comedy Movie Poster
Rom-Com Movie Poster Design Template — отличный шаблон для создания вашего комедийного постера. Вам нужно будет загрузить свое собственное изображение, и после того, как вы добавите детали своего фильма, поэкспериментируйте с выбором шрифтов, чтобы найти те, которые лучше всего подходят для вас.
12. Fantasy Movie Poster
Фэнтези очень популярный стиль сегодня, создавая возрождение в результате таких фильмов, как «Властелин Колец». Создайте свой собственный фэнтезийный фильм с шаблоном Франкенштейна Frankenstein Movie Poster Design Maker template. Чтобы адаптировать его, я загрузила фантастическое изображение, добавила вымышленный текст в соответствии с моим изображением, а также изменила цвет текста и создала свой собственный кинопостер к фильму фэнтези.
13. Drama Movie Poster
Чтобы точно указать, насколько универсальны эти шаблоны, я дополнительно использовала Конструктор Постеров для фильма с преступлением для окончательного шаблона в моем списке. Правда, существует некоторое сходство между жанрами ожидания и драмы, но на самом деле шаблон настолько универсален, что при правильном выборе изображения и выборе шрифтов и цветов можно создать все жанры, представленные здесь только с этим шаблоном. Тем не менее, это сделало бы статью 1 лучшим шаблоном для кинопостера, а, поскольку я подписываюсь на старую пословицу, что разнообразие — это пряность жизни, я придерживаюсь замечательной универсальности, предлагаемой во всех 13 шаблонах кинопостеров, представленных здесь.
Какой Шаблон Кинопостера Лучше Всего Подходит Для Вашего Проекта?
Итак, теперь, когда я поделилась с вами 13 лучшими шаблонами кинопостеров, доступными на Placeit, я хочу, чтобы у вас поиграли с ними и создали кинопостер в своём любимом жанре. Убедитесь, что фоновое изображение, выбор шрифта и цветовая схема, которые вы выбираете, передают тему вашего фильма и жанр, который вы выбрали. Используйте макетный инструмент, чтобы разместить свой постер в реальной жизненной ситуации и поделиться своими творениями в комментариях. Хотелось бы увидеть, что вы создали!
Создание постера в Adobe Illustrator с использованием текстур и рукописных шрифтов
Считаете ди Вы себя кофеманом, неравнодушным к красивым шрифтам и рукописным надписям? Следуй этим инструкциям чтобы создать великолепный кофейный ретро-плакат, который будет прекрасным дополнением интерьера вашей кухни! Для создания сбалансированной композиции с чашечкой кофе, забавной надписью и затейливым рукописным шрифтом, мы будем использовать простые формы, бесплатные шрифты и некоторые инструменты Adobe Illustrator. И закончим наш постер с помощью добавления легкой текстуры.
После создания этого плаката, вы освоите несколько полезных приемов и хитростей, которые помогут Вам создавать цифровые рукописные надписи с чистого листа, редактировать готовые шрифты, а также создавать свои собственные нарисованные шрифты. Вы сможете создать свои оригинальные плакаты, открытки и композиции!
В интернете не так много бесплатных качественных шрифтов, поэтому я очень рекомендую начать с клевых шрифтов на Envato Market. Вы можете использовать их как основу для своих шрифтов или же как полноценный элемент вашей композиции, который вы легко сможете изменить или перекрасить. Также не забывайте, что эти оригинальные шрифты и иллюстрации отлично подходят для вдохновения. Давайте приступим!
Продумываем композицию и делаем набросок
Шаг 1
Чтобы создать постер мы должны четко понимать его цель и идею. Однажды утром я думала о прекрасном начале дня и пила кофе с корицей. В один момент в моей голове возникла картинка с кофейным постером, я начеркала очень приблизительный скетч на клочке бумаги. Вот он:
Обычно нам требуется больше времени для того чтобы вдохновиться, придумать концепт, продумать детали и попробовать несколько вариантов. Вы даже можете отложить ваш эскиз на несколько дней, чтобы вернуться к нему со свежим взглядом.
На этом этапе ваш рисунок не должен быть идеальным, это просто грубый набросок, который нужен для сохранения правильных пропорций. К тому же, нарисовать прямые линии и геометрические формы будет значительно проще использую определенные инструменты программы.
Шаг 2
Начните с создания Нового документа 600 х 800 пикселей и фигуры такого же размера при помощи Инструмента «Прямоугольник» (М) и заполните её шоколадно-коричневым цветом. Вы можете Заблокировать её на панели Слоёв, чтобы не двигать во время рисования.
2. Рисуем чашку с кофе
Шаг 1
Создайте Новый слой и начните формировать чашку с её верхушки. Инструментом «Эллипс» (L) создайте тёмно-бежевый овал 160 х 20 пикселей. Перейдите к Инструменту «Прямоугольник» (М) и создайте светло-бежевую фигуру 160 х 100 пикселей.
Фигуры одинаковой ширины, поэтому мы можем объединить их вместе, как показано на картинке ниже.
Перейдите к Инструменту «Прямое выделение» (А) и выделите нижние опорные точки прямоугольника. Примените функцию Динамических углов, чтобы сделать низ чашки плавным и скруглённым, сдвинув круглые маркеры углов вверх.
Шаг 2
Мы можем использовать панель Выравнивания, чтобы сделать фигуры идеально выровненными. Выделите обе фигуры и ещё раз кликните на эллипсе, чтобы сделать его Ключевым объектом. Примените функцию Горизонтального выравнивания по центру, чтобы выровнять фигуры.
Шаг 3
Выделите верхнюю фигуру овала, Скопируйте её и Вставьте на Передний план (Control-C > Control-F). Удерживая Alt-Shift, сожмите верхнюю копию Инструментом «Выделение» (М), чтобы уменьшить её. Заполните фигуру тёмно-коричневым цветом для изображения кофе.
Давайте добавим нижнюю часть чашки. Создайте тёмно-бежевый прямоугольник 60 х 12 пикселей и при помощи Инструмента «Прямое выделение» (А) сделайте его углы полностью скруглёнными. Вы также можете изменить Угловой радиус на верхней панели управления, сохраняя фигуру выделенной при помощи Инструмента «Прямое выделение» (А).
Отправьте фигуру на Задний план (Shift-Control-[), за чашку.
Шаг 4
Теперь добавим ручку чашке. Создайте прямоугольник 35 х 50 пикселей на правой стороне чашки. Создайте маленький прямоугольник поверх него и Отправьте обе фигуры на Задний план (Shift-Control-[). Примените функцию «Вычитание переднего» на панели Обработки контуров, чтобы вырезать маленький прямоугольник. Сделайте правую сторону ручки скруглённой при помощи функции Динамических углов.
Шаг 5
Теперь мы создадим блюдце. Создайте эллипс 200 х 40 пикселей и Отправьте его на Задний план (Shift-Control-[), за чашку. Создайте маленький овал на блюдце, удалив его Заливку и применив тёмно-бежевый цвет Обводки. Перейдите на панель Обводки, установите Толщину на 2 и измените Профиль на Профиль ширины 2 в нижней части панели Обводки.
Шаг 6
Давайте добавим яркий блик на чашке. Скопируйте основу чашки дважды (Control-C > Control-F > Control-F). Сдвиньте верхнюю копию слегка вправо, удерживая Shift, и несколько раз нажмите на Стрелку вправо на клавиатуре.
Выделите две копии и примените функцию «Вычитание переднего» на панели Обработки контуров, чтобы вырезать фигуры, оставив только узкую полоску. Отсоедините полоску от края чашки, слегка её уменьшив и сдвинув вправо. Инструментом «Ластик» (Shift-E) удалите часть блика.
Шаг 7
Добавьте маленький овал на тёмно-коричневой фигуре кофе. Установите цвет Обводки на светло-коричневый и Толщину на 3 на панели Обводки или на верхней панели управления.
3. Создаём причудливую надпись
Шаг 1
Начнём создание первого слова, преобразовав шрифт. Я использую бесплатный шрифт Bevan для слова «Хорошее», установив Размер шрифта на 75 на панели Символов (Control-T).
Перейдите в Объект > Разобрать, превратив наш текст в кривые линии. Выделите слово и перейдите в Объект > Контур > Параллельный контур, установив значение Параллельности на -3, чтобы создать маленький объект внутри каждой буквы.
Примените Параллельный контур к самым маленьким фигурам со значением Параллельности -4 пикселя.
Шаг 2
Давайте применим текстуру к внутренним фигурам. Выделите фигуры и перейдите на панель Образцов. Откройте Меню библиотеки образцов и перейдите в Узоры > Базовая графика > Базовая графика_линии. Выделите и примените образец 6 lpi 50.
Дважды кликните на Инструменте «Масштаб» (S), чтобы открыть панель настроек Масштаба. Установите Постоянный масштаб на 30% и уберите галочку с пункта «Трансформировать объект», чтобы изменить размер только узора, сделав полоски намного тоньше.
Шаг 3
Примените к фигурам чёрную Обводку толщиной 1, установив значение Углов в среднее положение на панели Обводки.
Шаг 4
Теперь поработаем над цветами, чтобы сделать буквы более трёхмерными. Выделите нижние фигуры букв и заполните их вертикальным линейным градиентом от тёмно-коричневого до светло-коричневого, сформировав жирный контур.
Затем выделите средние фигуры и примените вертикальный линейный градиент от бежевого внизу до белого наверху.
Теперь изменим цвет линейного узора. Для этого сначала нам нужно разобрать оформление текстурных фигур (Объект > Разобрать оформление). Вы увидите набор линий, спрятанных внутри Обтравочных масок. Теперь мы можем выделить эти фигуры и применить тёмно-коричневый вертикальный градиент, сделав линии сияющими.
Шаг 5
Давайте преобразуем слово, чтобы оно было немного изогнуто. Перейдите в Эффект > Деформация > Дуга и установите значение Горизонтального сгиба на 15%. Нажмите ОК и Разберите оформление для применения эффекта.
Шаг 6
Теперь, когда наше первое слово готово, перейдём ко второму. В этот раз мы создадим надпись от руки при помощи Инструмента «Карандаш» (N). Можете настроить параметры, дважды кликнув на Инструменте «Карандаш» (N) и установив ползунок Точности ближе к Сглаживанию, чтобы сделать линии плавными.
Шаг 7
Я использую Инструмент «Карандаш» (N) с Толщиной обводки 3, чтобы обвести буквы моего эскиза. Как вы видели в самом начале, эскиз очень замысловатый, поэтому он послужит только в качестве приблизительного образца. Как видите, получившиеся буквы больше тех, которые в эскизе. Они выглядят аккуратными и ровными.
Если вы пока не чувствуете себя уверенно в письме от руки, постарайтесь найти любой витиеватый шрифт по своему усмотрению и попрактикуйтесь в обведении букв, взяв шрифт за образец, пока не достигните желаемого результата. Практика приводит к совершенству.
Шаг 8
По достижению нужного результата перейдите в Объект > Разобрать, чтобы превратить наши контуры в объекты. Теперь можем применить мягкий линейный градиент от бежевого до белого, придав нашему тексту сияющий металлический эффект.
Шаг 9
Давайте перейдём к следующему слову. Для него я буду использовать бесплатный шрифт Amatic. Он уже выглядит как написанный от руки – как раз то, что нам нужно! Единственная деталь, которую мы добавим сюда, будет причудливая завитушка слева. При помощи Инструмента «Карандаш» (N) присоедините завитушку к букве “S”.
Шаг 10
Теперь можем разобрать наш текст (Объект > Разобрать) и заполнить его вертикальным линейным градиентом. В этот раз я хочу создать разграничительную линию в центре градиента, добавив больше контраста между цветами. Как видите на картинке ниже, я добавила два контрастных цвета в центре градиентной шкалы, поместив ползунки очень близко друг к другу.
Шаг 11
Далее добавим слово «с..» при помощи шрифта по типу пишущей машины, например, Inconsolata или Courier New. Он выглядит слишком прямым и геометричным, поэтому используем Инструмент «Кисть-клякса» (В) для придания ему рукописного вида. Вы можете дважды нажать на Инструмент «Кисть-клякса» (В) и настроить параметры, чтобы сделать линии аккуратными и плавными. Я установила ползунок Точности на среднюю позицию и выбрала самый маленький Размер кисти.
Обведите буквы, сделав их более витиеватыми.
Шаг 12
Перед тем, как добавить последнее слово, давайте создадим дополнительный элемент – простую, элегантную ленту. Создайте прямоугольник 310 х 70 пикселей, установив его Заливку на светло-бежевый цвет и цвет Обводки на тёмно-коричневый с Толщиной обводки 3.
Перейдите в Эффект > Деформация > Дуга и установите значение Горизонтального сгиба на -20%.
Разберите оформление (Объект > Разобрать оформление), чтобы применить эффект.
Шаг 13
Добавим сложенные концы ленты. Создайте квадрат 55 х 55 пикселей Инструментом «Прямоугольник» (М). Возьмите Инструмент «Добавить опорную точку» (+) и поместите опорную точку в середине правого края. Инструментом «Прямое выделение» (А) перетащите точку влево.
Поверните фигуру и присоедините её к правой стороне ленты, Отправив её на Задний план (Shift-Control-[).
Дважды нажмите на Инструмент «Зеркальное отражение» (О) и отразите фигуру по Вертикальной оси. Нажмите «Копировать», чтобы создать зеркальную копию для противоположной стороны ленты.
Шаг 14
Давайте создадим слово «Кофе» при помощи бесплатного шрифта Limelight и поместим его на ленту. Перейдите в Эффект > Деформация > Дуга и установите значение Горизонтального сгиба на -20%.
Настройте Размер текста и Трекинг букв (расстояние между буквами) на панели Символов (Control-T), чтобы текст подошёл под размер ленты.
Шаг 15
Теперь можем Разобрать оформление, чтобы применить эффект, превратив текст в кривые линии. Примените вертикальный градиент от тёмно-коричневого до светло-коричневого, сделав буквы более сложными.
Шаг 16
Вот как это всё выглядит вместе.
4. Добавляем рукописные элементы на постер
Шаг 1
Давайте создадим стилизованное облако вокруг текста. Инструментом «Прямоугольник» (М) создайте серию прямоугольников разных размеров, чтобы они подходили к каждому слову.
Объедините все прямоугольники на панели Обработки контуров и выделите фигуру Инструментом «Прямое выделение» (А). Перейдите на панель управления сверху и установите Угловой радиус на 7 пикселей, сделав фигуру более сглаженной. Установите цвет заливки на светлый кофейно-коричневый.
Шаг 2
Теперь возьмём Инструмент «Карандаш» (N), установив цвет Обводки на светло-коричневый, Толщину обводки на 1, Концы и Углы — на среднее положение. Создайте короткие и длинные штрихи вокруг объектов, очерчивая и подчёркивая их. Таким образом мы начали заполнять пустые пространства нашего постера.
Перейдите к добавлению плавных завитков в нижней части композиции.
Шаг 3
Создадим простую ветку. Инструментом «Дуга» (его вы можете найти в том же меню, где и Инструмент «Отрезок линии» (\)), чтобы создать выгнутую линию для стебля. Инструментом «Карандаш» (N) создайте каплевидную форму для листка и присоедините его к верху стебля. Удерживая Alt-Shift, перетащите копию листка. Создайте несколько пар листков на обеих сторонах стебля и расположите их, как показано на картинке ниже.
Шаг 4
Скопируйте созданную ветку и создайте копию поменьше, применив светло-коричневый цвет и переключив листья с Заливки на Обводку.
Расположите созданные ветки по обеим сторонам чашки.
Шаг 5
Теперь создадим ещё один элемент, объединив две дугообразные линии и поместив маленькие круги на каждый кончик. Заполните пустые области возле чашки и ленты, расположив созданные элементы там.
Шаг 6
Продолжайте заполнять все пустые пространства постера, двигаясь от низа картинки до верха. Используйте простые линии, завитки и ветки, которые мы создали, и добавьте некоторые другие мелкие объекты для разнообразия – кружки, листья, капли и маленькие цветочные бутоны.
Вот некоторые фрагменты вблизи, чтобы вы смогли рассмотреть их мелкие характерные элементы. Ничего сложного, и в то же время эти элементы помогли нам создать подходящий вид с тёплой кофейной атмосферой.
5. Добавляем текстуру своему постеру
Этот раздел не обязателен. Наш постер уже готов, но мы можем его немного улучшить.
Теперь, когда постер готов и вы им довольны, можете перейти к экспорту и оставить всё как есть. Однако, я бы рекомендовала добавить немного текстуры, которая сделает нашу надпись более уникальной, придав ей определённый ретро-вид. Давайте посмотрим, как это можно сделать!
Шаг 1
Для начала нам нужно создать большой прямоугольник и заполнить его вертикальным линейным градиентом от чёрного к белому.
Перейдите в Эффект > Текстура > Зерно. В окне настроек эффекта выберите «Пунктирный тип зерна» и настройте Интенсивность и Контраст, двигая ползунки и пользуясь предпросмотром. Я установила Интенсивность на 50 и Контраст на 30.
Нажмите ОК, когда закончите.
Шаг 2
Теперь нам нужно превратить этот эффект в векторный объект! Разберите оформление фигуры, превратив её в растровое изображение, и перейдите на панель управления сверху, к панели Трассировки изображения. Выберите установку «Фотография высокого качества» в выпадающем меню, чтобы трассировать изображение.
После этого вы увидите, как на верхней панели управления появилась кнопка «Панель трассировки изображения», которая позволит настроить параметры трассируемого изображения. Вы можете увидеть мои настройки на скриншоте ниже.
Шаг 3
Нажмите на кнопку «Разобрать» на верхней панели управления, чтобы применить результат трассировки и превратить нашу картинку в векторное изображение. Если после трассировки останутся белые фигуры, примените Инструмент «Волшебная палочка» (Y), чтобы выделить и удалить их.
Выделите все оставшиеся чёрные фигуры, Объедините их на панели Обработки контуров и перейдите в Объект > Составной контур > Создать (Control-8), превратив все отдельные части в единый объект.
Шаг 4
Теперь, когда у нас есть эта текстурная гранджевая фигура, давайте применим её к чашке. Расположите фигуру поперёк чашки. Скопируйте (Control-C > Control-F) основу чашки и Отправьте копию на Передний план (Shift-Control-]), поверх текстуры.
Выделите текстуру и копию чашки, нажмите правой кнопкой мыши и Создайте обтравочную маску. Таким образом, мы спрятали текстуру внутри чашки. Теперь настроим цвет!
Шаг 5
Теперь мы можем выделить нашу текстуру внутри Обтравочной маски на панели Слоёв и применить мягкий линейный градиент от белого к бежевому. Перейдите в Режим наложения «Умножение» на панели Прозрачности, сделав фигуру полупрозрачной.
Примените эту же технику для добавления гранджевой текстуры к другим элементам, таким как лента и текстовое облако.
Готово, народ! Пора прерваться на кофе!
Отличная работа, друзья! Наш кофейный постер с надписью готов. Надеюсь, вам понравилось следовать этому руководству, и вы нашли для себя новые советы и рекомендации, которые вдохновят вас на создание других постеров с надписями на разные темы, к примеру, морской постер или открытка с мотивационной цитатой.
Если хотите узнать о других техниках по созданию цифровых надписей, взгляните на эти руководства:
Создаём Постер с Раздвоенным Изображением в Adobe Photoshop
В этом уроке вы узнаете, как создать потрясающий музыкальный постер с раздвоенным изображением. Мы используем комбинацию базовых инструментов Photoshop, которые позволят нам получить визуально яркий постер.
Что Вам Понадобится
Вам необходим доступ к программе Adobe Photoshop—если у вас нет этой программы, тогда скачайте тестовую версию на веб сайте Adobe website. Вам также понадобятся следующие исходные ресурсы:
- Изображение модели взято на сайте Envato Elements
- Шрифт Prospekt доступен на сайте Envato Elements
Скачайте изображения и установите шрифт и мы готовы приступить к уроку!
Ищете потрясающие дополнения к Photoshop? Тогда отправляйтесь на GraphicRiver.
1. Создаём Новый Документ в Photoshop
Шаг 1
В программе Photoshop, идём Файл – Новый (File > New). Назовите этот документ ‘Euforia Poster’. Установите Ширины (Width) на 1270 px и Высоту (Height) на 1600 px. Установите Разрешение (Resolution) на 72 пикс./дюйм (pixels/inch). Нажмите кнопку ‘OK’.
Шаг 2
Нажмите клавиши (Ctrl+R), чтобы показать линейки по периметру документа. Идём Просмотр – Новая направляющая (View > New Guide). В появившемся окне Новая направляющая (New Guide), выберите опцию Горизонтальная (Horizontal), а затем установите положение направляющей на 50 px. Нажмите кнопку ‘OK’.
Проделайте то же самое с остальными сторонами документа, вычитая 50 px от заключительного размера. Дополнительно установите вертикальные направляющие (horizontal guides) на 635 px, а горизонтальные направляющие (horizontal guides) на 900 px. Для активации и деактивации направляющих, используйте клавиши (Ctrl+;).
Шаг 3
В панели слоёв, нажмите на значок Создать новый корректирующий слой или слой-заливку (Create a New Fill or Adjustment Layer) и в появившемся меню, выберите опцию Градиент (Gradient). В появившемся окне настроек Градиента (Gradient Fill), дважды щёлкните по шкале градиента, чтобы установить цвета градиента.
В окне Редактора градиента (Gradient Editor), установите цветовой оттенок #dc4545 слева, а цветовой оттенок #6a50c6 справа. Нажмите кнопку ‘OK’.
Контрольные точки цвета над шкалой устанавливают Непрозрачность (Opacity), а контрольные точки цвета под шкалой устанавливают цвета.
Шаг 4
В панели инструментов, выберите инструмент Эллипс (Ellipse Tool (U). Активируйте направляющие, используя команду (Ctrl+;). Создайте эллипс, используя две пересекающие направляющие в качестве центра. Удерживая клавиши (Shift+Alt), создайте эллипс, растягивая его от его собственного центра.
Выберите любой размер эллипса на своё усмотрение, главное, чтобы он вписывался в пределах вертикальных полей.
Шаг 5
В панели слоёв, дважды щёлкните по миниатюре слоя с нарисованным эллипсом ‘Shape 1’. Установите следующий цвет эллипса на #ed145b . Нажмите кнопку ‘OK’.
Щёлкните правой кнопкой мыши оп слою с нарисованным эллипсом, чтобы открыть окно настроек Параметры наложения (Blending Options). Примените стиль слоя Тень (Drop Shadow). В окне настроек данного стиля слоя, установите следующие настройки.
Установите Непрозрачность (Opacity) на 35%, Смещение (Distance) на 5 px, и Размер (Size) на 35 px. Нажмите кнопку ‘OK’.
2. Создаём Вертикальный Разлинованный Задний Фон
Шаг 1
Откройте исходное изображение модели в Photoshop в отдельном документе. В панели инструментов, выберите инструмент Рамка (Crop Tool (C). Удерживая клавишу (Shift), потяните мышку, чтобы кадрировать изображение модели ровным квадратом. Кадрируйте изображение чуть ниже плеч, как показано на скриншоте ниже. Нажмите клавишу (Enter), чтобы применить изменения.
Шаг 2
В панели слоёв, щёлкните правой кнопкой мыши по фоновому (Background) слою и в появившемся меню, выберите опцию Создать дубликат слоя (Duplicate Layer). Далее, в появившемся окне, укажите название дубликата слоя ‘Stylish Woman’. В выпадающем меню назначение документа, укажите ‘Euforia Poster.psd’. Нажмите кнопку ‘OK’.
Обратите внимание, что мы сделали это для того, чтобы получить удобный размер изображения.
Шаг 3
Теперь давайте перейдём на наш рабочий документ ‘Euforia Poster’. Перейдите на дубликат слоя ‘Stylish Woman’, а затем продублируйте его, на этот раз на нашем рабочем документе, нажав клавиши (Ctrl+J).
Отключите видимость дубликата слоя, давайте поработаем с оригинальным изображением, как показано на скриншоте ниже:
Шаг 4
Далее, идём Фильтр — Оформление — Цветные полутона (Filter > Pixelate > Color Halftone). Установите Максимальный радиус (Max. Radius) на 8 px. Используйте любые Углы Наклона Растров (Screen Angle). Каждый может создать свой результат; в моём случае, я использовала настройки Photoshop по умолчанию. Нажмите кнопку ‘OK’.
Идём Изображение – Коррекция – Чёрно-белое (Image > Adjustments > Black and White). В появившемся окне настроек данной коррекции, нажмите кнопку ‘OK’.
Шаг 5
Далее, идём Фильтр – Размытие- Размытие в движении (Filter > Blur > Motion Blur). В появившемся окне данного фильтра, установите Угол (Angle) на 90 градусов (degrees), а Смещение (Distance) на 430 px. Нажмите кнопку ‘OK’.
В панели слоёв, поменяйте режим наложения для данного слоя с эффектами размытия на Умножение (Multiply), а также уменьшите Непрозрачность (Opacity) до 70%.
3. Создаём Раздвоенное Изображение
Шаг 1
В панели слоёв, включите видимость дубликата слоя ‘Stylish Woman copy’. Нажмите значок Добавить слой-маску (Add Layer Mask). Далее, не забудьте перейти на маску слоя, чтобы она стала активной.
Шаг 2
В панели инструментов, выберите инструмент Быстрое выделение (Quick Selection Tool (W). Мы используем данный инструмент вместо инструмента Волшебная палочка (Magic Wand Tool (W). Мы выбрали данный инструмент, поскольку задний фон не является сплошным—по цвету да, но не по текстуре. Далее, выделите задний фон, как будто вы прокрашиваете кистью.
Нажмите клавиши (Ctrl+I) для инверсии заднего фона. Нажмите клавиши (Ctrl+D) для отмены активного выделения.
Шаг 3
В панели слоёв, щёлкните правой кнопкой мыши по слой-маске слоя с моделью. Далее, в появившемся окне, выберите опцию Уточнить маску (Refine Mask). Это отличный инструмент для коррекции мелких деталей на изображении. В окне настроек инструмента Уточнить маску (Refine Mask), поставьте галочку в окошке Умный радиус (Smart Radius), а также установите Радиус (Radius) на 4 px. Далее, установите Растушёвку (Feather) на 0.5 px, а Сдвиг края (Shift Edge) на -50%. Нажмите кнопку ‘OK’.
Обратите внимание, что возможно придётся лишь слегка поиграть с настройками в зависимости от выделения, которые вы создали с помощью инструмента Быстрое выделение (Quick Selection Tool (W).
Шаг 4
Давайте уменьшим масштаб изображения модели. Нажмите клавиши (Ctrl+T) для активации трансформации. Идём в верхнюю панель управления, чтобы нажать значок Сохранить пропорции (Maintain Aspect Ratio). Установите значение Ширины (Width) и Высоты (Height) на 85%. Нажмите клавишу (Enter), чтобы применить изменения.
Шаг 5
Обратите внимание, что на изображении появились отдельные фрагменты заднего фона. Это можно быстро исправить. Выберите инструмент Кисть (Brush Tool (B), а затем перейдите на маску слоя ‘Stylish Woman’. Вы можете использовать кисть любого размера. Установите цвет кисти на чёрный цвет, а затем прокрасьте участки изображения, где появились фрагменты заднего фона.
Шаг 6
В панели слоёв, найдите слой ‘Shape 1’ или слой с фигурой эллипса, который мы создали ранее. Удерживая клавишу (Ctrl), щёлкните по миниатюре маски слоя с эллипсом. Таким образом, мы создадим активное выделение в виде фигуры эллипса, которое мы используем для формирования фрагмента модели, используя слой ‘Stylish Woman’. Нажмите клавиши (Shift+Ctrl+I) для инверсии выделения.
Далее, перейдите на маску слоя ‘Stylish Woman’. С помощью инструмента Кисть (Brush Tool (B), прокрасьте нижнюю часть изображения модели. Таким образом, мы скроем нижнюю часть изображения модели, поскольку эта часть изображения выходит за пределы контура эллипса. Нажмите клавиши (Ctrl+D) для отмены активного выделения.
Не забывайте, что мы работаем со слой-масками этих слоёв. Это упростит нам работу, если нам придётся ещё раз провести редактирование изображения.
Шаг 7
Нажмите клавиши (Ctrl+J), чтобы продублировать слой ‘Stylish Woman’. Далее, мы поработаем с дубликатом слоя.
Выберите инструмент Лассо (Lasso Tool (L) в панели инструментов. С помощью данного инструмента мы создадим эффект раздвоения. Создайте фигуру волны вдоль изображения лица модели. На это уйдёт несколько попыток, пока вас не устроит стиль волны, который вы хотите воссоздать. Используйте клавиши (Ctrl+D) для отмены выделения, чтобы повторить попытку.
Нажмите клавиши (Shift+Ctrl+I) для инверсии выделения. Находясь на том же самом слое, перейдите на маску слоя. С помощью инструмента Кисть (Brush Tool (B), скройте нижнюю часть изображения модели, сохранив видимость верхней части модели с волнистым контуром. Вы может использовать скриншот в качестве подсказки. На скриншоте ниже, я отключила видимость всех остальных слоёв, чтобы вы могли чётко увидеть действие данного шага.
Шаг 8
Нажмите клавиши (Shift+Ctrl+I) для инверсии выделения. Далее, перейдите на нижний слой ‘Stylish Woman’. Находясь на том же самом слое, перейдите на маску слоя. На этот раз прокрасьте верхнюю часть изображения модели. Используйте инструмент Кисть (Brush Tool (B), а также миниатюру слой-маски в качестве подсказки. На скриншоте ниже, я отключила видимость всех остальных слоёв, чтобы вы могли чётко увидеть действие данного шага. Нажмите клавиши (Ctrl+D) для отмены выделения.
Шаг 9
Перейдите на самый верхний слой с дубликатом слоя ‘Stylish Woman’. С помощью инструмента Перемещение (Move Tool (V), слегка сдвиньте слой вверх и влево.
Щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Параметры наложения (Blending Options). Примените стиль слоя Тень (Drop Shadow), а также установите следующие настройки. Установите Непрозрачность (Opacity) на 40%, Смещение (Distance) на 10 px, а Размер (Size) на 25 px. Нажмите кнопку ‘OK’.
Щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Скопировать стиль слоя (Copy Layer Style). Далее, перейдите на нижний слой ‘Stylish Woman’, Щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Вклеить стиль слоя (Paste Layer Style).
Шаг 10
Создайте новый слой, нажав клавиши (Shift+Ctrl+N). Назовите этот слой ‘Split’. Нажмите кнопку ‘OK’. Расположите данный слой ниже двух слоёв с моделью ‘Stylish Woman”, с которыми мы работали ранее. Данный слой придаст эффект раздвоения ощущение глубины.
Выберите инструмент Кисть (Brush Tool (B), щёлкните правой кнопкой мыши по холсту, чтобы установить настройки кисти. Установите размер кисти, с которым вам комфортно работать; я установила размер своей кисти на 70 px. Также установите Жёсткость (Hardness) кисти на 100%. Цвет кисти #6d4ad9 . Начните прокрашивать кистью участок разделения, который мы создали в предыдущем шаге. Убедитесь, что вы не заходите за границы этой области раздвоения.
Чтобы дополнительно усилить ощущение глубины, установите цвет кисти на #200b62 . Далее, выберите инструмент Кисть (Brush Tool (B), установите Жёсткость (Hardness) кисти на 0%. В панели управления установите Непрозрачность (Opacity) кисти на 25%. Нам нужно создать мягкие тени. Слегка прокрасьте кистью верхнюю часть области раздвоения.
Шаг 11
Чтобы создать контраст между двумя фрагментами раздвоения, мы создадим корректирующий слой. В нижней части панели слоёв, нажмите значок Создать новый корректирующий слой или слой-заливку (Create a New Fill or Adjustment Layer) и в появившемся окне, выберите опцию Чёрно-белое (Black and White).
Расположите данный корректирующий слой между двумя слоями с моделью ‘Stylish Woman’, с которыми мы работали последний раз. Нам также необходимо преобразовать данный корректирующий слой в обтравочную маску. Таким образом, коррекция данного корректирующего слоя будет воздействовать только на нижний слой. Щёлкните правой кнопкой по корректирующему слою и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask).
4. Используем Инструмент Текст
Шаг 1
В панели инструментов, выберите инструмент Текст (Text Tool (T). Я использовала белый цвет текста, чтобы создать контраст с задним фоном. Шрифт, который я использовала, это Prospekt Regular.
Идём в панель настроек Шрифт (Type), для этого вначале идём Шрифт- Панели- Символ (Type > Panels > Character Panel). Ниже указаны настройки шрифта, которые я использовала на отдельных слоях с указанием размера шрифта, толщины и остальных настроек шрифта.
EUFORIA
FESTIVAL DE MUSICA TECHNO
(шрифт Prospekt, Regular, Размер шрифта: 205 pt and 62 pt, Трекинг (Tracking): 400 pt and 300 pt, Интерлиньяж (Leading): 62 pt)
+
MONTERREY
CIUDAD DE MEXICO
GUADALAJARA
(шрифт Prospekt, Regular, Размер шрифта: 40 pt, Трекинг (Tracking): 0, Интерлиньяж (Leading): 35)
02/09
20/09
27/09
(шрифт Prospekt, Regular, Размер шрифта: 40 pt, Трекинг (Tracking): 0, Интерлиньяж (Leading): 35)
20:00 HORAS
ESTADIO LOS OLIVOS
EUFORIA2018.COM
(шрифт Prospekt, Regular, Размер шрифта: 40 pt, Трекинг (Tracking): 0, Интерлиньяж (Leading): 35)
Я расположила заголовок в самой верхней части постера, а дополнительную информацию разместила в нижней части постера. Это поможет создать гармоничный и сбалансированный постер. Используйте направляющие, которые мы создали вначале этого урока. Активируйте направляющие, нажав клавиши (Ctrl+;).
Чтобы выровнять слой с текстом по центру документа, для этого выделите любой текстовый слой и самый первый фоновый (background) слой документа. В нашем случае, это будет слой с датами мероприятия. Выберите инструмент Перемещение (Move Tool (V) в панели инструментов. Далее, идём в верхнюю панели управления, где расположены значки выравнивания центров. В данном случае, нажмите значок Выравнивание центров по горизонтали (Align Horizontal Centers).
Шаг 2
Чтобы добавить объём к тексту, мы может добавить стиль слоя Тень (Drop Shadow). Щёлкните правой кнопкой мыши по текстовому слою и в появившемся окне, выберите опцию Параметры наложения (Blending Options). Мы создадим и применим тень к одному слою, а затем скопируем и вклеим стиль слоя к остальным текстовым слоям.
Примените стиль слоя Тень (Drop Shadow). Установите режим наложения на Умножение (Multiply), а значение Непрозрачности (Opacity) на 40%, Угол (Angle) 120, Смещение (Distance) на 10 px, а Размер (Size) на 25 px. Нажмите кнопку ‘OK’.
Чтобы скопировать стиль слоя, щёлкните правой кнопкой мыши по текстовому слою и в появившемся окне, выберите опцию Скопировать стиль слоя (Copy Layer Style). Далее, перейдите на другой текстовый слой, ещё раз щёлкните правой кнопкой мыши по текстовому слою и в появившемся окне, выберите опцию Вклеить стиль слоя (Paste Layer Style).
5. Сохраняем для Web
Идём Файл – Сохранить (File > Save), чтобы сохранить документ, как вы обычно это делаете.
Чтобы сохранить для web, идём Файл – Сохранить для Web (File > Save for Web) или нажмите клавиши (Shift+Alt+Ctrl+S). Выберите папку, куда бы вы хотели сохранить свою работу; я выбрала формат JPEG, а также установите Качество (Quality) на 100. В настройке Размер изображения (Image size), вы можете поменять размер пикселей вашего изображения, если у вас есть ограничения по размеру и вы используете изображение для Интернета.
В нижнем левом углу вы можете выбрать опцию Просмотр (preview), чтобы увидеть размеры изображения. Это полезная опция, если на веб-сайте существуют ограничения по размеру, и вам необходимо снизить качество или размер изображения.
Нажмите кнопку Сохранить (Save), выберите место для сохранения в появившемся окне навигации, а затем ещё раз нажмите кнопку Сохранить (Save).
Поздравляю! Мы Завершили Урок!
В этом уроке мы научились использовать эффект раздвоения, чтобы создать интересный техно постер, используя стандартные инструменты Photoshop. Сегодня мы научились:
- Использовать эффекты Оформления (Pixelate) и Размытия (Blur) для создания нового стильного заднего фона.
- Использовать инструмент Быстрое выделение (Quick Selection) для точного кадрирования изображений.
- Использовать Уточняющую маску (Refine Mask) для коррекции краёв после кадрирования изображений.
- Применять Корректирующие слои и Обтравочные маски для редактирования изображений.
- Использовать инструмент Лассо (Lasso Tool) для создания эффекта раздвоения на фотографии.
Если вам понравился этот урок, то возможно вам понравятся следующие уроки: