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

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

1. Откройте изображение в программе.

2. Сделайте дубликат слоя, горячие клавиши на клавиатуре — Ctrl+J.

3. Установите режим смешивания Перекрытие (Blend Mode — Overlay).

4. Используйте фильтр Оформление – Мозаика (Filter — Pixelate — Mosaic). Размер ячейки (Cell Size) установите на свое усмотрение. Возможно, вам понадобится посмотреть несколько вариантов, чтобы подобрать наиболее подходящий. У меня получилось так:

5. Далее используйте фильтр Усиление резкости – Резкость на краях (Filter — Sharpen — Sharpen Edges). При необходимости используйте фильтр несколько раз (Ctrl+F), это сделает границы более четкими. Я применил 5 раз.

6. Если желаете, смените режим наложения Перекрытие (Overlay) на тот, который вам больше нравится.

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

Получилось, как будто разукрашенный кафель в ванной комнате!))

Вот еще несколько примеров:

Успехов в творчестве!

Сложность: Средние

Категория: Фотообработка

Привет, Земля!

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

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

Должно получить вот так:

Приступ к созданию картины из фотографии:

1. Откройте фотографию в фотошопе, разблокируйте фоновый слой. Создайте новый слой (пока поместите его наверх), присвойте имя «Фон» и, используя инструмент Заливка (Paint Bucket Tool), сделайте его белым.

Затем примените к этому слою фильтр Текстуризатор: Фильтр – Текстура – Текстуризатор (Filter — Texture — Texturizer) с такими параметрами:

• Масштаб (Scaling) = 100 %
• Рельеф (Relief) = 4
• Свет (Light) = Вниз и влево (Bottom Left)

2. Перетащите нижний слой с фотографией на самый верх списка. Назовите его «Оригинал». Создайте дубликат этого слоя сочетанием клавиш Ctrl+J, присвойте полученной копии имя «Акварель».

Таким образом, в документе содержатся три слоя: «Акварель» (Акварель-эффект), «Оригинал» (оригинал изображения),»Фон» (бумага).

3. Скорректируйте насыщенность изображения. Для этого сделайте активным слой «Акварель», откройте окно управления насыщенностью (нажмите Ctrl+U или выполните команду Изображение – Корректировка – Цветовой тон/Насыщенность (Image — Adjustments — Hue-Saturation)).

Измените значение Насыщенности (Saturation) на -50 и нажмите ОК.

4. Сделайте активным слой «Акварель». Используйте на нем фильтр Перекрестные штрихи (Фильтры – Штрихи — Перекрестные штрихи/Filter — Brush Strokes — Crosshatch) со следующими настройками:

• Длина штриха (Stroke Lenght) = 3,
• Резкость (Sharpness) = 10,
• Интенсивность (Strength) = 1.

5. Чтобы добавить текстуру бумаги, выберите слой «Акварель» и вновь примените фильтр Текстуризатор с теми же параметрами:

• Масштабирование (Scaling) = 100 %
• Рельеф (Relief) = 4
• Свет (Light) = Внизу слева (Bottom Left)

6. Уменьшите прозрачность (Opacity) слоя «Акварель» до 80%.

7. Объедините слои «Акварель» и «Оригинал».

8. Используйте ластик (Eraser tool), чтобы удалить все лишние элементы рисунка. Здесь можно пофантазировать и, например, удалить часть фотографии по краям. Я же в своем примере уберу лишние зеленые элементы. Для эффекта плавности установите прозрачность ластика (Opacity) около 10%.

9. Сделайте дубликат получившейся картинки (для этого просто нажмите Ctrl+J) и назовите его «Картина». Измените прозрачность нового слоя (Opacity) на 80%. Затем измените режим наложения слоя «Акварель» на Яркость (Luminosity).

10. Объедините все слои. Для этого просто нажмите Shift+Ctrl+E. Теперь у вас есть собственная картина из фотографии!

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

Сложность: Легко

Категория: Эффекты

(Сообщить о нерабочей ссылке)

Привет, Земля!

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

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

Конечный результат должен выглядеть примерно так:

1. Первым делом вам нужно открыть понравившуюся фотографию в программе фотошоп. Можно сразу изменить ее исходный размер на размер, в котором будет выполнена готовая работа. Я выбрал это (любимый мультфильм детства ☺):

2. Для правильного достижения эффекта треугольного пиксельарта нужно, чтобы фотография была немного размытой. Чтобы это сделать, примените  фильтр Размытие при малой глубине резкости (Lens Blur). Значения смотрите по своей картинке, тут многое зависит от ее размера, главное сильно не размывайте ее, сделайте примерно такой:

3. Сделайте два дубля основного слоя.

4. Активируйте инструмент Трансформация (Transform Tool). Он находится в меню Редактирование – Трансформирование (Edit — Free Transform), также можно активировать его сочетанием клавиш Ctrl+T. Когда инструмент Трансформация активен, перед вами появится панель с настройками, измените значение Угол по горизонтали (Horizontal Skew) на 45 градусов.

Нажмите на картинку для увеличения

5. Перейдите в меню Фильтры – Оформление — Мозаика (Filter — Pixelate – Mosaic). Установите любой размер ячейки и нажмите OK. У меня на примере размер ячейки 15 квадратов.

 6. Теперь нам нужно трансформировать изображение в другую сторону. Для этого снова применим инструмент Трансформация (Transform Tool). Измените значение Угол по горизонтали (Horizontal Skew) на -45 градусов (!! минус сорок пять !!):

Нажмите на картинку для увеличения

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

8. Вновь активируем инструмент Трансформация (Transform Tool), изменив значение Угол по горизонтали (Horizontal Skew) на - 45 градусов (минут сорок пять). 

9. Применим фильтр Мозаика  к среднему слою. Для этого можно просто использовать комбинацию клавиш Ctrl+F: фотошоп автоматически применит последний используемый фильтр.

10. Используйте инструмент Свободная Трансформация (Free Transform tool), чтобы вернуть изображению оригинальную форму. Для этого установите значение Угол по горизонтали (Horizontal Skew) равным 45º.

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

На данном этапе наше изображение должно выглядеть так:

[stextbox id="info"]Примечание. В некоторых случаях с правой и левой стороны изображения могут остаться места, где будет видна исходная картинка (самый нижний слой). Чтобы избавиться от этого недостатка, создайте еще один слой так, чтобы он располагался над основным и ниже двух трансформированных, залейте его самым темным цветом с картинки, который можно взять при помощи инструмента Пипетка (Eyedropper). [/stextbox]

12. Если вы хотите использовать получившееся изображение в качестве картинки для фона, примените к нему эффект винтажного фильма. Например, использовать Эффект Vesper из набора «экшенов» Instagram Video Photoshop actions, скачать который вы можете по ссылке выше.

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

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

Шаг 1. Открываем фотографию.

Шаг 2. Далее нужно разблокировать фоновый слой (если на миниатюре слоя имеется маленькая иконка замочка), для этого дважды щелкните по фоновому слою. На панели Слои  два раза щелкаем на замочек. Затем кнопка ОК в появившемся диалоговом окне.

Шаг 3. Выбираем инструмент Прямоугольная область.

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

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

Шаг 6. Снимите выделение командой Выделение –> Отменить или просто нажав комбинацию Ctr+D.

Шаг 7. Пришло время деформации: Редактирование -> Трансформирование -> Деформация. В результате на изображение будет наложена сетка.

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

Шаг 9. Осталось добавить тень для больше реалистичности. Перейдите в Стили слоя (дважды щелкнув по слою). В закладке Тень выставите следующие настройки:

Шаг 10. Получился вот такой загнутый уголок:

Во время трансформации меняется вид фотографии, что делать?

Говоря врачебным языком, при деформации возможны побочные эффекты — искажения предметов и лиц на фотографии. Все дело в самом инструменте. Когда мы тянем за уголок, мы, как одеяло, тянем за собой и все изображение.

В этой ситуации идеального 100% качества не добиться, но можно сделать эти искажения менее заметными. Для этого надо постараться, чтобы во время трансформации линии сетки были прямыми. Посмотрите на этот пример:

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

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

Вернемся к работе со слоями. Речь пойдет о диалоговом окне  Стиль слоя и тех эффектах и их настройках, которые предлагает это окно.

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

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

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

[stextbox id="info"]Примечание: Если слой заблокирован (рядом с миниатюрой находится замочек), то при двойном клике появится окно Новый слой, где нажав ОК, вы снимите блокировку и преобразуете его в полноценный слой. Еще раз сделайте двойной клик для открытия стилей.[/stextbox]

Условно, окно можно разделить на три части:

1. слева столбик — стили слоя и готовые специальные эффекты фотошопа;
2. в середине — параметры и настройки, выбранных эффектов;
3. справа узкий столбик — стандартные кнопки и миниатюра просмотра изменений, которая показывает как будет меняться слой при выборе тех или иных настроек.

Стили

Это самая первая строчка первого столбца. Нажав на нее, увидите стандартный набор стилей, примерно, вот такой:

Что такое стили слоя? Их история началась давно и созданы они были только для веб. Когда в интернете становилось все больше и больше сайтов, каждый вебмастер пытался сделать свой сайт красивым. Это сейчас интернет перенасыщен миллионами способов как это можно сделать, а тогда наличие такой кнопки было предметом гордости:

Именно поэтому фотошоп в себя включил такого рода графику. Но в те времена, в области веб-графики, балом правила Macromedia Fireworks. Чтобы избавиться от конкуренции, компания Adobe просто купила Macromedia. Конкуренция закончилась, а стили остались. По большому счету они и не нужны.

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

Набор стилей

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

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

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

Параметры наложения

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

Сразу перейдем к самому интересному и «вкусному»…

Готовые специальные эффекты фотошопа

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

Photoshop CS5 предлагает к использованию такие эффекты:

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

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

Внешнее свечение — название говорит само за себя. Объект, как будто светится. Можно настроить, чтобы свечение было не одним цветом, а градиентом от одного к другому. Настраивается размер, размах свечения, а также его качество.

Внутреннее свечение — аналогично, как с внутренней тенью. В настройках есть только одно отличие: можно указать источник свечения (Из центра или На краях)

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

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

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

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

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

Обводка — обводит по контуру все изображение. Редактируется цвет и положение (Снаружи, Внутри, Из центра). Полезный параметр — тип ободки, где есть градиент. Вообще градиенты всегда только украшают изображение.

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

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

Как видите, под слоем появился список эффектов, которые к нему применены. У каждого из них есть значок видимости, нажав на который можно отключить эффект, например, Наложение градиента. Справа от миниатюры надпись fx — указывает что к слою применены эффекты. Нажмите на стрелочку, чтобы их свернуть.

В этом уроке я покажу как можно самостоятельно создать эффект стекла. Результат похож на графику применяемую в Windows Vista.

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

Рекомендую посмотреть стиль слоя с эффектом прозрачного стекла. Думаю они идеально дополняют друг друга!

Итак, стекло должно получится вот так:

Шаг 1

Выбираем и открываем любое изображение. В нашем примере это – часть всем хорошо известных обоев на рабочий стол от Windows.

Шаг 2

С помощь комбинации клавиш (Shift + U), или инструмента с боковой панели Rounded Rectangle Tool рисуем поверх выбранной картинки вот такой синий (#2E69FF) прямоугольник. Образовавшийся слой переименовываем в «shape».

Шаг 3

Дважды щелкаем по переименованному слою в списке слоев и в открывшемся окне «Layer Style» выставляем следующие настройки:

В подменю Drop Shadow (Тень):

• Size = 13 px (Размер = 13 пикселей).

В подменю Inner Glow (Внутреннее свечение):

• Blend Mode = Color Dodge (Режим наложения = Осветление);
• Opacity (Непрозрачность) = 30%;
• Color = White (Цвет = белый);
• Size = 45 px(Размер = 45 пикселей).

В подменю Stroke (Обводка):

• Size = 1 px (Размер = 1 пиксель);
• Color = black (Цвет = черный).

Шаг 4

В списке слоев (Layers) выставляем заливку (Fill) слоя, содержащего прямоугольник, на 20%.

Шаг 5

Создаем новый слой и называем его «left highlight».

Шаг 6

С помощью инструмента «Elliptical Marquee tool» (Овальная область), рисуем эллипс, размещаем примерно также, как на рисунке, и заливаем его белым цветом.

Шаг 7

Выбираем слой «left highlight» и, удерживая Ctrl, щелкаем левой кнопкой мыши по иконке слоя «shape». После чего при помощи комбинации клавиш (Ctrl+Shift+I) инвертируем выделение. Затем жмём Delete и получаем картину, примерно как на рисунке.

Шаг 8

Снимаем выделение комбинацией «Ctrl + D». На слой «left highlight» накладываем маску: Layer > Layer Mask > Reveal All (Слои > Слой-маска > Показать все). Выбираем маску в панели слоев, щелкнув на нее, и сбрасываем цвета (D). Выбираем Gradient Tool (градиент), выставив его в режим Linear Gradient (линейный градиент). Проверим, что по цветам он переходит от белого к черному, и, удерживая shift, растянем от правого края холста к середине. Если правая фигура на слое «left highlight» стала частично прозрачной, значит, у нас получилась градиентная маска.

Шаг 9

Над фоновым слоем создадим новый и назовем его “Lens Glow”. Зажав Ctrl, левой кнопкой мыши щелкаем по слою «shape» и заливаем выделение черным цветом. Снимаем выделение с помощью Ctrl + D. Затем в меню Filter > Render > Lens Flare (Фильтры > Рендеринг > Блик) выбираем пункт «Movie Prime» (Начало ролика) и выставляем яркость примерно на 140.

Зажав Alt, щелкаем левой кнопкой мыши между базовым слоем и «Lens Glow». Должна получиться примерно такая картина:

Шаг 10

Применяем на слое «Lens Glow» Blending mode: screen (Режим наложения — Экран).

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

Сервис состоит из нескольких разделов: Эффекты, Лаб, Фильтры.

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

Итак, рассмотрим возможности ФотоФании на примерах.

В разделе фильтры меня порадовал эффект «Инопланетянин» : Мила запечатлена в камне на века:Татуировка с любимой актрисой: В картинной галлереи: 

Перейдем к следующему разделу — «Лаб»

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

Последний раздел «Фильтры» 

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

 Идеально подойдет для оформления аватарок для социальных сетей.

Думаю вам понравится этот сервис! Отпишитесь в комментариях о своих впечатлениях.