Проектирование типографской афиши в Фотошопе

В этом уроке Фотошопа мы спроектируем топографическую афишу.

Photoshop для чайников Фотошоп с нуля в видеоформате Photoshop для фотографа

1. Для начала создаем новый документ 768 px на 1024 px.


2. В примере мы используем 2 старинные текстуры. Найди их можно тут.

Вы же можете использовать любые другие, которые больше вам подходят.

Проектирование типографской афиши в Фотошопе

3. В этом шаге вы раставляете выбранные вами текстуры так, как вам удобней.

Режим наложения для слоев выставляем (Умножение).

Проектирование типографской афиши в Фотошопе

4. Теперь мы импортируем изображение печатной машинки, предварительно вырезав белый фон, при помощи инструмента () или (), как удобнее. Назовем этот слой «Typewriter».

Проектирование типографской афиши в Фотошопе

5. Для слоя «Typewriter» ставим режим наложения: (Умножение) и (Непрозрачность): 90%.

Проектирование типографской афиши в Фотошопе

6. Далее дублируем слой «Typewriter» и ставим режим наложения слоя: (Мягкий свет) и (Непрозрачность): 30%.

Проектирование типографской афиши в Фотошопе

7. Потом вам нужно написать любой текст используя инструмент (). Шрифт, который использован в примере - «Arial». Просто напишите свой текст белым, а также поместите его поверх всех слоёв, затем преобразуйте текст, так как вы желаете. Также, установите настройки к слою: режим наложения (Мягкий свет) and (Непрозрачность): 50%.

Проектирование типографской афиши в Фотошопе

8. Этот шаг является самым трудоёмким, ибо занимает очень много времени. Вам придётся написать множество слов в слово, которое вы сделали в 7 шаге. Вы можете свободно помещать и преобразовывать слова. Для этих слов в примере используется шрифт «American Typewriter». Для удобства можно перенести эти слова в папку «Алфавит».


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

Проектирование типографской афиши в Фотошопе

9. Пока проделанная работа должна походить на изображение ниже.

Проектирование типографской афиши в Фотошопе

10. Сейчас вам нужно добавить несколько больше текста. На сей раз Вы получите эффект выскакивания слов из пишущей машинки. Не создавайте полные слова, только буквы. Например, в примере начинаем с буквы «a», и дублируем её пару раз, затем преобразовываем каждый слой, пока это не будет соответствовать представлению. Потом, печатаем «b», и так далее. В конечном итоге переместите все слои на папку под названием «Текст».

Проектирование типографской афиши в Фотошопе

11. Вы должны будете повторить пункт «10», но на сей раз добавить меньше букв и сделать их меньше. Затем растрируйте их, и используете через меню (Фильтр - Размытие - Размытие по Гауссу) с Radius (Радиус) 1.0 px. Это создаст иллюзию, что буквы где-то вдали.

Проектирование типографской афиши в Фотошопе

12. Создайте еще пару букв (в примере их 6). Сделайте их больше остальных. Потом преобразуйте их, используя инструмент (). Потом растрируйте примерно 50% от кол-ва букв. И примените для них через меню (Фильтр - Размытие - Размытие по Гауссу), используя различный радиус для каждой из букв. Это даст иллюзию, что эти буквы более близки.

Проектирование типографской афиши в Фотошопе

13. Чтобы придать эффект высоты вот примерно тут находим облака, вырезаем их. Вытавляем поверх всех слоёв. Затем добавлям для красоты трещины при помощи кистей, а также внизу добавляем еще букв.


Ну вот и всё. Вся сложность рисунка в том, что надо постоянно создавать большое кол-во букв.

Финальный результат

Адаптация текста:

Уроки Фотошопа