Шрифт для фотошопа акварельный: Стили для фотошоп — Акварель / Creativo.one

Содержание

Стили для фотошоп — Акварель / Creativo.one

Доступ
к PREMIUM-контенту

88 видеоуроков только для PREMIUM-пользователей. Коллекция пополняется несколько раз в месяц!

Обратная связь
от PRO

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

Доступ к закрытым
трансляциям

Для участников PREMIUM регулярно проводятся закрытые трансляции с профессионалами. Остальным они доступны только за деньги.

Отсутствие
рекламы

PREMIUM-пользователи не видят рекламных объявлений и баннеров.

Приоритетная
проверка работ

Все работы, которые вы добавляете в портфолио, рассматриваются в приоритетном порядке.

Статистика
переходов в соцсети

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

Возможность
скачивать видеоуроки

Вы сможете скачивать видеоуроки без ограничений.

PREMIUM-статус
на аватаре

На вашей аватарке будет отображаться значок, обозначающий Premium-статус.

Короткая именная
ссылка на профиль

Получите именную ссылку на профиль вида https://creativo.one/sasha

Возможность отложенной
публикации постов

Вы сами решаете, в какое время пост появится в ленте.

Светлая / темная
тема сайта

Меняйте тему оформления сайта под свое настроение.

Расширенные возможности опросов

Возможность устраивать голосование с прогрессивным рейтингом. Возможность создавать викторины (скоро).

Эффект акварели в Photoshop — пошаговый урок

Новый пошаговый урок из серии «Photoshop для чайников»! Для летних иллюстраций, открыток, пригласительных, баннеров и сочного контента.

Акварельные иллюстрации были актуальны всегда и, если вы заметили, в последнее время особенно популярна акварельная каллиграфия:

Если вы владеете пером или кистью, мы завидуем! Тогда создавайте свои открытки и цитаты, оцифровывайте их (как это сделать, мы рассказали в этом пошаговом уроке) и восхищайте своих читателей 🙂 Однако, такая работа занимает массу времени, и мы, как мастера тайм-менеджмента, нашли простое решение: создаём акварельные буквы в Photoshop.

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

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

2. Выбираем стандартный квадратный формат 800*800 (это зависит от целей использования финального файла)

3. Когда создан документ, открываем наш акварельный фон. Для этого снова жмём Файл — Открыть — ищем скачанный или созданный файл фона. После чего на рабочем столе появляется второй документ, наша акварель.

4. Создаем текстовый слой на белом фоне. Выбираем на панели инструментов слева иконку с буквой «Т», печатаем текст и регулируем его размер и шрифт.

5. Переносим фон на наш текст. Просто «схватите» мышкой акварельный фон и перетащите его на белое поле нашего главного файла.

6. Переходим во вкладку «Слои», чтобы совершить последнее, самое важное действие.

Если в правой части рабочего поля вы не видите такого окна, как показано на рисунке «Шаг 6», то выбирайте в главной панели Photoshop (расположена вверху над рабочим полем) раздел «Окно» и ставьте «галочку» рядом с вкладкой «Слои». Теперь, точно появилось! 🙂 Кликайте правой клавишей мышки по слою с акварельным фоном.

7. В выпадающем меню слоя выбираем действие «Создать обтравочную маску»

8. Получаем результат

Это всё! Спасибо за терпение и вдохновения вам 🙂

Отмечайте свои готовые картинки тегом #прощайбосс, и мы обязательно оставим Вам свой лайк и комментарий.

Также, мы рекомендуем скачать наши шаблоны для соцсетей и получить в подарок шрифты и объекты для дизайна, чтобы все ваши иллюстрации были оформлены в едином стиле!

Есть вопрос? Пиши нам на почту [email protected].

#подсказки #дизайн #Photoshop #советы #шрифт #блог #diy

Создаем в фотошопе акварельный эффект для текста на мокрой бумаге | DesigNonstop

Создаем в фотошопе акварельный эффект для текста на мокрой бумаге

6

Этот очень простой акварельный эффект всегда дает замечательный результат. А при помощи несложного урока от Photoshoproadmap мы научимся создавать в фотошопе акварельный эффект для текста на мокрой бумаге. Сначала мы напишем текст, потом воспользуемся фильтром, потом применим сам акварельный эффект, потом добавим текстуру и немного обработаем ее.

Шаг 1.
Создаем в фотошопе новый документ размером 450х200 пикселей, заливаем его белым цветом. Выбираем инструмент «Горизонтальный текст-маска» (Horizontal Type Mask Tool). Берем произвольный симпатичный шрифт (автор использовал шрифт Brush Script) и на новом слое пишем любое слово, в данном случае Blue. Размер шрифта 200 пикс.

Шаг 2.
Выбираем в меню «Выделение» (Select) > «Растушевка» (Feather) и устанавливаем значение 5. Далее устанавливаем цвет переднего #0000CA и заднего фона #E300B6. Идем в меню «Фильтр» (Filter) > «Рендеринг» (Render) > «Облака» (Clouds). После рендеринга снимаем выделение.

Шаг 3.
После того, как сняли выделение, идем в меню «Фильтр» (Filter) > «Имитация» (Artistic) > «Акварель» (Watercolor) и устанавливаем приблизительно такие значения «Детализация» (Brush detail) — 1, «Глубина теней» (Shadow intensity) — 0, «Текстура» (Texture) — 1. С этими настройками придется поэкспериментировать, поскольку эффект появляется при различных комбинациях параметров.

Шаг 4.
Теперь воспользуемся одной из этих текстур.

Шаг 5.
Вставляем текстуру в наш документ, поворачиваем как нужно и помещаем слой с текстурой ниже слоя с надписью.

Шаг 6.
Меняем режим наложения слоя с текстом на «Умножение» (Multiply).

Шаг 7.
Создаем новый слой (Bumps) между слоем с текстурой и слоем с надписью. Выбираем круглую мягкую кисть диаметром 90 пикс и жесткостью 0%.

Шаг 8.
Произвольно чертим несколько линий. Цвет черный.

Шаг 9.
Теперь уменьшаем «Заливку слоя» (Fill) до 0, потом открываем стиль слоя, выбираем закладку «Тиснение» (Bevel and Emboss) и устанавливаем значения, как на рисунке ниже.

Должны получиться заломы на бумаге.

Шаг 10.
Теперь слегка приподнимем бумагу над поверхностью. Меняем цвет заднего фона на белый. Потом в меню «Изображение» (Image) > «Размер холста» (Canvas Size) устанавливаем размер холста 500х300 пикселей. Вокруг изображения должна появится широкая белая рамка.

Шаг 11.
Переходим на слой с текстурой, открываем стиль слоя и устанавливаем значения «Тени» (Drop Shadow), как на рисунке ниже.

Тень должна выглядеть так.

Шаг 12.
На этом шаге опять выберем большую мягкую кисть черного цвета, как в шаге 7. На самом нижнем слое несколько раз кликаем мышкой по краю бумаги.

Финал
Теперь бумага будет приподнята над поверхностью более реалистично. Финальный результат выглядит так.

Это еще один вариант применения акварельного эффекта.

Красивые акварельные текстуры и фоны для фотошопа

Недавно мы публиковали необычные акварели современного художника Tilen Ti с яркими броскими образами животных, портретами и др. Подобная техника исполнения позволяет создавать интересные «живые» картины. Они отчасти и вдохновили нас на сегодняшнюю подборку акварельных текстур для фотошопа. Надеемся материалы будут вам полезны.

Выбирая красивые нежные акварельные фоны с зеленоватыми или светлыми тонами, можно задать необходимое весеннее настроение изображению. Если вам нужен стиль мрачного гранжа — берите пастельные и темные цвета. Часто при этом дизайнеры используют похожий по направленности шрифт (Watercolor font), но теоретически вы можете поэкспериментировать с любыми другими. Для светлой подложки хорошо и акцентировано смотрится темная контрастная надпись.

Скачать текстуры акварели бесплатно из данной статьи — не проблема, но перед коммерческим применением советуем глянуть описание их лицензии. Ссылки на источники — в картинках-превью.

8 Textures by Sabinefischer

Watercolor TexturePack by Calthyechild

Free Ombre Backgrounds

12 High Resolution Watercolour Textures

Free PSD Backgrounds

Textures WaterColor by So Ghislaine

7 Watercolor Textures

Texture by Summer Moon

Watercolor Texture Kit

Watercolors Texture by EK-StockPhotos

15 Watercolor Textures by FranceEditions

Galaxy Textures by Takmaj

Large Watercolor Pictures

WaterColor Pack 0404

Watercolor Textures by ThePrettyGirls

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

Azure Blue Watercolor Pack

Texture by Starshield

Watercolor5 Wallpaper

Free Watercolor Textures Kit

L+T Watercolor Stock

5 HighRes Texture Backgrounds Jpeg

Nature Watercolor by Mirtek

9 Free Backgrounds

Hello Watercolor

Texture pack 03 by Elphielein

Realistic Watercolor Effects

Watercolor Texture #2 by Cgarofani

Abstract Colorful Watercolor Texture

Watercolor Texture4 by Arsmara

Watercolor Flowers

Большая часть ссылок подборки взята из сообщества дизайнеров Deviantart. Там можете просматривать и другие работы авторов или похожие материалы. Используйте ключевое слово Watercolor для поиска в разделе Resources & Stock Images / Textures / Other. Второй крупный архив, где можно скачать акварельный фон для фотошопа — Freepik. На сайте также есть блок поиска, но условия лицензии чуть более «суровы».

15 Watercolor Textures by Mykimmy

Watercolor Pack

Water Color Textures II

Stock Watercolor by Mayshing

Violet Background Free Vector

Watercolor Abstract Style

Colorful Watercolor Texture

Watercolor Stains Background

Texture With Soft Tones

Detailed Background

Paper Pack 3 by Dierat

Paper Pack 8

Кроме того, в сети вам удастся найти текстуры акварельной бумаги для фотошопа, которые, вероятно, будут не лишними в работе. По цветовой гамме в основном это белые текстуры хотя иногда встречаются и другие варианты, приближенные к светлым тонам. Если нужно больше таких материалов, воспользуйтесь поиском на соответствующих сайтах (Freepik и Deviantart и др.).

Watercolor Paper

Paper Texture Design

Watercolor Paper Texture by Psdgraphics

Grubby Watercolour Paper

Watercolor Paper Texture by BrushLovers

Rough Paper Free Vector

Ну, и напоследок немного премиальных работ. Если у вас есть определенный бюджет на дизайн и вы хотите получить результат не такой, как у всех, выбирайте в архиве Shutterstock лучшие акварельные фоны для фотошопа и векторных редакторов.

Real watercolor Vector

Watercolor Splashes And Dots Texture

Pink Watercolor Texture

Abstract Blur Nature Paper Overlay

Watercolor Wet Blue

Set Watercolor Textures Seasons of Year

Abstract Watercolor HandPaint

Watercolor Background Art

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

Акварельный шрифт 2018 изображение_Фото номер 400080409_PSD Формат изображения_ru.lovepik.com

Применимые группы	Для личного использования	Команда запуска	Микропредприятие	Среднее предприятие
Срок авторизации	ПОСТОЯННАЯ	ПОСТОЯННАЯ	ПОСТОЯННАЯ	ПОСТОЯННАЯ
Авторизация портрета		ПОСТОЯННАЯ	ПОСТОЯННАЯ	ПОСТОЯННАЯ
Авторизованное соглашение	Персональная авторизация	Авторизация предприятия	Авторизация предприятия	Авторизация предприятия
Онлайн счет
Маркетинг в области СМИ (Facebook, Twitter,Instagram, etc.)	личный Коммерческое использование (Предел 20000 показов)
Цифровой медиа маркетинг (SMS, Email,Online Advertising, E-books, etc.)	личный Коммерческое использование (Предел 20000 показов)
Дизайн веб-страниц, мобильных и программных страниц Разработка веб-приложений и приложений, разработка программного обеспечения и игровых приложений, H5, электронная коммерция и продукт	личный Коммерческое использование (Предел 20000 показов)
Физическая продукция печатная продукция Упаковка продуктов, книги и журналы, газеты, открытки, плакаты, брошюры, купоны и т. Д.	личный Коммерческое использование (Печатный лимит 200 копий)	предел 5000 Копии Печать	предел 20000 Копии Печать	неограниченный Копии Печать
Маркетинг продуктов и бизнес-план Предложение по проектированию сети, дизайну VI, маркетинговому планированию, PPT (не перепродажа) и т. Д.	личный Коммерческое использование
Маркетинг и показ наружной рекламы Наружные рекламные щиты, реклама на автобусах, витрины, офисные здания, гостиницы, магазины, другие общественные места и т. Д.	личный Коммерческое использование (Печатный лимит 200 копий)
Средства массовой информации (CD, DVD, Movie, TV, Video, etc.)	личный Коммерческое использование (Предел 20000 показов)
Перепродажа физического продукта текстиль, чехлы для мобильных телефонов, поздравительные открытки, открытки, календари, чашки, футболки
Онлайн перепродажа Мобильные обои, шаблоны дизайна, элементы дизайна, шаблоны PPT и использование наших проектов в качестве основного элемента для перепродажи.
Портрет Коммерческое использование	(Только для обучения и общения)
Портретно-чувствительное использование (табачная, медицинская, фармацевтическая, косметическая и другие отрасли промышленности)	(Только для обучения и общения)	(Contact customer service to customize)	(Contact customer service to customize)	(Contact customer service to customize)

урок из инета Добавляем просвечивающийся эффект

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

В этом уроке вы узнаете, как с помощью множества шрифтов, фигур, текстур и кистей создать текстовый эффект в виде вырезанных фрагментов газеты в Photoshop. Начнем!

На создание этого эффекта меня вдохновили стили слоя доступные на сайте GraphicRiver .

1. Создаем фон и текстовые слои

Шаг 1

Создаем новый документ размером 1000 х 1000 пикселей, в нижней части панели слоев кликаем на кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой), выбираем Solid Color (Цвет) и устанавливаем цвет на #f6f6f6.

Шаг 2

Пишем текст. Каждая буква должна находиться на отдельном слое. Для каждого слоя используем свой шрифт и размер. Цвет должен быть один для всех — #565656.

Каждую букву добавляем в группу (в названии пишем ту же букву), затем каждое слово группируем в отдельную группу.

Шаг 3

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

2. Добавляем фигуры и текстовые блоки

Шаг 1

Берем Rectangle Tool (U) (Прямоугольник) и под любой группой букв рисуем линию.

Если вы добавляете дополнительные детали к тексту, то текстовый слой и слои с деталями добавляем в новую группу внутри группы с буквой.

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

Шаг 2

Чтобы добавить блок текста под любой буквой, берем Type Tool (T) (Текст), кликаем и тянем левой кнопкой мышки, чтобы создать рамку под нужной буквой, затем переходим Type — Paste Lorem Ipsum (Текст — Вставить Lorem Ipsum).

Примечание переводчика: Lorem Ipsum — это так называемый текст-заполнитель, который вставляется в дизайн. Чаще всего его используют в печати и веб-дизайне.

Настраиваем внешний вид текста и выбираем любой шрифт и размер.

Шаг 3

Если вы хотите добавить блоки текста под другими буквами, то удаляем часть текста, чтобы он не повторялся.

Шаг 4

Также мы можем добавить темные прямоугольники под буквами. Для этого используем Rectangle Tool (U) (Прямоугольник). Заливаем прямоугольники цветом #565656, а текст — #ececec.

3. Добавляем маски

Шаг 1

Берем Lasso Tool (L) (Лассо), выбираем группу с буквой и рисуем выделение вокруг основной буквы, которая есть в названии группы.

Постарайтесь нарисовать выделение в форме оторванного клочка бумаги.

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

Шаг 2

После создания выделения, в нижней части панели слоев жмем на кнопку Add layer mask (Добавить слой-маску).

Шаг 3

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

4. Добавляем текстуру бумаги

Шаг 1

Размещаем зернистую текстуру бумаги в нижней части группы с первой буквой и, при необходимости, корректируем размер.

Шаг 2

Меняем режим смешивания слоя или группы над текстурой бумаги на Linear Burn (Линейный затемнитель).

Шаг 3

Дублируем (Ctrl+J) слой с текстурой бумаги и добавляем копию в следующую группу с буквой. Повторяем процесс, пока не заполним текстурой все клочки.

Шаг 4

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

5. Добавляем текстуру мятой бумаги

Шаг 1

В верхней части группы с первой буквой вставляем текстуру бумаги 1, корректируем ее размер и меняем режим смешивания на Multiply (Умножение).

Шаг 2

Дублируем текстуру и добавляем ее в остальные группы.

6. Создаем кисточку в виде разорванных краев

Берем Brush Tool (B) (Кисть) и открываем панель Window — Brush (Окно — Кисть).

Выбираем кисточку Chalk размером 23 пикселя и настраиваем ее:

Brush Tip Shape (Форма отпечатка кисти)

Shape Dynamics (Динамика формы)

7. Создаем рабочий контур из выделения

Шаг 1

Зажимаем клавишу Ctrl и кликаем по миниатюре маски группы с первой буквой, чтобы загрузить ее выделение.

Шаг 2

Открываем панель Window — Paths (Окно — Контуры) и в нижней части нажимаем кнопку Make work path from selection (Создать рабочий контур из выделенной области).

8. Выполняем обводку контура

Шаг 1

Убедитесь, что инструмент Brush Tool (B) (Кисть) активен и выбрана созданная выше кисточка. Затем проверяем, чтобы была выделена маска группы с первой буквой и устанавливаем цвет переднего плана на черный.

Шаг 2

Жмем клавишу Enter, чтобы автоматически обвести кисточкой контур и добавить эффект оборванных краев.

Шаг 3

Повторяем процесс для остальных букв.

Закончив, берем Direct Selection Tool (A) (Частичное выделение) и последний раз жмем на клавишу Enter, чтобы убрать контур.

9. Добавляем белые оборванные края

Шаг 1

Чтобы результат выглядел реалистичнее, по контуру клочков бумаги мы добавим белые края.

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

Шаг 2

Зажимаем клавишу Alt, хватаем маску группы и перемещаем ее на слой с текстурой бумаги 2, чтобы скопировать.

Шаг 3

Берем Move Tool (V) (Перемещение) и с помощью стрелок на клавиатуре вправо и вниз смещаем текстуру бумаги 2, чтобы она выглядывала из-под фрагмента бумаги.

Шаг 4

Повторяем действия с добавлением текстуры для остальных букв.

10. Добавляем тень

Шаг 1

Дважды кликаем по текстуре бумаги 2, которую мы добавляли для первой буквы, и применяем стиль слоя Drop Shadow (Тень) со следующими параметрами:

Opacity (Непрозрачность): 35%
Distance (Смещение): 3
Size (Размер): 7

Шаг 2

Кликаем правой кнопкой по слою, которому мы применили тень, выбираем Copy Layer Style (Скопировать стиль слоя), выделяем все остальные слои с текстурой бумаги 2, кликаем по ним правой кнопкой мышки и выбираем Paste Layer Styl e (Вставить стиль слоя).

11. Добавляем просвечивающийся эффект

Шаг 1

Чтобы добавить эффект просвечивающейся бумаги, в верхней части группы с буквой добавляем блок с текстом Lorem Ipsum.

Шаг 2

Переходим Edit — Transform — Flip Horizontal (Редактирование — Трансформация — Отразить по горизонтали) и уменьшаем Opacity (непрозрачность) слоя до 10%.

Повторяем процесс для других букв.

12. Трансформируем фрагменты с буквами

Шаг 1

Перед трансформацией фрагментов мы добавим красную и синюю заливку для некоторых букв и кусочков бумаги, чтобы результат выглядел привлекательнее. Для красного используем оттенок #d66161, а для синего — #6a8ebc.

Шаг 2

Выделяем группу с буквой и слой с текстурой бумаги 2, жмем Ctrl+T, чтобы активировать режим свободной трансформации.

Если вы сразу попытаетесь редактировать фрагмент с буквой, то трансформация будет происходить немного странным образом. Это возникает из-за того, что текстура бумаги достаточно большая, а опорная точка, относительно которой происходит трансформация, находится не в центре буквы.

Чтобы это исправить, зажимаем клавишу Alt и перемещаем опорную точку в центр буквы.

Шаг 3

Перемещаем, поворачиваем и корректируем размер буквы. Закончив, жмем клавишу Enter, чтобы применить трансформацию.

Шаг 4

Повторяем процесс, чтобы трансформировать остальные буквы.

13. Добавляем фон

Шаг 1

Над слоем Solid Color (Цвет) добавляем копию текстуры бумаги 2, корректируем ее размер и уменьшаем непрозрачность до 50%.

Шаг 2

Имейте в виду, что вы в любой момент можете настроить шрифты, размеры и отредактировать маски каждой буквы.

Поздравляю, мы закончили!

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

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

Не стесняйтесь оставлять комментарии, предложения и делиться результатами.

К фото со средним разрешением подойдёт способ, который я опишу ниже.
Для начала создаём в фотошопе новый документ размером 2х2 пиксела на белом фоне. Для удобства работы увеличиваем отображение документа в окне, зажав клавишу Alt и прокручивая колёсико мыши,берём инструмент «карандаш» чёрного цвета, делаем диаметр кисти 1 пкс и делаем такой рисунок:

Создаём аналогичный документ 2х2 пкс, но уже на прозрачном фоне:

Затем создаём такие же рисунки, но 4х4 пкс и чёрные квадратики будут размером 2х2 пкс.
Для всех рисунков повторяем действия «Редактировать—>Определить узор…»

Эффект газетной сетки применяется, в основном, к чёрно-белым фотографиям. В Фотошопе существует множество способов преобразования цветной фотографии в чёрно-белую. Простейший из них — нажать клавиши Ctrl+Shift+U, но простой — не значит лучший. В данном случае я предлагаю использовать микширование каналов. Кликаем вкладку Изображение—>Коррекция—>Микширование каналов (Image—>Adjustments—>Channel Mixer), в появившемся окне ставим галку на «Монохромный» и изменяем по необходимости положение ползунов.

Затем открываем палитру слоёв (клавиша F7), кликаем внизу панели по кнопке «Добавить стиль слоя», выбираем «Наложение узора».

Выбираем узор «чёрный с белым 4х4 пкс», режим наложения — Перекрытие, также по вкусу и в зависимости от разрешения рисунка подбираем масштаб и прозрачность. У меня эти значения 100%

Результат применения этих настроек можно увидеть в левой части фотографии, расположенной ниже.
Но если применить другие настройки, то и результат получится другим. Например, за основу узора взять чёрно-прозрачный рисунок 2х2 пкс с настройками: режим наложения — затемнение основы, непрозрачность 59%, масштаб 221% показан в правой части фотографии.

Таким образом, комбинируя узоры и их прозрачность, режимы наложения, масштаб и другие параметры, можно добиться различных результатов для одной фотографии, от «журнального» качества до низкоконтрастной мутной фотки из бульварной газетки.

Газета для Фотошопа

(Фотошоп: фото в газете).

С помощью этого урока «Газета для Фотошопа » Вы сможете сделать своим друзьям замечательный шуточный подарок.

Идея этой шутки состоит в том, чтобы вставить фотографию друзей в реальную газету.

Представьте себе — Вы отправляете своим друзьям изображение газеты, где в передовице на первой странице «напечатана» статья, в которой их фотография и несколько строк о них. Сколько времени, по-Вашему, они будут искать эту газету?

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

Я нашёл в интернете Севастопольскую газету, поскольку мои друзья живут именно там.

И вот что мы получим в итоге:

Открываем изображение газеты в Фотошопе.

Фото моих друзей откроем в Фотошопе сразу как Смарт-объект. Для этого в программе нажимаем Файл — Открыть как смарт-объект… и выбираем нашу фотографию. Это мы делаем с двумя целями: во-первых, чтобы при изменении размеров наше фото не потеряло чёткости, а во-вторых, чтобы мы могли гибко использовать фильтры.

Это же можно сделать и по другому: открываем фотографию в Фотошопе, кликаем в палитре слоёв по слою правой кнопкой мыши (ПКМ) и выбираем «Преобразовать в смарт-объект».

Внизу миниатюры слоя появляется значок смарт-объекта.

Перетаскиваем нашу фотографию в документ «Газета»: выбираем инструмент Перемещение и, удерживая Левую Клавишу Мыши (ЛКМ), тянем изображение на нашу Газету.

Переходим в Редактирование — Свободное трансформирование или нажимаем сочетание клавиш Ctrl + T . И подгоняем фотографию под размер картинки в газете.

Делаем активным слой с нашей фотографией и выключаем видимость слоя. Выбираем инструмент выделения Прямоугольная область (быстрая клавиша М) и выделяем рамкой фотографию в газете, на место которой мы вставляем фотографию.

Включаем видимость слоя и нажимаем сочетание клавиш Ctrl + G . Таким образом, мы создали группу, в которую пока входит только один слой с нашей фотографией, а потом будут лежать и корректирующие слои. Раскрываем группу, нажав на треугольник, рядом с именем Группа 1. Кликаем ЛКМ по слою «Группа 1» (делаем слой активным).

Нажимаем на значок Маски слоя в палитре Слои.

У нас появилась маска слоя в Группе, а фотография обрезалась строго по выделению и теперь, встав на слой с фото, мы сможем изменять её размер, перемещать её и она не выйдет за рамки выделения.

Фотография у нас цветная и наша задача сделать её не просто чёрно-белой, а подогнать по оттенку и насыщенности к общему фону газеты. Для этого переходим на слой с фото и меняем Режим наложения на Яркость.

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

Идём на вкладку Изображение > Коррекция > Тени/Света. И щёлкаете по вкладке внизу окна Дополнительные параметры.

Параметры ставим примерно как на фото ниже, т. е.:

Эффект Тени увеличиваем до 100%, немного поднимаем Ширину тонового диапазона.

Эффект Света увеличиваем совсем немного и поднимаем Контрастность средних тонов. Поиграйтесь с этими настройками, добиваясь большей схожести по тону с другими картинками в газете. Нажимаем кнопку Ok.

Родная картинка в газете слева смотрится немного не резкой. Поэтому размоем совсем чуть-чуть нашу фотографию. Идём в Фильтр — Размытие — Размытие по Гауссу. Радиус размытия ставим совсем небольшой 0,2-0,3 пикс. Нажимаем Ok.

Обратите внимание — под слоем с нашей фотографией появились значки Смарт- фильтр. И в этом преимущество смарт-объектов. Вы в любой момент можете вернуться к любому из применённых фильтров. Щёлкните дважды по названию фильтра и Вы вернётесь в настройки фильтра. Вы можете отключить видимость фильтра (глазик) или вовсе удалить его. А если дважды щёлкнуть по значку справа от названия фильтра, то Вы сможете уменьшить воздействие фильтра, уменьшив непрозрачность.

Если есть необходимость ещё подкорректировать нашу фотографию, то можно воспользоваться Корректирующими слоями, нажав на средний значок внизу палитры слоёв.

Выбрать, например Экспозиция, где поиграть с движками Экспозиции, Сдвиг и Гамма-коррекция. Я также применил корректирующий фильтр Фотофильтр Холодный.

Получаем вот такую газету с нашей фотографией. Теперь займёмся текстом. Заменим № и дату газеты.

Делаем активным нижний Слой 0. Выбираем инструмент выделения «Прямоугольная область» и выделяем прямоугольник выше строки с номером и датой и размерами чуть больше их. Щёлкаем ПКМ внутри выделения и выбираем Скопировать на новый слой. Перемещаем этот слой на самый верх в палитре слоёв.

Выбираем инструмент Текст. В меню Окно ставим галочку напротив строки Символ. Откроется палитра Символ. Щёлкаем инструментом Текст выше строки с № и датой и набираем на клавиатуре нужный текст. Выделяем его мышкой и начинаем подбирать подходящий шрифт, размер и пр. В данном случае подошёл шрифт с параметрами (см. фото):

Шрифт -“Time New Roman”- “Bold”, кегль — 12 пт. Но в каждом конкретном случае надо подбирать и шрифт цвет его по Вашей газете (это, кстати, самая длительная и трудная часть работы).

Объединяем два верхних слоя в Группу (CTRL + G). Выбираем инструмент Перемещение и стрелочкой Вниз на клавиатуре опускаем вырезанный чистый участок газеты с текстом на строку с № и датой. Выравнивая по линеечке.

Теперь поработаем с текстом вокруг фотографии.

Создаём копию Слоя 1 (слой с выделенным фрагментом газеты) — нажимаем сочетание клавиш Ctrl + J. Переносим слой на самый верх в Панели слоёв, а сам фрагмент передвигаем на участок текста рядом с нашей фотографией. Применяем к фрагменту Свободную трансформацию (Ctrl + T) и растягиваем его до размера столбца текста.

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

Подбираем шрифт схожий с газетным. В данном случае это Arial — Narrow размером в 9пт и остальными параметрами как на фото ниже.

Объединяем слои Слой 1 копия и Текст в группу, нажав Ctrl + G и, выбрав инструмент Перемещение, перетаскиваем нашу заплатку на колонку текста правее. Выравниваем по тексту, используя Направляющие линейки (по умолчанию они зелёного цвета). Для большей схожести текста можно уменьшить немного Непрозрачность.

Дублируем Группу Текст 1, нажав сочетание клавиш Ctrl + J. Открываем Группу Текст 1 копия и делаем активным Слой 1 копия.

Нажимаем сочетание клавиш Ctrl +T (Свободное трансформирование) и растягиваем нашу заплатку на количество строк, которые Вы будете писать.

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

Параметры шрифта остаются без изменений.

Наша газета для Фотошопа готова! Теперь можем отправить её Вашим друзьям, снабдив подписью типа: «Я и не подозревал, что Вы, друзья мои, так популярны в Вашем городе!». И ухмыляться потихоньку, пока они перерывают все газеты города в поисках этой заметки.

На этом урок закончен.

Приятных творческих успехов

Скачать урок в формате PDF и исходники к нему:

(После того, как кликните по ссылке — браузер выдаст вам ошибку «Forbidden…». Не закрывая окна браузера, в адресной строке «перейдите» по ссылке еще раз — начнется скачивание архива.)

Шаг 1

Создайте новый документ размером 1024×780 pх , с разрешением 72dpi, RGB 8 bit. Скачайте архив с материалами и пометите в ваш рабочий документ файл с гранжевой текстурой — DSC_0371.jpg (просто перетащите изображение из папки в ваш рабочий документ). Поскольку изображение не полностью перекрывает холст, растяните его до нужного размера, потянув на угловой маркер и удерживая клавишу Shift.

Теперь можете объединить фоновый слой и слой с текстурой, выделив их на панели слоев и нажав Ctrl+E.

Шаг 2

Выберите инструмент , проверьте, что у вас установлен режим Shape/Фигура на верхней панели настроек, и нарисуйте вот такой прямоугольник белого цвета:

Загрузите выделение прямоугольника, кликнув по его иконке на панели слоев с зажатой клавишей Ctrl:

Затем примените фильтр Add Noise (Filter> Noise> Add Noise/Фильтр > Шум > Добавить шум) к выделенной области со следующими настройками (В появившемся окошке с вопросом о растрировании слоя нажмите ОК):

Шаг 3

Кликните дважды по этому же слою на панели слоев, чтобы добавить стиль слоя Inner Shadow / Внутренняя тень со следующими настройками:

Шаг 4

Откройте папку с материалами к уроку и установите файл с кистями (ubersuper-folded-paper.abr), кликнув по нему дважды. Затем создайте новый слой (Ctrl+Shift+N) , возьмите инструмент Кисть/Brush Tool (B), выберите кисть, показанную на рисунке, и сделайте ей отпечаток поверх вашего прямоугольника (цвет кисти – черный). Перед тем, как будете делать отпечаток кисти, загрузите выделение слоя с прямоугольником.

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

Шаг 5

Создайте еще один новый слой и снова при помощи инструмента Rectangle Tool (U)/ Инструмент «Прямоугольник» нарисуйте узкую полоску цветом #12adc8, как показано на рисунке:

Измените режим смешивания этого слоя с полоской на Linear Burn/ Линейный затемнитель:

Теперь возьмите инструмент Line Tool (U)/ Инструмент «Линия» и нарисуйте линии черного цвета как показано на рисунке:

Поместите на ваш рабочий холст изображения из папки с материалами или возьмите понравившиеся вам фотографии или картинки. Разместите их следующим образом:

Измените режим смешивания каждого слоя с картинкой на Multiply/Умножение:

Шаг 6

Возьмите инструмент и добавьте желаемый текст. Чтобы добавить текст ровно в прямоугольную колонку сделайте следующим образом: возьмите инструмент Rectangle Tool (U)/ Инструмент «Прямоугольник» и нарисуйте прямоугольник нужной формы в режиме Path. Затем возьмите инструмент Horizontal Type Tool (T)/ Инструмент «Горизонтальный текст» , кликните внутри полученного контура и вставьте скопированный заранее текст (Ctrl+V).

Шаг 7

Теперь давайте добавим название газеты. В данном случае автор выбрал название «Le Monde» («Мир»). Вы можете либо поместить изображение с названием из папки с материалами, либо написать свое шрифтом GothicRusMedium или English Ggothic 17th

Шаг 8

Добавьте еще различных логотипов, надписей и изображений по своему вкусу. У автора получилось следующее:

Шаг 8

Снова загрузите выделение слоя с прямоугольником, который мы создали в самом начале (Ctrl+клик по иконке слоя на панели слоев). Возьмите инструмент Gradient Tool (G)/ Инструмент «Градиент», тип градиента – линейный, от серого (# a3a3a3) к прозрачному, создайте новый слой (Ctrl+Shift+N) и проведите градиент в нижней части прямоугольника снизу вверх, как показано на рисунке:

Измените режим смешивания слоя с градиентом на Difference/ Разница и уменьшите его Непрозрачность (Opacity) до 55%

Теперь выделите все слои кроме фонового слоя с текстурой, продублируйте их (правый клик по слоям на панели слоев > Duplicate Layers ) и слейте в один слой полученные копии (Ctrl+E) .

Выделите полученный слой, активируйте режим трансформации (Ctrl+T) и поверните верхнюю газету на небольшой угол:

Шаг 9

Добавьте объединенному слою с газетой два стиля слоя, кликнув по нему дважды на панели слоев:
Drop Shadow/Тень и Bevel and Emboss/Тиснение

Вот, что у вас получится:

Шаг 10

Продублируйте (Ctrl+J) полученный слой с газетой еще несколько раз и поверните копии в режиме трансформации (Ctrl+T) на небольшой угол относительно верхней газеты.

И в завершении, добавьте корректирующий слой Color Balance/Цветовой Баланс (Layer> New Adjustment Layer> Color Balance/Слой > Новый Корректирующий слой > Цветовой Баланс) и установите для него следующие настройки:

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

Когда малый бизнес сталкивается с необходимостью организации собственной ИТ-инфраструктуры, непременно возникает вопрос организации собственной службы технической поддержки. Оптимальный решением для компаний такого размера является комплексное

Веб-Дизайн В Акварельном Стиле И Полезности Для Photoshop / WAYUP

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

Акварельный стиль применяют по-разному, но для одной цели: подчеркнуть содержание сайта. Если вы хотите поэкспериментировать со стилем веб-дизайна или научиться создавать акварельный эффект, а может даже пополнить копилку полезностей для Photoshop и примеров, то у нас все это есть. Об этом и расскажем ниже.

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

Воздушность и легкость

Одна из главных вещей в акварельном стиле – на холсте можно использовать и светлые, и темные оттенки. Но только светлый фон придает всему дизайну открытость и воздушность. В погоне за минимализмом достаточно создать на холсте несколько простых стилистических изображений, что украсят собой окружающую их суровость и строгость.

Посмотрите на проекты Blocks App, Acreativemint Type pad, The Little Things Movie, JacksonVille art walk, Caava Design, Proud Punch. Все они обладают акварельным фоном или какими-то отдельными элементами в даном стиле. При этом целость восприятия не нарушена, а сами эффекты притягивают взор и внимание посетителя.

Отдельного упоминания стоит проект HP Sound in Color. Весь он выполнен в стиле акварельных мазков и разводов, с добавлением анимации и градиентов. Выглядит потрясающе красиво, но не забудьте подключить микрофон!

Художественная акварель

Зачастую веб-дизайн исполняется в высокохудожественном акварельном стиле, в сочетании с артом, то есть карандашными рисунками, объекты которых имеют четкие границы. Это проекты Ryan Scherf, Эрнест и Селестина, Сollette Dinnigan, Дом на Хлебном, Lapierrequitourne, Doudou Blues. Разумеется, не для любого типа сайта такой стиль подойдет, но между тем он придает проекту изыск и оригинальность. Ведется ли продажа квартир или печенья, но оформление всего дизайна в рисованном стиле позволяет художнику сократить дистанцию между посетителями сайта и владельцем (компанией), создать небольшую близость.

Более того, обычно такие дизайны дополнительно оснащаются анимацией. Легкой, едва заметной, но такой необходимой для того, чтобы оживить картину. И самое главное – художественная иллюстрация не вызывает негатива среди взрослых посетителей, не формирует мнение, что если рисованное – то для детей.

Украшение шрифтом

Из-за легкой природы акварельного стиля многие дизайнеры используют сочетание данного эффекта с фантастически-красивыми шрифтами. Решение достаточно смелое, так как приходится помнить, что написанное должно хорошо и четко читаться и если использовать «неудачную» толщину кисти при написании или сам шрифт слишком замысловатый, то посетители сайта сумеют понять, что же написано на изображении или логотипе.

Рассмотрим примеры сайтов Bilan-trends, Proud and Punch, Keep earth quakes weird, Boat, doudoublues и снова французская компания lapierrequitourne и даже Reebok.

Фон используется в акварельном стиле в виде иллюстраций или мазков и разводов, но шрифты либо каллиграфические, либо строгие, но соответствующие по цвету и типу. При этом стиль шрифта обязательно сочетается со стилем иллюстрации. Сайт Boat создан мазками и разводами, а потому и шрифт выглядит аналогично. Doudoublues, обладая контурным стилем, имеет более четкий шрифт с засечками и небольшими элементами декора. Иными словами, для любого акварельного варианта в веб-дизайне используется и соответствующий шрифт.

Особенности использования акварели

Мы рассмотрели некоторые примеры веб-дизайна в акварельном стиле. Теперь задумаемся о том, а как же конкретно можно использовать акварель в веб-дизайне. Это могут быть отдельные элементы или комбинирование друг с другом. Например, фотография + фон в виде разводов, брызгов и мазков. Или иллюстрированный фон и строгие инфоблоки, иконки. Хитрость же заключается в том, чтобы создать совпадение с содержимым, в противном случае, акварель будет подавлять дизайн в целом и воспринимать сайт и информацию на нем будет сложно.

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

Если фоном используется фотография, то её можно освежить и наложить на нее эффект акварели. Дизайн в целом не потребуется менять, но только один такой фон способен изменить восприятие и вид сайта в целом.

Ресурсы для Photoshop

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

Акварельные фоны

Ресурс Freepick имеет в коллекции более 8 000 разных текстур и фонов. Дизайнерам останется только выбрать тип, а цвет затем можно отрегулировать в Photoshop.

Pixabay также обладает огромной подборкой фонов и текстур с мазками и градиентами. Существуют даже готовые рисунки.

Акварельные кисточки

Поскольку рисование – процесс творческий, то и движения кисточкой всегда разные. Сложно найти повторяющиеся элементы. Именно поэтому удобнее иметь несколько наборов тематических кисточек для Photoshop.

Watercolor Splatters – 32 брызга в высоком разрешении с уникальной формой. Также в наборе существует и три текстуры.
Hi-Res Watercolor textures – еще немного кисточек и мазков, с которыми удобно работать на холстах разного размера.
Watercolor Brushes – 22 кисточки в виде брызг в высоком разрешении. Аккуратные, идеально подходящие для коммерческих проектов.
WG Dry Paint Strokes – кисточки, создающие имитацию сухих мазков краской. Акварелью работают по-разному, а потому и наборы создаются соответствующие. Всего здесь 10 образцов мазков.
Watercolor Photoshop Brushes Set II – набор кисточек-штрихов, что имитируют движение художника. Выглядят они реалистично и созданы в высоком разрешении.
Watercolour Strokes Brushes – и еще один набор штрихов из 14 кисточек.

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

Рисунок акварелью в Photoshop

В действительности сделать это не сложно, даже может и не потребоваться умение рисовать карандашом контуры объектов. Достаточно чтобы под рукой была нужная фотография.

Вариант 1

Открываем Photoshop и создаем новый документ нужного размера. Мы возьмем 1280х720. Цвет белый. Открывает Галерею фильтров и выбираем Текстура -> Текстуризатор и настраиваем по настроению своему текстуру холста.

Найдем в интернете текстуру старой бумаги и разместим на отдельном слое с Непрозрачностью около 70%-50% (на ваш вкус).

На новом слое размещаем нужную фотографию и создаем группу из одного слоя CTRL+G. Затем идем в меню Слои -> Слой-маска — >Скрыть все и видим рядом с группой маску, но изображения уже не будет.

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

Добавим еще один слой, что будет находиться под группой, но над фоном (в группу он входить не будет). И также мазками, но разного цвета, прокрасим некоторые места. Режим наложения – Умножение. При этом снова могут появиться новые брызги, капли.

Переходим на слой с фотографией и открываем Галерею фильтров -> Имитация -> Сухая кисть. И выставляем ориентировочно параметры: размер кисти-0, детализация-9, текстура-1.

И вот что у нас получилось. Дополнительно можно изменить прозрачность слоя с текстурой, можно поиграть с режимами наложения. И вот еще примеры.

Вариант 2

Другой вариант создания акварели несколько кропотливее, но и эффект несколько иной.

Создадим новый слой, зальем его желаемым цветом и разместим на новом слое вырезанный объект.

Создаем новый слой «Аква1» и рисуем акварельной кисточкой несколько мазков каким-либо цветом. После чего ставим режим наложения «Затемнение основы».

На следующем слое «аква2» мы создаем еще мазки по настроению. Этот слой размещаем ПОД фотографией, а режим наложения выбираем «Умножение».

Теперь выбираем Кисть -> набор «Сухие кисти» ставим режим Перекрытие, непрозрачность 30 и разными цветами делаем мазки и закрашиваем области прямо поверх фотографии.

Опять выбираем слой с фотографией и переходим в Галерею фильтров — > Имитация -> Сухая кисть.

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

Выводы

Одна из самых важных вещей, что дает веб-дизайнерам акварельный стиль – учиться художественно (творчески) мыслить и фантазировать. Если видите крупные интернет-проекты в таком стиле и хотите что-то подобное создать сами, то не медлите и начинайте изучать кисточки, мазки, пятна и экспериментировать с цветами. С другой стороны, если вы сторонник строгости и консерватизма, то акварельные эффекты помогут вам попросту поразвивать творческое мышление.

Так или иначе, но акварель используется в веб-дизайне не редко и в течение не одного года уже. Другой момент – бывает сложно подобрать вариант исполнения, стилистику. Универсального рецепта здесь быть, увы, не может.

акварельных шрифтов | FontSpace

Загрузить

Темный режим
Помощь Войти

Присоединиться бесплатно

Шрифты
Стили
Коллекции
Генератор шрифтов
(͡ ° ͜ʖ ͡ °)
Дизайнеры
Разные

Связанные стили

Каллиграфия
Курсив
Надпись
Шрифт
Рукописный ввод
Довольно
Fun
Резюме
Резюме
Логотип
Связки
Свадебный
Кисть
Элегантный
Декоративный
Красивый
Типографика
4
Ручная работа
Цветочный
Брендинг
Дисплей
Лето
Мода
Instagram
Приглашение
900 31 Социальные сети
Женский
Мокап
Журнал
Стильный
Powerpoint
Цитата
Романтический
Знак 10 9004 9000

Коммерческое использование

Сортировать по

Популярные
В тренде
Новейший
Имя