Создаём ретро дизайн в Фотошоп. Для фотошопа пергамент


Создаём ретро дизайн в Фотошоп

Вам понадобится Adobe Photoshop 7.0 или выше и примерно полтора часа времени.

Вот что у нас должно получиться в итоге:

Материалы для урока:

Текстура пергамента

Текстура пергамента 2

Лучи

Камера

Радио

Автомобиль

Архив

Работа над фоном

1. Начнем с фона. Откройте текстуру пергамента в стиле гранж и нажмите Ctrl+Alt+I и смените размер на 1024х768.

2. Теперь мы должны немного «опалить» стороны нашего пергамента. Сделайте Foreground color (Цвет переднего плана) чёрным. Используя инструмент Gradient (Градиент) и пресет Foreground color to transparent (Цвет переднего плана к прозрачному), поработайте поочерёдно с краями пергамента, как показано на рисунке. Заметьте, что каждый градиент создаёт отдельный слой. Установите Layers blend mode (Режим смешивания слоёв) на Soft Light (Мягкий свет) и Opacity (Непрозрачность) на 100%.

3. Добавьте ещё два градиента так, как показано на рисунке. Установите Layers blend mode (Режим смешивания слоёв) на Soft Light (Мягкий свет) и Opacity (Непрозрачность) на 30%.

4. Нам нужно обуглить ещё и верхние края. Добавьте ещё два градиента так, как показано на рисунке. Установите Layers blend mode (Режим смешивания слоёв) на Soft Light (Мягкий свет) и Opacity (Непрозрачность) на 100%.

Работа над контентом

1. Теперь создадим площадку для блоков с текстом, опросов и прочего контента. Для этого мы используем ещё одну текстуру пергамента в стиле гранж.

2. Вставьте это «кусок пергамента» в наш будущий макет и назовите его «Content Area».

 

Работа над «шапкой»

1. Вставьте картинку с этими черными лучами в макет и разместите слой с этими лучами за слоем Content Area.

2. Установите Layers blend mode (Режим смешивания слоёв) на Overlay (Перекрытие) и Opacity (Непрозрачность) на 30%.

3. Используя Rectangular Marquee tool (Прямоугольная область), выделите верхнюю часть Content Area, отразите её по горизонтали и разместите сверху, как показано на рисунке.

4. Вставьте в макет ретро автомобиль и поместите его в верхнем правом углу.

5. Теперь нам нужно поменять цветовую гамму автомобиля так, чтобы он подходил под фон.. Создайте ещё один слой сверху и зажмите Ctrl+Alt+G. Возьмите кисть и закрасьте машину на новом слое, используя цвет #c69c6d. Установите Layers blend mode (Режим смешивания слоёв) на Color (Цветность) и Opacity (Непрозрачность) на 30%.

6. Как видите, у нашего автомобиля нет лобового стекла. Давайте «застеклим» его! Создайте новый слой и разместите его под слоем с машиной. Используя Polygonal Lasso Tool (Прямолинейное лассо),  чтобы создать выделение, как показано на рисунке. Сделайте Foreground color (Цвет переднего плана) белым. Используя инструмент Gradient (Градиент) и пресет Foreground color to transparent (Цвет переднего плана к прозрачному), залейте выделенную область градиентом слева направо.

Возьмите мягкую кисть с диаметром 27 px. Нарисуйте тени и сделайте их расплывчатыми, используя, Gassian Blur (Размытие по Гауссу).

Создаём надпись в шапке и навигационную панель

1. В этом макете пункты навигации будут состоять только из надписей. Всё, что вам нужно, это написать пункты меню, используя соответствующий инструмент. Стилизируйте так, как нравится вам. Я использовал шрифт Jikharev.

2. Теперь давайте добавим надпись в шапку – заголовок и подзаголовок. Стилизируйте надпись так, как нравится вам.

Выделите верхнюю половину текста так. как показано на рисунке. Создайте ещё один слой, поверх слоя с текстом. Зажмите Ctrl+Alt+G. Нажмите D на клавиатуре, чтобы поменять цвета в панели инструментов на стандартные чёрный и белый. Теперь залейте градиентом выделенную область на новом слое сверху вниз. Теперь зажмите Ctrl+I, чтобы инвертировать выделение. Залейте нижнюю часть текста таким же образом, сверху вниз.

3. Теперь нам нужно добавить теней к надписи. Примените к слою Drop Shadow (Тень) со следующими настройками:Blend Mode (Режим наложения): Multiply (Умножение) Opacity (Непрозрачность): 75%Distance (Смещение): 0Angle (Угол): 90Spread (Размах): 7Size (Размер): 49

4. Теперь добавьте подзаголовок под заголовком (логично, да?).

5. Возможно, будет круче, если мы добавим к заголовку не только тень, но и небольшую «подсветку» сзади. Создайте под слоем с заголовком новый слой. Используя Elliptical Marquee tool (Овальная область), создайте небольшой овальное выделение за заголовком. Зажмите Ctrl+Backspace, чтобы залить выделение белым. Установите Layers blend mode (Режим смешивания слоёв) на Overlay (Перекрытие) и Opacity (Непрозрачность) на 80%. Проделайте то же самое с пунктами меню. Вот что должно получиться в итоге:

Добавляем контент

1. Теперь добавим копирайт в самом низу нашего шаблона. Тут всё просто – используя известные инструмент, добавьте необходимый текст.

2. Также вы можете добавить ваш личный копирайт в правом нижнем углу. Я использовал такие настройки для текста:

3. Самое время добавить сайдбар “Latest News”. Используйте настройки для текста, как показано ниже:

4. Может, напишем контент для нашего сайдбара на латыни? Что-то наподобие известной рыбы Lorem Ipsum.

5. Создаём сайдбар с опросом. Заголовок напишите сами, опираясь на второй пункт.

6. Добавляем примеры вопроса и варианты ответа на оный. Используя Elliptical Marquee tool (Овальная область), рисуем маркеры для вариантов ответа.

7. Используя Rectangular Marquee tool (Прямоугольная область), нарисуйте кнопочку и добавьте надпись “VOTE” на оную.

8. Теперь добавим заголовок для основного контента. Настройки текста видны на картинке ниже:

9. Добавим и несколько абзацев текста:

10. Освободим место для иллюстрации и добавим её в параграф:

11. Опираясь на предыдущие шаги, создаем блок «Resent Articles» ниже.

12. Последний штрих – добавляем иллюстрации в последний блок:

Наша работа закончена. Можете гордиться, что сами сделали такую красоту!

Автор: templates.com

photoshop-master.ru

от простого к сложному. Создание листа пергамента

10 - 2005

Марго Григорян

Надписи на старом ветхом листе пергамента с неровными, выжженными краями смотрятся оригинально и приобретают таинственность. В этом уроке мы рассмотрим, как с нуля создать такой лист пергамента в программе Adobe Photoshop CS. А уж какой текст на него поместить — останется на ваше усмотрение.

1 Создаем новый документ.

2 Заливаем фон черным цветом.

3 Выделяем прямоугольник инструментом Rectangular Marquee Tool.

4 Создаем новый слой (меню Layer > New > Layer). Для удобства его можно назвать «Пергамент».

5 Заливаем выделение желтоватым цветом, напоминающим цвет старого пергамента.

6 Убираем выделение (Ctrl+D) и применяем к слою «Пергамент» фильтр Spatter (меню Filter > Brush Strokes > Spatter), установив значения так, чтобы получился эффект рваных краев. Очень важно, чтобы на панели ин­струментов был выбран черный цвет фона (Background Color).

7 Следующий фильтр  — Accented Edges ( меню Filter > Brush Strokes > Accented Edges). Значение Edge Width следует установить на максимум, а Brightness и Smoothness — на минимум.

8 Теперь следует применить фильтр Pinch (меню Filter > Distort > Pinch), чтобы слегка растянуть края пергамента. Параметры можно выбирать по своему усмотрению, руководствуясь окном Preview.

9 Еще один фильтр  — Shear ( меню Filter > Distort > Shear). Кривую необходимо настроить в зависимости от того, насколько вы хотите исказить перспективу листа пергамента.

10 И последним применяем фильтр Sumi-e (меню Filter > Distort > Sumi-e), чтобы смягчить рваные края. Параметры настраивайте по своему усмотрению — они во многом зависят от размера файла.

11 Выделяем инструментом Magic Wand Tool будущий лист пергамента, затем инвертируем выделение (Shift+Ctrl+I) и нажимаем клавишу Delete. Это необходимо для того, чтобы избавиться от черных краев вокруг листа пергамента.

12 Убираем выделение (Ctrl+D) и открываем диалоговое окно Layer Style (меню Layer >Layer style). Выбираем параметр Pattern Overlay, находим текстуры Artist Surfaces и выбираем вторую справа текстуру во второй строчке.

13 Все бы хорошо, но после применения этого стиля пропал цвет пергамента. Чтобы восстановить его, используем еще один стиль — Color Overlay.

14 Теперь нам нужно объединить все примененные стили в один слой. Для этого воспользуемся командой Create Layers (меню Layer > Layer Style > Create Layer).

15 Отключаем пиктограмму глаза в панели управления Layers на слое Background и объединяем слои командой Merge Visible (Ctrl+Shift+E).

16 Снова включаем видимость слоя Background. Теперь создадим загнутый уголок — что придаст листу большую реалистичность. Для этого выделяем инструментом Magic Lasso Tool уголок пергамента, не заботясь об аккуратности выделения.

17 Удерживая нажатой клавишу Alt, инструментом Magic Wand Tool убираем лишнее из выделения.

18 Вырезаем выделение (Ctrl+X) и помещаем уголок листа в новый слой.

19 Применяем команду Flip Horizontal (меню Edit > Transform > Flip Horizontal), а затем переворачиваем уголок вручную ( меню Edit > Transform > Rotate) и слегка деформируем его ( меню Edit > Transform > Skew).

20 Далее инструментом Move Tool перемещаем уголок так, чтобы его край и край листа совпали.

21 Применяем к этому слою стиль Drop Shadow (меню Layer > Layer Style).

22 Очень важно слегка разнообразить текстуру. После применения стиля с текстурой на пергаменте рисунок повторяется. Чтобы замаскировать повторяющиеся элементы, воспользуемся инструментом Clone Tool и как следует пройдемся им по всему листу на слое «Пергамент».

23 Хорошо бы «продырявить» пергамент в нескольких местах: для этого нарисуем произвольные дырки с рваными контурами инструментом Lasso Tool (можно также захватить края листа), а затем сотрем область выделения.

24 Инструментом Burn Tool (с параметрами Range: Shadows и Exposure — 25-75%) прорисовываем контуры дырок и края листа сначала кистью большого размера, а затем — более маленькой. Параметр Exposure также следует изменять от меньшего к большему по мере уменьшения диаметра кисти.

25 Выбираем в палитре кистей кисть с рваными краями, устанавливаем большой диаметр и проходимся инструментом Burn по всей площади листа во всех трех режимах — Highlight, Shadows, Midtones.

26 Объединяем все слои командой Flatten Image (меню Layer > Flatten Image).

27 В завершение слегка уменьшаем насыщенность цветов (меню Image > Adjustments > Hue Saturation). Готово!

КомпьюАрт 10'2005

compuart.ru

Пергамент для фотошопа

Открытая группа
7478 участников

Активные участники:

Последние откомментированные темы:

20180512150416

Реклама

Это интересно

Как всё будет выглядеть в блоге: Пергамент для фотошопа

Кисти пергамент для фотошопа, которые интересно обрамят любую вашу задумку! Скачать можно здесь

Скопируйте код для блога: Пергамент для фотошопа

Кисти пергамент для фотошопа, которые интересно обрамят любую вашу задумку! Скачать можно здесь

'; TmplReply = TmplReply + '

{T.content}

'; TmplReply = TmplReply + ''; TmplReply = TmplReply + ''; var CommentApiErrorHash = { 'error/api/request/field/comment_body/required':'Нет текста комментария', 'error/api/request/field/topic_id/required':'Не заполнено поле топик', 'error/db/internal':'Внутренняя ошибка', 'error/group/group/banned':'Группа заблокирована', 'error/group/noright':'Нет прав для написания комментариев', 'error/group/topic/banned':'Тема заблокирована', 'error/group/topic/notexists':'Тема не существует', 'error/member/locked':'Пользователь заблокирован', 'error/member/notexists':'Пользователь не существует', 'error/group/comment/wrongparent':'Ответ на несуществующий комментарий', 'error/group/comment/notexists':'Ответ на несуществующий комментарий', 'error/group/topic/onmoderation':'Тема на модерации', 'error/undefined':'Неизвестный код ошибки', }; Для того чтобы писать комментарии, необходимо вступить в группу

subscribe.ru

Добавление изображения на старый пергамент

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

Отлично, поехали! Для того, чтобы начать урок, нам нужно найти подходящее изображение старого пергамента. Если у Вас такого нет, можете свободно взять моё.

Затем нам нужно стилизовать этот пергамент перед тем, как поместить на него картинку. Выбираем инструмент Burn Tool (Brush: 150px, Range: Midtones, Exposure: 63%), чтобы добавить несколько тёмных участков на наш холст с пергаментом.

Теперь мы можем начать создавать изображение. Чтобы это сделать, нам нужны кисти, которые могут быть загружены отсюда. Выбираем инструмент Brush Tool, обновляем эти кисти и создаем один принт цветом #a17c0b на новом слое, как показано на моей картинке ниже.

Начинаем стилизовать изображение. Меняем режим отображения слоя на Multiply для этого слоя. Выбираем инструмент Eraser Tool и одну из стандартных кистей Photoshop:

Устанавливаем непрозрачность 50% для этой кисти-ластика и начинаем очищать:

Затем загружаем выделение с помощью Select > Load Selection, переходим в установки каналов Channels inset, создаем новый альфа-канал и заливаем в него выделенную область белым цветом.

После этого применяем фильтр Filter > Sketch > Halftone Pattern с настройками, как показано здесь:

Результат должен быть следующим:

Используем Select > Color Range, чтобы установить выделения по цвету, используя «пипетку».

Теперь у нас есть выделенная область.

Возвращаемся в установки слоев Layers inset, создаем новый слой и заливаем выделенную область цветом #a17c0b.

Снимаем выделение с помощью Ctrl+D и меняем режим отображения слоя на Multiply.

После этого берем инструмент Eraser Tool с такими же настройками и производим снова очистку.

Отлично, это всё! Надеюсь, Ваш результат получился таким же, как мой!

http://www.photoshopstar.com/Перевод: http://www.4webmaster.ru/

Рекомендуем почитать:• Типографская врезка• Создание футуристических абстрактных обоев для рабочего стола• Шаблоны баннеров №1 (468×60)

www.4webmaster.ru


Смотрите также