Программа, которую мы используем, Adobe Photoshop. Изображение, которые будут использованы в уроке, можно скачать на сайте www.123RF.com.

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

Исходные материалы:

Модель
Текстура
Набор векторных гранжевых элементов
Звёздное небо
Туманность
Туманность Ориона
Облака

ШАГ 1. Вначале, откройте изображение Модели (code: 8802685) в программе Adobe Photoshop. Выделите изображение девушки, скопируйте / вклейте выделенное изображение девушки на новый слой. Вы можете использовать Канал маску (Channel Masking) для удаления заднего фона.

Примечание переводчика: для работы с канал масками, необходимо активировать закладку Каналы (Channels) в палитре слоёв.

ШАГ 2. Вы можете использовать белый цвет в качестве заднего фона, после того, как отделите девушку от оригинального заднего фона. Далее, удалите цветовые оттенки, преобразовав их в Градацию серого (Grayscale). Или можно просто обесцветить изображение девушки, идём Изображение – Коррекция – Обесцветить (Image > Mode > Desaturate).

Примечание переводчика: для удаления цветовых оттенков, идём Изображение – Режим – Градация серого (Image > Mode > Grayscale).

ШАГ 3. Далее, украсим образ девушки линиями. Установите жёсткую кисть, диаметр кисти — 8pt, далее, с помощью инструмента Перо (Pen Tool), нарисуйте изогнутый контур в области волос рядом с лобной частью девушки. Затем, щёлкните правой кнопкой мыши по контуру и в появившемся  меню, выберите опцию Выполнить обводку контура (Stroke Path), далее в появившемся окне поставьте галочку в окошке Имитировать нажим (Simulate Pressure).

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

ШАГ 5. Как только вы закончили украшать волосы линиями, вы можете продолжить создание линий лица.

ШАГ 6. От лица, перейдите к телу девушки. Добавьте линий по краю линии женской руки, кисти и пальцев.

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

ШАГ 8. Повторите предыдущий шаг для создания ресниц на левом глазу девушки.

ШАГ 9. Далее, откройте изображение с Текстурой песчаника (code: 5198432). Поверните холст по часовой стрелке на 90 градусов cw и преобразуйте текстуру в Градацию серого (Grayscale).

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

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

ШАГ 11. Далее, поменяйте режим наложения для текстуры с песчаником на Разницу (Difference).

ШАГ 12. Продублируйте слой с текстурой песчаника, расположив дубликат изображения поверх женского лица. Вы можете воспользоваться инструментом Деформация (Warp Tool) для направления потоков текстуры песка.

ШАГ 13. Поменяйте режим наложения для этого слоя на Разницу (Difference) и удалите нежелательные участки текстуры песка, расположенные за пределами лица. Далее, мы добавим ещё одну текстуру с песком в налобной области.

ШАГ 14. Поместите ещё одну копию с текстурой песчаника налобную область девушки. Переверните или поверните изображение с текстурой, пока вы не получите те же самые потоки песка, как показано на скрнишоте ниже. Поменяйте режим наложения для этого слоя на Жёсткий свет (Hard Light), непрозрачность слоя уменьшите до 50-60% и удалите лишние участки изображения песчаника вокруг женской головы.

ШАГ 15. Далее, давайте добавим ещё больше деталей к изображению. Откройте Набор Векторных гранжевых элементов (code: 8060246).

ШАГ 16. Вставьте одно из изображений брызг из набора с векторными элементами и в конце стекающую каплю. Расположите одно из изображений брызг в верхней левой части над кистью руки, рядом с волосами.

ШАГ 17. Продолжайте ещё вставлять брызги с длинными подтёками по всей высоте изображения. Вы можете расположить брызги вокруг женской кисти, руки и шеи.

ШАГ 18. Чувствуйте себя свободнее, не стесняйтесь добавлять больше брызг на изображение, где бы Вы сами хотели. Вы можете использовать черный и белый цвет для этих целей.

ШАГ 19. Далее, откройте изображение со Звёздным небом и Туманностью (code: 7275545 и 7267479).

ШАГ 20. Расположите звёзды и туманность (code: 7267479) вокруг верхней части волос девушки. Поменяйте режим наложения для этих слоёв на Замену Светлым (Lighten).

 ШАГ 21. Расположите ещё одно изображение со звёздами и туманностью (code: 7275545) в нижней части женских волос. Поменяйте режим наложения для этого слоя на Замену Светлым (Lighten).

ШАГ 22. Повторите предыдущий шаг с тем же самым изображением звёзд и туманностью. Переверните изображение и поменяйте режим наложения для этого слоя на Осветление (Screen).

ШАГ 23. Теперь, давайте настроим общий цвет изображения. Вы можете применить корректирующий слой Выборочная  коррекция цвета (Selective Color) и поменять цветовые оттенки Чёрный, Нейтральный и Белый (Black, Neutral and White). Например, вы можете применить следующие настройки, для Чёрного (Black): Жёлтый (Yellow): -45, Чёрный (Black): +25, для Белого (White): Чёрный (Black): -100 и для Нейтрального (Neutral): Чёрный (Black): -21. Проявите креативность, настройте цветовые оттенки на своё усмотрение.

ШАГ 24. Вы можете изменить оттенки белого на нежно- кремово-жёлтые оттенки. Вы можете применить корректирующий слой Микширование каналов (Channel Mixer) и поменять настройки Синего Канала (Blue Channel) Константа (Constant: -6).

Примечание: Шаги 23 и 24 не являются обязательными. Не стесняйтесь, дайте волю своему воображению, настройте оттенки на свою палитру цветов.

ШАГ 25. Далее, создайте форму окружности. Залейте любым цветом на свой вкус и поменяйте режим наложения для этого слоя на Осветление Основы (Color Dodge), уменьшите непрозрачность слоя до 40-50%.

ШАГ 26. Добавьте больше деталей, путём добавления дополнительных окружностей и для каждой окружности поменяйте режимы наложения, например, на Осветление Основы (Color Dodge), Осветление (Screen)), Замена светлым (Lighten) или Жёсткий Свет (Hard Light).

ШАГ 27. Откройте изображение Туманность Ориона (code: 8915041), расположите данное изображение поверх всех слоёв в нашей палитре слоёв. Поменяйте режим наложения для этого слоя на Разницу (Difference), непрозрачность слоя 50-60%.

ШАГ 28. Далее, давайте добавим задний фон к нашему изображению. Откройте изображение с Облаками (code: 10341148). Расположите данный слой ниже всех слоёв.

ШАГ 29. Уменьшите непрозрачность слоя с облаками до 25%.

ШАГ 30. В заключение, примените мягкую кисть с настройкой Рассеивание (Scattering), примените кисть по всему изображению с девушкой. Просто идём в меню Окно (Window) и выбираем опцию Кисти (Brushes). В настройках кисти, выбираем опцию Рассеивание (Scattering) и настройте кисть на своё усмотрение. Для получения более лучшего результата, вы можете применить эффект Внешнее свечение (Outer Glow).

Итак, мы закончили урок

На скриншоте ниже, женский портрет ДО и После:-

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

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

Автор: clair123rf
Переводчик: Садыгалиев Марат

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

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

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

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

Зачем фрилансеру хорошая дипломатическая закалка?

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

* Пытаясь заполучить нового клиента или проект,
* Оговаривая объём решаемой задачи,
* Убеждая клиента в высоком качестве выполненной вами работы,
* Отодвигая срок сдачи проекта,
* Предоставляя клиенту символическую скидку в обмен на рекомендации или соглашение о парнёрстве,
* Обсуждая условия контракта и стоимость проекта,
* Истребуя оплату сразу и в соответствии с соглашением.

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

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

Договаривайтесь на взаимовыгодной основе

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

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

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

Как готовиться к переговорам

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

Искусство дипломатии

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

Намечайте себе цели

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

Держитесь корректно

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

Выполняйте домашние задания

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

Будьте настойчивы

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

Будьте внимательны

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

Письменно закрепляйте взаимные обязательства сторон

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

Знайте себе цену

Как я понимаю новичков! И знаю, что фрилансеры порой соблазняются любыми предложениями, лишь бы не упустить свой шанс; в начале карьеры шансы ценятся на вес золота. Я сам через это прошёл, поэтому советую: поклянитесь себе не быть чьей-то лёгкой добычей, что бы ни случилось. Заранее готовьтесь к переговорам, особенно, с потенциальными клиентами, чья репутация по части справедливости оплаты сильно подмочена.

Держитесь уверенно, но в меру

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

Детали, подлежащие обсуждению

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

Произведите кое-какие вычисления и держите эти цифры в уме:

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

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

1. Не берите на себя роль ведущего. Тот самый случай, когда инициативу лучше уступить другим. Помалкивайте, и вам предоставится возможность выбора, а значит, и преимущество.
2. Надеюсь, вы усвоили домашнее задание. Не расслабляйтесь, старайтесь раскусить замысел партнёра по переговорам, понять, чего он добивается и что для него главное. Стоимость может быть для него не основной заботой. Как знать!
3. Старайтесь охватить всю картину, не позволяйте строке «Итого» заслонять вам обзор. Годится ли этот клиент для долгосрочного делового сотрудничества? Может, вам стоит для начала предложить ему скидку? Символическая скидка, скажем, в 5 % может сдвинуть дело с мёртвой точки.
4. Плохо, если вы не знаете себе цены, но ещё хуже, если вы скрываете её от клиента. Опишите ему в общих словах уровень вашей компетенции. Продемонстрируйте предыдущие работы, заслужившие горячее одобрение.
5. С учётом всех перечисленных нюансов определите для себя ставку, которую будете назначать. Не берите цифры с потолка. Смету нужно уметь составлять. Разбейте её постатейно, чтобы клиент видел, за что именно ему придётся платить на каждом этапе реализации проекта.
6. Возможно, вы сумеете заключить сделку, не снижая ставку. Если же клиент, вопреки всем вашим ухищрениям, настаивает на этом, уступайте; взамен продляйте срок реализации проекта. Время — деньги, как известно.
7. Клиент всегда прав. Ни в коем случае не обижайте его. Не относитесь к переговорам как к состязанию; всё время улыбайтесь. Будьте неизменно учтивы и вежливы, ваши открытость и хорошие манеры могут стать одним из решающих факторов.

Заключение

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

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

Составляйте списки

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

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

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

Приводите примеры

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

При наличии у вас портфолио с образцами работ вы можете поискать среди них примеры реализации подобных решений в плане функциональности и предъявить их. Если же его нет, то постарайтесь удержать в памяти адреса нескольких веб-сайтов, на которые можно при необходимости сослаться. Заказчики добавят собственные ЦУ, и вы сможете более основательно работать над каждым этапом. А когда вам не удаётся найти подходящий пример, попробуйте «выгуглить» его ради достижения наилучших результатов.

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

Держите клиентов в курсе

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

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

Отдавайте предпочтение новинкам

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

Например, ваш клиент никогда не сталкивался с WordPress, но это не значит, что его веб-сайт не выиграл бы от начинки в виде CMS. Ведь это — решение одной из основных проблем, поскольку с помощью функций WP гораздо легче редактировать содержимое страниц и осуществлять администрирование ресурса. Если же ваш заказчик упрямо настаивает на вёрстке сайта исключительно средствами HTML, то ваша задача явно усложняется.

В построении не столь масштабных объектов вам вполне пригодятся и другие способы кодировки. Поищите на сайтах, подобных Github, — там полно PHP-, Ruby-, Python-, jQuery- и SQL-скриптов. Задействуя возможности этих новейших в плане кодировки библиотек, вы бы многократно ускорили процесс разработки. Кроме того, для вас была бы снята проблема сбойности скриптов, поскольку их авторы, в большинстве своём, относятся к работе с благоговейным радением.

Оговаривайте объём ваших услуг заранее

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

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

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

Заключение

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

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

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

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

Правда ли, что лучшие дизайны создаются для самих дизайн-агентств? Или лучшие образцы их работы достаются, всё же, заказчикам?

Судите сами — перед вами подборка из 48 дизайнов веб-сайтов, представляющих в сети дизайн-агентства. Какие нравятся вам больше всего? И какие вам не нравятся? Вам выпала возможность довести до сведения дизайнеров ваши мнения об дизайнах их собственных страниц.Кроме того, обратите внимание на активное использование жирных шрифтов, которыми данная подборка явно изобилует, — кажется, их подвергли некой особой обработке… а может, дело просто в том, что… ну, да, — мне лично они очень нравятся!Цветовые схемы поражают своим разнообразием… одни — яркие, другие — приглушённые, третьи — монохромные, четвёртые — более насыщенные красками. А вы бы выделили здесь какие-то ещё отчётливо заметные модные тенденции?

01. Birch Studio

02. Rich Brown

03. Robinizer

04. Nordkapp

05. Kitchen Sink Studios

06. Mashdesign.com

07. Knoed

08. StruckAxiom

09. Made By Fudge

10. Uber-london

11. Wieden & Kennedy

12. RGA

13. Studio Breakfast

14. Mooze Design

15. Toy NY

16. Hinterland Studio

17. F7th

18. Visualbox

19. Design Embraced

20. Full Stop Interactive

21. Mcfarlane Change Management

22. Mccormack Morrison

23. Comunicacion

24. Sid Lee

25. Tap Tap Design

26. Vidale Gloesener

27. Arbol

28. 160over90

29. Brandberry | brandconsultancy + design

30. Pushhere

31. Privaatdisain

32. Thirteen23

33. Fullcreative

34. Truf Creative

35. Bigbossstudio

36. Twofold

37. The Creative Department

38. Rogge und Pott

39. Mediaboom

40. Agencynet

41. Goodcorps

42. Ultranoir

43. Werkstatt

44. The seen

45. This is actual size

46. Raffaelstueken

47. Project365

48. Cabedge

В заглавие статьи я вынес фразу «Доходчивость формулировок для привлечения престижной клиентуры». Что за этим кроется?

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

Какую цель вы должны себе ставить? Суметь привлечь хорошего клиента.

Как этой цели достичь? С нашей помощью, начав с азов — с ярких формулировок.

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

Немного теории: что такое техзадание

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

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

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

О чём спрашивать

Наличие техзадания позволяет вам получить сведения, необходимые для разработки проекта. Без них вам не обойтись, так что, добывать их, всё равно, придётся. Так или иначе.

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

А вам не кажется, что лучше составить список хорошо продуманных вопросов и получать на них внятные ответы?

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

Чем полнее информация, тем вероятнее успех решения вами поставленной задачи.

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

ЧАСТЬ 1: Общие сведения

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

Название, сфера деятельности, координаты компании

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

В чём состоит концепция деятельности вашей компании?

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

В чём заключается долгосрочная стратегия компании?

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

Какие характеристики подошли бы для описания деятельности вашей фирмы?

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

Есть ли поучительные моменты в вашем прошлом — как хорошие, так и плохие?

Вопрос, проливающий свет на имидж компании.

Кто ваши основные конкуренты?

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

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

Есть ли у вас уже свои фирменные цвета, корпоративный веб-сайт или другие информационные ресурсы?

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

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

ЧАСТЬ 2: Указания по реализации проекта

В чём предназначение данного проекта?

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

Кто является потребителем вашей продукции?

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

Разработку каких элементов оформления предполагает ваш проект?

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

Обозначьте технические условия, которым должен отвечать конечный продукт (если вы их знаете)

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

Каким вы видите эмоциональный посыл и настроение вашего ресурса?

Клиент должен постараться словесно выразить то, что он стремится внушить своей аудитории — настроение, мысли, образы.

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

На отказе от использования каких элементов вы категорически настаиваете?

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

Каким вам видится конечный продукт?

Какое место отводится данному проекту в его бизнес-плане? Насколько он значим? На достижение каких целей он рассчитан?

Каков бюджет проекта?

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

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

Каков срок реализации проекта?

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

Учитывайте следующие аспекты работы:

* Консультативный (исследование рынка, выбор методики, разработка ТЗ)
* Творческий (разработка концепции и эскиза)
* Производственный (выполнение оформительских работ, печать и прочее)
* Приёмка изделия заказчиком

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

Экономия времени

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

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

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

Разные опросники на каждый случай

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

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

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

Веб-дизайнера волнуют специфические вопросы соответствия его продукции техническим параметрам (объёму траффика, пропускной способности, условиям хостинга и т. д.), требованиям к графической части (по количеству страниц, по частоте обновления контента, по наличию функции рассылки бюллетеней) и стандартам практичности.

Скользкий вопрос о размере бюджета

Один из наиболее сложных и спорных вопросов среди приведённых выше — вопрос о бюджете проекта.

В комментарии к нашумевшей публикации Дейвида Эйри (David Airey) «Как составлять техзадание на разработку дизайн-проекта?» («How do you write a design brief?») мы читаем:

Другой коллега-дизайнер пишет:

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

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

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

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

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

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

Итак: чем лучше ваше ТЗ, тем лучше ваша разработка

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

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

Источник: www.coolwebmasters.com

Любой из вас может почерпнуть в нашем впечатляющем обзоре полезные идеи для проведения полноценной рекламной кампании средствами всех разновидностей печати, особенности нанесения которой на различные объекты — эмблемы, визитки, фирменные бланки с наглядной графикой, обложки компакт-дисков, брошюры, сувенирные кружки, 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
Ссылка на источник