Сделать стартовой  |  Добавить в избранное  |  RSS 2.0
О нас  |  Статистика  |  Обратная связь
Поиск по сайту: Расширенный поиск по сайту
Регистрация на сайте
Забыли пароль?

Навигация

Календарь
«    Сентябрь 2017    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 



» Дизайн винтажного постера в Фотошоп
3-01-2014, 02:16 | Уроки Photoshop » Компьютерная графика | автор: Natali | Просмотров: 3314
В сегодняшнем уроке мы покажем вам, как, используя особые текстуры с потертостями, создать винтажный постер. В итоге, получится симпатичный макет из далеких 50х годов прошлого века.

Дизайн винтажного постера в Фотошоп

Шаг 1

Для загрузки необходимых текстур зайдите на портал автора, оставьте в строке "Enter Your Email Address" свой адрес электронной почты, нажмите "SUBSCRIBE FREE". Войдите в свою почту, вам должно прийти письмо с ссылкой, подтверждающий ваш email. После подтверждения зайдите на страничку урока.

В начале, под строкой "Then, download the freebies you need to follow this tutorial below by entering your email:", впишите свой электронный адрес и нажмите "Download the source file and freebie you need to follow this tutorial.". Откроется страничка, где можно будет загрузить необходимые текстуры в высоком разрешении.

Дизайн винтажного постера в Фотошоп


Откройте Adobe Photoshop, создайте новый документ, залейте фон сплошным, нежным пастельным цветом #bbe4de.

Дизайн винтажного постера в Фотошоп

Шаг 2


С помощью инструмента Elliptical Marquee Tool Дизайн винтажного постера в Фотошоп (M) (Инструмент "Овальная область") нарисуйте окружность в центре холста, создав новый слой, залейте выделение следующим цветом #d9c2cb.

Дизайн винтажного постера в Фотошоп

Шаг 3


Для удобства работы, создайте вертикальную и горизонтальную направляющие, пересекающиеся в центре окружности. Выберите Rectangular Marquee Tool Дизайн винтажного постера в Фотошоп (M) (Инструмент "Прямоугольная область"), от центра до верхней границы нарисуйте выделение, как показано на изображении ниже. Нажмите Ctrl+Т, для Свободной трансформации выделения. Кликните правой кнопкой мыши по фигуре, выберите Perspective (Перспектива).

Дизайн винтажного постера в Фотошоп

Шаг 4


Сделайте у̀же нижнюю часть, нажмите Enter. Создайте новый слой, залейте выделение #c3a4b0.

Дизайн винтажного постера в Фотошоп

Шаг 5


Нажмите Ctrl+J, для дублирования слоя, затем снова включите функцию Свободное трансформирование командой Ctrl+Т. Кликните правой кнопкой по фигуре и выберите Flip Vertically (Отразить по вертикали). Расположите дубликат под первой фигурой, затем объедините их в один слой.

Дизайн винтажного постера в Фотошоп

Шаг 6


Дублируйте получившийся слой из двух фигур знакомой командой Ctrl+J. С помощью Свободного трансформирования разверните дубликат по горизонтали. При развороте зажмите клавишу Shift, для фиксации по определенному углу вращения.

Дизайн винтажного постера в Фотошоп

Шаг 7


Повторите предыдущие шаги, дублируя и разворачивая слои так, чтобы получились лучи, исходящие из центра окружности. После окончания, объедините все лучи в один общий слой.

Дизайн винтажного постера в Фотошоп

Шаг 8


В Палитре Слои кликните, с зажатой клавишей Ctrl по иконке слоя с окружностью, после этого появится выделение. Немножко сделайте меньше выделение Select - Modify - Contract (Выделение  - Модификация - Сжать), введите в строку 10 пикселей и нажмите Ок.

Дизайн винтажного постера в Фотошоп

Шаг 9


Залейте, создав новый слой поверх остальных, выделение бледно желтым цветом #f6f7db.

Дизайн винтажного постера в Фотошоп

Шаг 10


Снова создайте выделение окружности, но на данном этапе, из новой окружности. Уменьшите в размере на 10 пикселей тем же путем Select - Modify - Contract (Выделение  - Модификация - Сжать). Затем нажмите клавишу Delete для удаления лишнего. Останется кольцо желтого оттенка.

Дизайн винтажного постера в Фотошоп

Шаг 11


Начнем немного "разрушать" дизайн, с помощью гранжевых текстур. Загрузите в нашу работу ранее скаченные текстуры. Измените их размер под масштаб основного документа.

Дизайн винтажного постера в Фотошоп

Шаг 12


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

Дизайн винтажного постера в Фотошоп

Шаг 13


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

Дизайн винтажного постера в Фотошоп

Шаг 14


Вставьте в наш документ одну из текстур поверх всех слоев, подгоните ее размер под размер холста. Инвертируйте цвет в белый. Измените Непрозрачность на 40%, чтобы текстура не обращала на себя много внимания и ушла на задний фон.

Дизайн винтажного постера в Фотошоп

Шаг 15


Загрузите http://www.losttype.com/missionscript/ из интернета шрифт Mission Script. Справа над кнопкой "Download" введите любую цифру и кликайте Enter на клавиатуре, чтобы скачать архив. Установите шрифт в систему. В Adobe Photoshop выберите инструмент Type Tool Дизайн винтажного постера в Фотошоп (T) (Инструмент "Горизонтальный текст") создайте надпись через всю окружность, как показано на изображении ниже.

Дизайн винтажного постера в Фотошоп

Шаг 16


Включите функцию Свободное трансформирование для текста, кликните по тексту правой кнопкой мыши, выберите Skew(Скос). Потяните правую сторону, захватив край и сдвинув его вверх. Увеличьте размер текста, чтобы он выходил из окружности, но оставался по центру.

Дизайн винтажного постера в Фотошоп

Шаг 17


Выберите первые буквы каждого из слов, значительно увеличьте их в размере. Это не только изменит расстояние между буквами, но так же эта техника похожа на типографию логотипов 50х годов.

Дизайн винтажного постера в Фотошоп

Шаг 18


Дублируйте слой с текстом, переместите его под слоем с оригиналом. С помощью Move Tool Дизайн винтажного постера в Фотошоп (V) (Инструмент "Перемещение") расположите дубликат чуть ниже, как на следующем изображении. Измените цвет на нежно бирюзовый (#9bc8c1).

Дизайн винтажного постера в Фотошоп

Шаг 19


В Панели Слои, кликните дважды по дубликаты слоя с текстом, откроется окно Стиль слоя. Выберите Stroke (Обводка), размер5 пикселей, цвет #bbe4de, для создания второй подложки.

Дизайн винтажного постера в Фотошоп

Шаг 20


Создайте дополнительный дубликат слоя с текстом. Измените его цвет на тот же, который использовался при создании лучей#c3a4b0 в начале урока. Добавьте Stroke (Обводка), размер 7 пикселей, цвет идентичный тексту, получив третий дополнительный контур.

Дизайн винтажного постера в Фотошоп

Шаг 21


В Панели Слои, кликните по миниатюре слоя с текстом (первоначальный слой, Шаг 15). Добавиться выделение, затем сожмите его через меню Select - Modify - Contract (Выделение  - Модификация - Сжать) на 10 пикселей. Создайте новый слой поверх остальных. Залейте выделение бледно желтым цветом #f7f8d8.

Дизайн винтажного постера в Фотошоп

Шаг 22


При помощи Polygonal Lasso Tool Дизайн винтажного постера в Фотошоп (L) (Инструмент "Прямолинейное лассо") создайте прямоугольное выделение с приподнятой правой стороной, как показано на изображении ниже, разделив текст пополам. Находясь на слое с бледно желтым цветом, нажмите Delete, удалив верхнюю половину.

Дизайн винтажного постера в Фотошоп

Шаг 23


Создайте поочередно полосы выделений одинаковой толщины, но с разными расстояниями друг от друга. Нажимайте Delete для удаления частей. Таким образом, получится очень популярный винтажный эффект затухания.

Дизайн винтажного постера в Фотошоп

Шаг 24


Создайте группу слоев, переместите в нее все слои, относящиеся к тексту. Добавьте Маску слоя для группы. Как и ранее, с помощью текстуры "разрушьте" текст, придав затертость от старины.

Дизайн винтажного постера в Фотошоп

Заключение

С помощью винтажных и гранжевых текстур очень легко добиться эффект старины, главное научиться. Поэтому, данный урок поможет вам создать самый настоящий логотип из 50-х годов прошлого века, которого потрепало беспощадное время. Всем удачи в рисовании!

Дизайн винтажного постера в Фотошоп

Автор: Tom Ross
Перевод: John Jackson
 
| Комментарии (0) | Распечатать
 
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Другие новости по теме:

  • Стильный эффект на фото в Фотошоп
  • Стильный, красочный коллаж
  • Светлый дизайн бизнес сайта
  • 3D текст в стиле Super Mario
  • Брейк-данс в Фотошоп
  • 662: Дизайн винтажного постера в Фотошоп3 января 2014: Дизайн винтажного постера в Фотошоп!
    Дизайн винтажного постера в Фотошоп.
    Дизайн винтажного постера в Фотошоп
     

    Популярные
    статьи


    Опрос

    Лучший из новостных
    Неплохой движок
    Устраивает ... но ...
    Встречал и получше
    Совсем не понравился




    Главная страница  |  Регистрация  |  Добавить новость  |  Новое на сайте  |  Статистика  |  Обратная связь
    Яндекс.Метрика