Уроки фотошоп на русском для начинающих: Уроки фотошопа для начинающих

Изучите популярные тенденции дизайна с помощью этих руководств по Photoshop

Этот пост был написан Миклошем Филипсом, дизайнером UX для Toptal

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

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

Тренд графического дизайна «глюк» в рекламе метро Нью-Йорка.

Как и в случае с модой, тенденции дизайна часто перерабатываются из прошлых десятилетий — мы видим, как они возвращаются снова и снова: русский конструктивизм, Баухаус, трафаретная печать, 1970-е… и т. д. Простые, насыщенные геометрические узоры дизайна существуют уже почти столетие, и дизайнеры все еще используют их, потому что они так же эффективны, как и 100 лет назад.

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

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

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

Сериал HBO «Настоящий детектив» очень эффектно использует «двойную экспозицию» в своих начальных заголовках.

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

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

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

Вот несколько лучших руководств по Photoshop о том, как реализовать эту горячую тенденцию в дизайне:

Эффект двойной экспозиции Photoshop Tutorial #1:

[youtube https://www.youtube.com/watch?v=8p9BeTmESIo?rel=0]

Эффект двойной экспозиции Photoshop Tutorial #2:

[youtube https://www.youtube.com/watch?v=wrvghIDL9fc?rel=0]

Эффект двойной экспозиции Photoshop Tutorial #3:

[youtube https://www.youtube.com/watch?v=RfpIa15w37g?rel=0]

Глюк, опечатка, визуальные эффекты интерференции

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

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

Большинство дизайнеров используют термин «сбой», но иногда это называют эффектом VHS, сдвигом RGB со строками развертки, опечаткой или визуальными помехами. Дизайнеры-новаторы иногда объединяют несколько типов этих модных эффектов в нечто новое.

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

Тенденция дизайна опечатки/сдвига цвета и сочетание эффекта сдвига цвета и сбоя

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

У каждого свой метод создания этого эффекта, так что посмотрите на YouTube и выберите тот, который вам нравится. Есть даже дизайнеры Photoshop Actions, которые можно купить, чтобы создать эффект сбоя всего несколькими щелчками мыши. Вот несколько лучших руководств по Photoshop о том, как достичь этой тенденции в дизайне:

Глитч-эффект Учебник по Photoshop №1:

[youtube https://www.youtube.com/watch?v=G2BzkQGCFjY?rel=0]

Эффект глюка Photoshop Учебник № 2:

[youtube https://www.youtube.com/watch?v=uO9_Q-dqiWM?rel=0]

Есть даже способы добиться классного эффекта глюка с помощью только CSS, как в этом демонстрационном слайд-шоу и в этой демонстрационной демонстрации целевой страницы.

Двухцветные эффекты

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

Сангвинические рисунки Да Винчи и мадемуазель де Мондран и современное двухцветное изображение

Сегодня от постеров голливудских блокбастеров до Apple и Spotify кажется, что все используют эффект дуплекса. Цель, опять же, состоит в том, чтобы стоять в стороне, быть замеченным как нечто иное. Существуют даже Экшены Photoshop и многие мобильные приложения для простого создания двухцветных эффектов.

Вот несколько лучших руководств по Photoshop о том, как реализовать эту модную дизайнерскую тенденцию:

Duotone Effect Photoshop Tutorial #1:

[youtube https://www.youtube.com/watch?v=wyuXdD_v4f8?rel=0]

Duotone Effect Photoshop Tutorial #2:

[youtube https://www.youtube.com/watch?v=_4T3YLYioCY?rel=0]

Duotone Effect Photoshop Tutorial #3:

[youtube https://www. youtube.com/watch?v=8uFYp0p3zfc?rel=0]

Разделение RGB, цветовой канал, двойная цветовая экспозиция

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

Вот несколько лучших руководств по Photoshop и Affinity Photo о том, как создать этот трендовый эффект визуального дизайна (пожалуйста, не обращайте внимания на то, как они называют этот эффект, у всех его разные названия):

Эффект двойной цветной экспозиции Photoshop Tutorial:

[youtube https://www.youtube.com/watch?v=TcG6OeYtens?rel=0]

Эффект двойной цветной экспозиции Affinity Photo Tutorial:

[youtube https://www. youtube.com/watch?v=ElnAHqB3J7w?rel=0]

Яркие, яркие цвета и флуоресцентные эффекты Duotone

Опять же, цель здесь — действительно выделиться. Эта тенденция использует яркие, насыщенные и флуоресцентные цвета в большом количестве в дизайне.

New Deal Design следует тренду дизайна с флуоресцентным дуотоновым эффектом.

от AfriSam 2018 Corporate Stationery с использованием тенденции дизайна веб-сайта.

Используя эту тенденцию дизайна веб-сайтов, веб-сайт дизайнерского агентства ELJE Group использует яркие, насыщенные цвета.

Hackernoon использует яркие флуоресцентные насыщенные цвета, чтобы выделиться.

Здесь нужно быть смелым (когда это уместно) и рисковать с яркими, насыщенными цветами, будь то веб-сайт, обложка альбома или постер.

Маскирование фотографий, вырезы, абстракционизм, кубизм

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

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

Цифровая вариация кубизма, абстрактного искусства и «аппликаций» сегодня представляет собой тенденцию дизайна фотомаскировки, используемую многими дизайнерами для привлечения внимания.

Некоторые из этих визуальных эффектов наслоения напоминают знаменитые вырезки из бумаги Матисса.

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

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

Тем не менее, вот несколько лучших руководств по Photoshop о том, как создать модный тренд в дизайне — эффект маскировки фотографий:

Как создать постер с текстовым эффектом Photoshop Tutorial:

[youtube https://www.youtube.com/watch?v=fj_iwNgv8aQ?rel=0]

Как создать буквенный портрет: учебник по Photoshop:

[youtube https://www.youtube.com/watch?v=-EoGlRhVy30?rel=0]

Вот еще одно интересное руководство по Photoshop с использованием фотомаскирования для создания этого изображения:

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