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

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

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

01

02

03

04

05

06

07.

08

09

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

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

Дизайнеру веб-сайтов для успешной работы нужно быть в курсе последних веяний в веб-дизайне. Тенденции и приёмы дизайна всё время меняются, а веб-дизайнеры обожают экспериментировать, придумывать различные ухищрения и новшества для привлечения посетителей. 2011-й выдался на редкость плодотворным годом для веб-дизайнеров; мы заметили много нового и в самом веб-дизайне. Мобильные ресурсы стали вполне обычным явлением; веб-типографика вышла на новый уровень; новые приёмы программирования открыли перед нами огромные возможности в плане поиска творческих дизайнерских решений. В целом, этот год пролетел стремительно, даже по меркам веб-пространства. Однако, предсказать, куда повернёт веб-дизайн в своём развитии, теперь будет непросто.

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

1. CSS3 + HTML 5

Одной из самых неожиданных тенденций последних месяцев стало расширение использования CSS3 и HTML5. Большинство веб-дизайнеров отказываются от Flash в пользу HTML5. HTML5 подавали как средство снижения нагрузки на Flash, но HTML5 не заменит Flash при конструировании нестандартных элементов эскиза. HTML5 сейчас применяется с Firefox 3.5 и более поздними версиями, Chrome, Safari, Opera и Internet Explorer 8. Предназначение этого языка программирования состоит в обеспечении большей гибкости возможностей разработчиков и связного единства данных/изображений/видео/аудио, а значит, и в ускорении процесса построения эскизов.

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

Ниже приведены несколько примеров:

jetcooper

sundaybestdesigns

chirp.twitter

2. Простые цветовые схемы

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

Наиболее показательные примеры отличных веб-дизайнов на базе цветовых схем, составленных различными оттенками основных цветов, например, зелёного и красного.

WideView

Motionoto

3. Совместимость с мобильными устройствами

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

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

Google

G-Shock

Dolce & Gabbana

4. Смещённая прокрутка — Parallax Scrolling или эффект Parallax

В 2012 году эффекты объёмности и глубины станут более обиходными, а веб-дизайнеры будут стараться усилить ощущение пространственности в эскизах их веб-сайтов, и это самая перспективная тенденция веб-дизайна-2012. Пока она лишь просматривается в приёме смещённой прокрутки. Эффект смещения плоскостей или смещённая прокрутка задаётся веб-дизайнером путём расслоения изображений переднего и заднего плана, движущихся с разной скоростью, за счёт чего и достигается ощущение перспективы/зрелищная и оригинальная иллюзия трёхмерности пространства. Она создаётся с помощью нехитрых CSS-уловок, дополнительных модулей jQuery, средствами HTML5, javascript и даже Flash.

Egopop Creative Studio

Head2Heart

Webdesign Karlsruhe

5. Эскизы веб-сайтов, пригодных для просмотра на сенсорных экранах

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

Interexpresso

6. Типографика

Стилизованными шрифтами давно никого не удивишь, и сегодня дизайнеры используют их для придания оригинальности их дизайнам. В прежние времена типографике не уделялось должного внимания из-за сложности её адаптации. Сегодня веб-дизайнеры могут встраивать собственные шрифты в структуру веб-сайтов с помощью таких инструментов, как WhatTheFont, CSS Typeset и Typetester, значительно расширивших их творческие возможности. Жирный штрих, завитушки на буквах и нестандартно крупные размеры шрифтов для привлечения внимания пользователей становятся обычным делом. Ищите решения более дерзкие, забавные и необычные.

Forefathers

Carsonified

7. Крупные изображения и фото-фон

Крупные изображения в веб-дизайне не новы; но более широкие экраны теперь позволяют увеличить и окна для их просмотра. В 2012 году ещё больше сайтов займут это пространство роскошными крупномасштабными изображениями. В высоком разрешении и во весь сайт. Крупные снимки сразу же приковывают к себе внимание аудитории.

Cpeople

Miraclestudios

8. Текстурный фон

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

Cake Sweet Cake

Alpine Meadows

Organic Supermarket

9. Одностраничные сайты

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

Ryanscherf

Imagemechanics

10. Возможность пересылки страницы по социальным сетям

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

yast.com

Заключение

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

В этом уроке, я покажу вам, как создать красивые абстрактные обои с помощью нескольких стоковых изображений и как создать свои собственные элементы с помощью инструмента Лассо (Lasso Tool). Я также покажу вам процесс «пост редактирования», в котором вы сможете улучшить свою конечную работу и придать ей окончательный штрих. Надеюсь, вам понравится этот урок.

Исходные материалы:
Модель
Текстуры Неба
Фракталы
Колибри

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

ШАГ 1. Откройте программу Photoshop и создайте новый документ размерами 2000px в ширину и 1872px в высоту. Откройте изображение девушки- модели и переместите на наш документ. Далее, с помощью инструмента Перо (Pen Tool (P) выделите девушку, а затем создайте слой-маску к слою с девушкой, чтобы отделить её от фона. Это не окончательный размер изображения девушки, просто я хочу иметь достаточно пространства для кадрирования, если я захочу позже.

ШАГ 2. Выберите инструмент Градиент (Gradient Tool) и нарисуйте Радиальный Градиент (Radial Gradient) установите цветовые оттенки: #091615 для внешнего края и #2b4b47 для центра.

ШАГ 3. Добавьте текстуру на задний план. Я использовал текстуру неба, но вы можете использовать любую гранжевую текстуру, которая вам понравится.  Я использовал две текстуры неба, которые я преобразовал в Чёрно-белые (Black and White) изображения, потому что я не хотел, чтобы краски текстур неба не испортили цвет заднего плана. Для одной из текстур, я использовал режим наложения Осветление Основы (Color Dodge), а для второй текстуры я применил Перекрытие (Overlay). См. скриншот ниже для подробной информации.

ШАГ 4. Начнём добавлять первые детали. Первое, что я добавил, это абстрактные частицы из Набора Абстрактных Частиц. Я применил режим наложения Осветление Основы (Color Dodge) и продублировал слой несколько раз, чтобы увеличить видимость. Я думаю, режим наложения Перекрытие (Overlay) также хорошо подойдёт.

ШАГ 5. Для того чтобы лучше совместить девушку с задним планом и придать больше глубины, я использовал инструменты Осветлитель / Затемнитель (Dodge&Burn tools), чтобы затемнить правую сторону её тела и осветлить левую сторону.  Я также увеличил Насыщенность (Saturation) до +14. Если вы хотите узнать больше о функции Осветление / Затемнение (Dodge & Burn), для этого я написал отдельный урок. Вы можете просмотреть этот урок здесь.

ШАГ 6. Добавьте изображение фрактала и переместите на наш документ, расположите слой с изображением фрактала поверх слоёв с девушкой (или ниже, если хотите) и поменяйте режим наложения слоя с фракталами Осветление Основы (Color Dodge). Создайте слой- маску к этому слою и мягкой кистью скройте часть изображения, как на скриншоте ниже. Вы можете также поменять Цветовой тон (Hue), если вы захотите получить различные цветовые оттенки.

Далее, вы можете добавить птичку колибри. Я использовал Цветовой Тон / Насыщенность (Hue/Saturation), для того чтобы поменять цвета на более интересные оттенки и добавил внешнего свечения за счёт режима наложения Осветление Основы (Color Dodge).

ШАГ 7. Детали текстуры были нарисованы с помощью жёсткой кисти диаметром примерно 2px, цвет кисти белый. Нарисуйте несколько прямых линий с помощью кисти, как показано на скриншоте ниже.

Вы можете нарисовать идеально прямые линии, щёлкнув мышкой и удерживая клавишу Shift, щёлкнуть по другой точке. Далее, я использовал кисть большего диаметра для создания окружностей, которые вы можете увидеть на стыках линий. Я использовал режим наложения Перекрытие (Overlay) или Мягкий Свет (Softlight).

ШАГ 8. Круги, которые вы видите на скриншоте ниже, были сделаны с помощью инструмента Овальная область (Elliptical Marquee tool) и инструмента Градиент (Gradient), который был установлен от Белого к Прозрачному (White to Transparent) и далее, я поменял режим наложения на Перекрытие (Overlay).

ШАГ 9. Я также захотел добавить несколько абстрактных лучей и я решил применить технику, о которой я узнал очень давно из Интернета. Я создал квадратное выделение, которое я залил чёрным цветом, а затем к выделению применил фильтр Фильтр – Рендеринг -Блик (Filter>Render>Lens Flare) и добавил блик по середине.

Далее, я поменял режим наложения на Осветление Основы или Перекрытие (Color Dodge (or Screen), а затем применил искажение с помощью Фильтр – Искажение – Искривление (Filter>Distort>Shear). Вы можете также применить Полярные координаты (Polar Coordinates) или Волны (Waves), чтобы получить различные формы искажения. С помощью Цветовой Тон / Насыщенность (Hue/Saturation) поменяйте цвет лучей.

Примечание переводчика: При создании квадратного выделения, не забудьте создать новый слой. При применении фильтра Рендеринг – Блик, тип объектива установите на 105 мм., а затем для искривления примените Полярные координаты и вы получите тот же результат как у автора.

ШАГ 10. Я захотел увеличить яркость рядом с центром изображения, поэтому я добавил несколько цветовых эффектов с помощью инструмента Кисть (Brush Tool). Выберите большую мягкую кисть, установите тёмно-зелёный оттенок и на новом слое под слоем с девушкой нарисуйте пару штрихов, см. скриншот ниже. Далее, поменяйте режим наложения на Осветление Основы (Color Dodge).

Далее, создайте новый слой поверх девушки, поменяйте режим наложения на Осветление Основы (Color Dodge) и примените ту же технику, чтобы создать дополнительные световые эффекты. Если они получились слишком светлые, то используйте более тёмные цветовые оттенки.

ШАГ 11. Сейчас, я покажу вам как я создал эти цветные фигуры. Выберите инструмент Прямолинейное Лассо (Polygonal Lasso Tool (L) и нарисуйте фигуру в виде треугольника или квадрата и залейте их белым цветом. Далее, откройте стили слоя и примените Наложение Градиента (Gradient Overlay). Я также применил Тиснение (Bevel&Emboss) для некоторых фигур, чтобы создать световой эффект вокруг краёв и придать фигурам иллюзию 3D. В настройках я применил 0px для размера Тиснения (Bevel).

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

ШАГ 12. Создайте больше глубины резкости с помощью нескольких более мелких фигур на заднем плане (заливайте их только сплошным цветом, а не градиентом) и примените к ним немного размытия, таким образом, они будут выглядеть немного на удалении от девушки.

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

ШАГ 13. Если вы дошли до этого шага, можно считать, что вы закончили урок. А сейчас, я покажу вам, как придать вашей работе последний штрих, чтобы связать всё и сделать изображение ещё лучше.

Создайте корректирующий слой Карта Градиента (Gradient Map) поверх всех слоёв. Выберите по умолчанию градиент Синий, Красный, Жёлтый (Blue,Red,Yellow). Для этого слой установите Непрозрачность (Opacity) на 12-15% и поменяйте режим наложения на Цветность (Color). Обратите внимание, как классно стала сейчас выглядеть изображение.

Последнее, что применяю ко всем своим работам – это применение фильтра Эффекты Освещения (Lighting Effects). Все изображения выглядят намного лучше за счёт этого фильтра. Выделите самый верхний слой в палитре слоёв (просто щёлкните по самому верхнему слою) и нажмите клавиши Shift+Ctrl+Alt+E, чтобы создать штамп видимых слоёв. Преобразуйте этот слой в Смарт-Объект (Smart Object (по желанию) и идём Фильтр – Рендеринг – Эффекты Освещения (Filter>Render>Lighting Effects). Установите тип освещения Направленный свет (directional light), как на скриншоте ниже. После применения фильтра, сравните, какой из вариантов вам больше нравится.

Для добавления небольшого контраста, я добавил ещё один корректирующий слой Чёрно-белый (black and white) и для этого слоя установил режим наложения Мягкий свет (Softlight) и Непрозрачность (Opacity) 25%.

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

Итоговый результат

Автор: Andrei Oprinca
Ссылка на источник

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

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

Как обычно, вы узнаете много интересного и полезного в этом уроке. Если вы хотите перейти на следующий уровень мастерства и поднять уровень своих знаний, этот урок Photoshop отлично подходит для вас. Давайте приступим!

ШАГ 1. Создайте новый документ.
Давайте создадим новый документ с разрешением 300 DPI и размерами 4200px x 5100px. Мы используем изображение Космоса и Туманности:
Изображение Космоса и Туманностей

Примечание переводчика: 1. залейте задний фон чёрным цветом 2. Переместите изображение с туманностью на наш документ 3. Уменьшите размеры изображения с космосом по сравнению с задним фоном, плавный переход между краями изображения и задним фоном мы проведём в Шаге 3. 4. Продублируйте изображение и поверните продублированный слой.

ШАГ 2. Мы добавим больше осветления и придадим галактике захватывающее настроение. С помощью уровней Ctrl + L, выставив следующие значения (9 – 1,00 – 255), и поменяем режим наложения на Осветление (screen).

ШАГ 3. Чтобы совместить края изображения с задним фоном, выберите инструмент Кисть (brush) размерами 200 рх., примените к слою слой- маске, на которой мы будет работать кистью. Зайдите в закладку «Кисти». Установите значения для параметра Рассеивания (scattering) 121%, Управление (control) Отключить (off), Счётчик (count) – 1, Колебание счётчика (count jitter) – 1%.

Примечание переводчика: 1.В настройках кисти, поставьте галочку в параметрах Другая Динамика (Other Dynamics), Аэрограф (Aerograph), Сглаживание (Smoothing), настройки по умолчанию. 2. Закладку «Кисти» можно активировать через Меню – Окно – Кисти (Menu – Window- Brushes). 3. Слой-маску применяем к слою с космосом, который расположен поверх заднего фона.

ШАГ 4. Переходим на слой-маску и на слой-маске прокрашиваем чёрной кистью непрозрачностью 20% края изображения, чтобы совместить с нашим чёрным задним фоном.

ШАГ 5. Добавьте ещё 2 изображения с туманностями, расположив их поверх всех слоёв, и повторите последние 3 шага.

ШАГ 6. Далее, выделите все слои (Ctrl + A), скопируйте (Ctrl+Shift + C) и вклейте на новый слой поверх всех слоёв, Поменяйте режим наложения на Осветление (screen), примените к объединённому слою слой–маску, залейте слой-маску чёрным цветом.

ШАГ 7. С помощью 100px круглой кисти (этот размер кисти можно изменить, в зависимости от области, которую вы хотите показать) и непрозрачностью кисти 20% , начните прокрашивать и показывая световые эффекты, как показано на скришоте ниже.

ШАГ 8. Продублируйте слой, далее, удалите слой маску и установите режим наложения на Нормальный (normal). Идём Фильтр – Другие – Цветовой контраст (Filter – Other – High Pass), Радиус (Radius) 0,6. Поменяйте режим наложения на Перекрытие (overlay).

 ШАГ 9. Слой со цветовым контрастом мы сделаем более ярче, поэтому, выберите инструмент Осветление (Dodge tool), со следующими настройками Диапазон (Range) Света (highlights), экспозиция 12% и кисть размером 182px,  и примените осветление на некоторых участках (этот размер кисти можно изменить, в зависимости от области, которую вы хотите показать).

ШАГ 10. Идём в корректирующие слои и применим Цветовой тон / Насыщенность (Hue Saturation) для придания изображению дополнительных новых цветовых оттенков. Вы также можете применить кисть и слой- маски для получения дополнительных цветовых оттенков. Используйте цветовые оттенки, которые вам больше всего нравятся и поиграйте с различными корректирующими слоями.

Примечание переводчика: 1. чёрной кистью прокрашивайте участки на слой-маске корректирующего слоя, которые вы хотите проявить или показать 2. Создайте группу и поместите все слои, связанные с космосом и туманностями в созданную группу.

ШАГ 11. В этом шаге нам понадобится изображение девушки-авиатора . Вы можете купить изображение девушки- авиатора или использовать любое другое изображение, которые вы хотите.

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

Переместите девушку на наш документ и примените Трансформацию  — Отразить по горизонтали. 

ШАГ 12. Примените корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation (Ctrl + U) к изображению с девушкой и примените настройки, которые указаны на скриншоте ниже. Далее, идём Меню – Редактирование – Ослабить Цветовой тон / Насыщенность (Menu – Edit – Fade Hue/Saturation (Ctrl + Shift+F). Ещё раз примените корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation (Ctrl + U) и примените настройки, которые указаны на скриншоте ниже:.

Примечание переводчика: 1. Корректирующий слои создаём через Изображение – Коррекция – Цветовой тон / Насыщенность (Image – Correction — Hue/Saturation) 2. Когда применяем функцию ослабить, применяем следующие настройки: Режим наложения Мягкий Свет (Soft Light), Непрозрачность (Opacity) 60 %). После каждого применения корректирующего слоя, применяйте функцию Ослабить (fade).

ШАГ 13. Далее, идём Фильтр – Резкость – Контурная резкость (Filter > Sharpen > Unsharp mask). Когда появится меню, примените следующие значения:
Эффект (Amount): 234%
Радиус (Radius): 2.0 px.
Порог (Threshold): 15 уровней (level)

ШАГ 14. Продублируйте слой с девушкой и примените фильтр Цветовой контраст (High Pass) и повторите ту же технику, которая описана в Шаге 8.

Примечание переводчика: 1.Продублированный слой, автор использует в качестве обтравочной маски, для этого, встаньте на копию слоя с девушкой и удерживая клавишу Alt+наведите и щёлкните курсором мыши между слоем оригиналом девушки и слоем с копией. 2. Поиграйте с режимами наложения.

ШАГ 15. В этом шаге мы выделим линзы очков с помощью инструмент Перо (pen tool) и заполним их частью содержимого заднего фона, чтобы создать отражение на очках. Будьте аккуратны при выборе участков с космическими вспышками, яркость отражения можно достигнуть инструментом Градиент (gradient tool).

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

ШАГ 16. Создайте новый корректирующий Цветовой тон / Насыщенность (Hue/Saturation (Ctrl + U), примените к корректирующему слою слой-маску, далее залейте слой0 маску чёрным цветом и с помощью кисти проявите новые цветовые оттенки на участках, которые показан на скриншоте ниже для совмещения с задним фоном.

ШАГ 17. Добавьте несколько бликов в районе девушки с помощью кистей различного размера.

ШАГ 18. Далее, идём Изображение – Создать дубликат (Image – Duplicate) для того, чтобы работать только с изображением девушки. Удалите задний фон с космосом и туманностями, слейте все слои с девушкой (Ctrl+E), чтобы у нас остались только чёрный фон и девушка. Давайте создадим несколько фигур, которые мы вырежем. Для создания фигур, мы будем использовать инструмент Перо (pen tool).

Примечание переводчика: 1. при создании дубликата, назовите копию «Девушка».

ШАГ 19. Создайте фигуру с помощью инструмента Перо (Pen Tool), создайте выделение, скопируйте выделение на новый слой и залейте выделение чёрным цветом, чтобы фигура на руке была залита чёрным оттенком.

ШАГ 20. Далее, используя то же самое выделение для дублирования фигуры на руке Ctrl + J, расположите этот слой поверх всех слоёв и далее, идём Редактирование – Свободная Трансформация (Edit – Free Transform) и поворачиваем левый нижний угол вверх и смещаем фигуру руки немного вправо.

ШАГ 21. Ещё используем фигуру и повторим шаг с выделением, далее идём Выделение – Модификация – Сжать (Select – Modify – Contract) и примените настройки, как на скриншоте ниже. Мы создадим края для нашей фигуры-отверстия.

Примечание переводчика: 1. Удерживая клавишу Ctrl + щёлкните по дублированному слою, чтобы сделать выделение активным 2. значение сжатия 15 3. скопируйте сжатое выделение на новый слой.

ШАГ 22. С помощью инструментов Осветлитель и Затемнитель (Dodge tool and Burn tool) создайте свето- тени на краях фигуры- отверстия и добавьте больше деталей в местах, где необходимо больше теней или света.

ШАГ 23. Нам необходимо добавить немного теней в нижней части фигуры на руке, чтобы совместить со всей картиной. См. скриншоты ниже.

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

ШАГ 24. Повторите Шаги с 19 по 22, чтобы создать больше отверстий в теле девушки.

ШАГ 25. Придайте больше глубины к изображению с девушкой. Создайте 4 корректирующих слоя с кривыми (2 для теней, 1 для света и 1 для цветового оттенка), повторите ту же технику со слой- масками и прокрашиванием кистью на слой- маске.

Примечание переводчика: 1.автор не указал, что он сгруппировал слои с девушкой и созданными фигурами и переместил всё на наш слой с космосом и туманностями.

ШАГ 26. С помощью кистей различного размера добавьте несколько бликов.

ШАГ 27. Воспользуемся этими изображениями, чтобы добавить искр. Поменяйте режим наложения на Осветление (screen) и с помощью инструментов выделения и трансформации сделайте каждую искру побольше.

ШАГ 28. Далее, мы добавим цветовые эффекты с помощью кистей различного диаметра и режимом наложения- Осветление (screen).

ШАГ 29. В этом шаге мы добавим несколько динамичных линий и градиенты. Выберите инструмент Прямоугольная область (rectangular marquee tool) и залейте выделение различными градиентами, как показано на скриншоте ниже.

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

ШАГ 30. Давайте добавим 3d фигуры, ссылка приводится ниже. Обратите внимание на свето- тени и используйте слой- маски, различные техники с корректирующими слоями кривые и кисти, которые вы уже узнали для совмещения 3d фигур с нашим изображением.
Скачайте 3d фигуры.

ШАГ 31. Для создания большей глубины резкости, давайте добавим побольше 3d фигуру на передний план нашей работы, с помощью инструмента Лассо (lasso tool) выделим нашу фигуру и далее идём Выделение – Модификация – Растушёвка (Select – Feather) – 30%, затем идём Фильтр – Размытие- Размытие в Движении (Filter – Blur – Motion Blur) – Угол (Angle) 79 – Дистанция (Distance) 10px. Это поможет нам создать чувство глубины резкости.

ШАГ 32. Далее, мы придадим цветовым оттенкам винтажный вид, примените кривые, как показано на скриншоте ниже.

Примечание переводчика: 1 кривые используются в качестве корректирующих слоёв.

ШАГ 33. В заключении, продублируйте наш документ и далее идём Фильтр – Стилизация – Свечение краёв (Filter- Stylize-Glowing edges). И примените настройки, как на скриншоте ниже. Поменяйте режим наложения на Мягкий свет (soft light) и уменьшите Непрозрачность (opacity) слоя до 45%, на этом ребята, мы закончили.

Примечание переводчика: 1 чтобы продублировать документ, создайте новый слой, далее, выделите все слои, нажмите Ctrl+A, скопируйте выделение Ctrl+Shift+C и вклейте на новый слой Ctrl+V. 2. Настройки фильтра свечения краёв автор не указал, поэтому вам придётся поиграть с настройками, я в своей работе использовал следующие настройки: Ширина краёв 1, Яркость краёв 3, Смягчение 1.

Итоговый результат

Автор: Alex Roman
Ссылка на источник

Stackoverflow Carsonified

Polargold

Pallian Creative

YISY

Tiptopland

Getfinch

Gummisig

Wordit

Household Design

Mohanbalaji

NATIONAL TELEVISION

Fabriziobalestri

Ryan Keiser

Wearecupcake

Trentwalton

Fajne Chlopaki

Elysiumburns

Project 365

24Ways

We Shoot Bottles

Benlind

Ivansignorile

Espiratecnologias

Fliprate

1md.de

01. Sand and Starfish

02. Vero Moda Blog

03. The Darling Starling

04. Lovely

05. Belvoir Blog

06. Le Blog de Betty

07. Boho Girl

08. Garance Dore

09. August Empress

10. Echo Enduring

11. Min Tran

12. Dawghouse Design Studio

13. Beavory

14. Premium Pixels

15. Epic Blog

16. Super Girl

17. Larissa Meek

18. Tinderbox

19. Leslee Mitchell

20. Critical Zero

21. Tim Smith

22. BBQ War

23. Another Face in the Crowd

24. Sara White

25. Wiehanne

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

01. The Hive Designs

02. Pixelslave

03. Joey Lomanto

04. Nemanjaivanovic

05. Digitalmash

06. Fredmaya

07. Moovents

08. Elliot Lepers

09. Cassius

10. Marco Rotoli

11. Paul Noble

12. Danielmarques

13. Toasted Digital

14. Cappen

15. Visual Republic

16. Pixillion

17. Kavoon

18. EPIC

19. Chris Thurman

20. Racket

21. Darjanpanic

22. Caramel Ink

23. Pointless Corp

24. Juan Diego Velasco

25. Hugo Rodrigues

26. Andrew Tebbott

27. Kathryn Cornelius

28. Kyle Kramer

29. Elegant Seagulls

30. Francesco Bertelli

«Они видят, CMYK и RGB, как Нео видит матрицу», «Они мечтают о дне, когда никто не внесёт ни единого изменения в их проект», «Они лучше заплатят за шрифт, чем за какой-то там подарок на День рождения» и другие 50 причин.

1. Они стрёмные.

2. Их миллиарды, как и цветов на экране вашего компьютера.

3. Они будут анализировать разговоры в слоях.

4. Вы проведёте день собирая мебель из ИКЕА.

5. Они пьют и едят всякое дерьмо, только потому что этого дерьма крутая упаковка.

6. Они ненавидят друг друга.

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

8. Они не могут поменять лампочку без эскиза.

9. Они изрежут нахрен все столешницы своими резаками.

10. Они скорее исследуют узор пейсли на ваших шмотках, чем станут слушать то, что вы хотите сказать.

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

12. Вы никогда не узнаете это оригинал или копия.

13. Они порежут ваши фотки на коллажи.

14. Они не знают, как складывать и вычитать, они просто понимают буквы.

15. Они боготворят людей, о которых вы никогда не слышали, и говорят о них словно они приятели.

16. Они фотографируют почти ежедневно, и все фотки со странными ракурсами.

17. Они спрашивают ваше мнение обо всём, но делают что хотят.

18. Все выравнивают по левому краю, правому или центру, пока не окажется, что уже поздно.

19. Они ненавидят Comic Sans с той же страстью, с какой они любят Helvetica.

20. Они используют iPhone везде и всегда, потому он может всё.

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

22. Они пиздят дорожные знаки.

23. Их руки всегда в какой-то краске.

24. Они покупают недоделанные куклы чтобы их раскрасить.

25. Все становится чем-то другим, чем на самом деле.

26. Когда будете ругаться, вам придумают кучу обидных прозвищ.

27. Не могут подобрать одежду не сверившись с картой Pantone.

28. Они ненавидят Excel.

29. Они читают комиксы.

30. Они хотят спасти мир, но только с помощью плаката.

31. Вы проведете не один день мозгового штурма.

32. На отпуск вы будете ездить в страны, о существовании которых вы не знаете и где нет пляжа.

33. Музеи их второй дом.

34. Они знают больше позиций, чем есть в Камасутре.

35. Они не могут сходить в ресторан не покритиковав хреново оформленное меню.

36. Они слушают музыку, которую вы никогда не слышали.

37. Они не могут готовить нормальные блюда, они всегда должны экспериментировать с новыми ингредиентами.

38. Они читали редкие книги: рассказы детей, семиотика…

39. Когда они собираются сказать вам что-то, все увидят это Вконтакте или Facebook.

40. У них появился Ipod до того как вы узнали о его существовании.

41. Самый запоминающийся оргазм они испытали когда услышали что Adobe выкупил Macromedia.

42. Их любимые магазины самые дорогие в городе.

43. Они тратят все свои деньги в Apple Store.

44. Вы никогда не поймете их подарки.

45. Они ржут когда видят обычные вещи.

46. Вы будете просыпаться по ночам потому, что скоро сдача проекта.

47. Они видят, CMYK и RGB, как Нео видит матрицу.

48. Они мечтают о дне, когда никто не внесёт ни единого изменения в их проект.

49. Они лучше заплатят за шрифт, чем за какой-то там подарок на День рождения.

50. Они всегда тормознутые потому что они работают 24 часа в сутки.

01. McDonald’s

02. Red Robin

03. Culvers

04. Baskin Robbins

05. Dairy Queen

06. Wendy’s

07. Arby’s

08. Jack in the Box

09. Taco Bell

10. Taco John’s

11. IN-N-OUT Burger

12. Rally’s Hamburgers

13. Qdoba Mexican Grill

14. KFC

15. Outback Steakhouse

16. Steak n’ Shake

17. Del Taco

18. Quizno’s

19. Burger King

20. Dunkin Donuts

21. Apple Bee’s

22. Pizza Hut

23. Domino’s

24. Starbucks

25. Chick-fil-A

26. White Castle