Главная Регистрация Вход
Приветствую Вас Гость!


Главная » 2015 » Февраль » 15 » Треугольный пиксельарт из фотографии, отличный фон для всего
14:50
Треугольный пиксельарт из фотографии, отличный фон для всего

Треугольный пиксельарт из фотографии, отличный фон для всего

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

Материалы
Instagram Video Photoshop actions
Abolition font
New York 1
New York 2
New York 3

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

Треугольный пиксельарт из фотографии

(Примечания переводчика: так как фото использованное автором нам не доступно, воспользуемся стоками с Дэвиантарта. Заметьте, что фото в уроке не четкое, а наши - четкие. Открыв одно из них применим к нему фильтр Lens Blur с такими значениями:

Треугольный пиксельарт из фотографии

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


Шаг 2
Дважды продублируйте фоновый слой.

Треугольный пиксельарт из фотографии

Шаг 3
Активируйте Transform tool (Ctrl/Cmd+T or Edit > Free Transform) затем установите значение horizontal skew на 45º. Настройки horizontal skew находятся на панели опций, когда инструмент Transform tool активен. Нажмите Enter чтобы применить трансформацию.

Треугольный пиксельарт из фотографии

Треугольный пиксельарт из фотографии


Шаг 4
Пройдите в меню Filter > Pixelate > Mosaic. Установите размер ячейки по вашему вкусу и нажмите OK.

Треугольный пиксельарт из фотографии


Шаг 5
Дальше мы трансформируем картинку в другую сторону. Снова активируйте Free Transform tool (Ctrl/Cmd+T or Edit > Free Transform) и установите значение horizontal skew на –45º. Нажмите enter чтобы применить трансформацию.

Треугольный пиксельарт из фотографии


Шаг 6

Установите прозрачность этого слоя на 50% затем выберите средний слой. Мы выполним те же шаги но с уже трансформированным изображением.

Треугольный пиксельарт из фотографии


Шаг 7
С активным средним слоем активируйте Free Transform tool (Ctrl/Cmd+T or Edit > Free Transform) и установите значение horizontal skew на –45º.

Треугольный пиксельарт из фотографии


Шаг 8
Примените тот же фильтр (mosaic filter). Это можно сделать при помощи грячих клавиш Ctrl+F. Фотошоп автоматически перемещает последний использованный фильтр вверх выпадающего меню на панели.

Треугольный пиксельарт из фотографии


Шаг 9
Используйте Free Transform tool (Ctrl/Cmd+T or Edit > Free Transform) чтобы вернуть изображению оригинальную форму установив значение horizontal skew value равным 45º.

Треугольный пиксельарт из фотографии

Шаг 10
Почти готово, но если увеличить изображение то видно что края плохо выровнены.

Треугольный пиксельарт из фотографии

Чтобы исправить это нажимайте стрелочку влево или вправо на клавиатуре чтобы перемещать слой пока результат вас не удовлетворит.

Треугольный пиксельарт из фотографии

Вот так пока что выглядит наше изображение.

Треугольный пиксельарт из фотографии

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

Шаг 11
Если вам захочется использовать его в качестве фона или заставки, можете применить к нему эффект винтажного фильма. Автор использовал Vesper effect из набора Instagram Video Photoshop actions и дополнил картинку надписью шрифтом Abolition font.

Треугольный пиксельарт из фотографии

Автор: Denny Tang
Переводчик: Simoril
***
 


[23.12.2024][DesiGn bLOg]
Стильно украсить дом на Новый год в стиле минимал, или ИИ спасает новый год (0)
[02.04.2019][DesiGn bLOg]
Как узнать - ты дизайнер или нет? (0)
[12.02.2015][vectOR KLipardy]
Цветные абстрактные фоны в векторе 9 (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[23.10.2010][rastER KLipardy]
Косметика в HQ (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[12.02.2015][video futage]
Deep Eyes | 7 in 1 logo pack - Project for After Effects (Videohive) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Портретная ретушь интенсив (2014) (0)
[22.10.2015][Lessons PHOTOSHOP]
Создание поверхности воды в photoshop (2015) (0)
[12.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Beautiful Vintage (2015) (0)
[22.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Beauty (0)
[25.10.2015][PSD-files, исходники]
Rons Deviney 18 Designs PSD (0)
[18.11.2015][Brushes Photoshop]
Rons Deviney Cyborg Circuitry 75 Brushes (0)
[12.02.2015][video futage]
Awards Pack II - Project for After Effects (Videohive) (0)
[12.02.2015][DesiGN SofT]
Photomizer Retro 2.0.14.106 Portable by Valx (0)
[03.12.2014][Photoshop Actions]
50 Photoshop Action Scripts (0)
[19.09.2011][Veb DeSiGn]
Шаблон флеш сайта #0515 (1)
 

Прикрепления:
Категория: Lessons PHOTOSHOP | Просмотров: 1882 | Добавил: neo_robots | Теги: Абстракции из треугольник, пиксель арт фильтр illustrator, перевод фото в пиксель арт, как сделать в фотошопе треугольные , треугольный пиксельарт
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Поиск






[18.09.2011][Lessons Adobe Illustrator]
Работа с файлами состоящими из множества объектов (5)
[22.10.2015][Lessons PHOTOSHOP]
Мастер-класс photoshop Oil Retouch (0)
[19.09.2011][Veb DeSiGn]
Шаблон флеш сайта #29001 (1)
[28.10.2010][vectOR KLipardy]
Childrens Day - Travel (0)
[27.09.2011][PSD-files, исходники]
Шаблон поисковой панели PSD991 (1)
[03.01.2014][Lessons PHOTOSHOP]
Фотостилизация: Эффект каппучино, Mocha Frappucino Tutorial (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки photoshop Выборочная коррекция (2014) (0)
[13.02.2015][Plugins Photoshop]
AKVIS ArtWork 8.1.1741.11132 (x86/x64) (0)
[30.09.2011][Brushes Photoshop]
Набор кистей дыма для Photoshop'a (0)
[27.09.2011][PSD-files, исходники]
Шаблон сайта PSD985 (0)
[09.06.2010][Lessons PHOTOSHOP]
Преобразуем автомобиль в стиль м/ф «Тачки» (5)
[13.02.2015][Plugins Photoshop]
AKVIS Charcoal 1.0.211.11133 (x86/x64) (0)
[24.01.2013][vectOR KLipardy]
Vintage Floral Backgrounds Vector 2 (1)
[12.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Beautiful Vintage (2015) (0)
[15.04.2011][DesiGn bLOg]
Веселые Мнения, когда пища Игра!!! (0)
[09.09.2011][video futage]
In Search of Adventure AE (0)
[23.10.2010][rastER KLipardy]
Planet Earth (0)
[15.05.2012][Lessons PHOTOSHOP]
Портрет моего друга (30)
[17.09.2011][DesiGn bLOg]
Зверушки из стружки. Скульптор по дереву Сергей Бобков (0)
[15.04.2011][DesiGn bLOg]
Невероятные работы, созданные на деньги (4)
[24.10.2010][PSD-files, исходники]
PSD файлы от ImageToday Design sourse (0)
[27.11.2013][3D MAX modeling]
DOSCH ДИЗАЙН - 3D: Транспорт 2010 (0)
[10.09.2011][Photoshop Actions]
GraphicRiver - 3D Object Render (2)
[10.01.2011][Lessons PHOTOSHOP]
КАРИКАТУРА ИЗ ФОТО (0)
[14.01.2011][rastER KLipardy]
Heart wine (1)
[12.01.2011][Lessons PHOTOSHOP]
Синее металлическое меню (0)
[10.01.2011][Lessons PHOTOSHOP]
MAKE-UP ДЛЯ СМЕЛЫХ ДЕВУШЕК (0)
[09.12.2015][Lessons PHOTOSHOP]
Создаем белый фон в Photoshop (2015) (0)
[24.09.2011][vectOR KLipardy]
Веб элементы для веб интерфейса (0)
[01.09.2013][Lessons PHOTOSHOP]
Рисуем потрет Натана (0)
[23.01.2011][DesiGn bLOg]
Создание Иконок (1)
[11.01.2011][Lessons PHOTOSHOP]
Механический карандаш (0)
[13.02.2015][Plugins Photoshop]
Digital Film Tools PhotoCopy 2.0v2 for Adobe Photoshop (Win64) (0)
[22.10.2011][icons]
Кошачьи аватарки (1)
[11.11.2010][Brushes Photoshop]
Кисти для Photoshop - Отпечатки ног (0)
[10.09.2011][Photoshop Actions]
GraphicRiver - Magazine 002 (0)
[06.02.2013][Lessons PHOTOSHOP]
Создаем навороченный грузовик в ФШ, используя простые фото \ часть 2 (3)
[19.12.2015][Lessons PHOTOSHOP]
Photoshop CC 2014. Исчерпывающее руководство (+ CD) (0)
[09.11.2010][Styles Photoshop]
Более 150-ти стилей WEB 2.0 (1)
[30.11.2013][3D MAX modeling]
Evermotion ArchInteriors vol. 28 (0)
[15.12.2010][video futage]
After Effect Project Planet Explosion Intro (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[29.10.2010][icons]
Иконки Sensorica OFF-Set (36 шт.) (0)
[20.12.2015][DesiGN SofT]
Smith Micro Poser Pro 11.0.1.31230 (0)
[18.09.2011][DesiGn bLOg]
Туристические карты в типографике (1)
[15.12.2010][Plugins Photoshop]
Red Giant Knoll Light Factory Pro v2.7 (0)
[12.02.2015][rastER KLipardy]
Фото младенцев \ Newborns, 25 x JPG (0)
[30.05.2010][rastER KLipardy]
Template | Шаблоны (0)
[30.05.2010][rastER KLipardy]
Pyramid Decoupage Vol 12 (0)
[29.09.2011][Brushes Photoshop]
5 soap bubbles (0)
[08.06.2010][Lessons PHOTOSHOP]
Как сделать стильное лого (7)
[24.09.2011][Lessons Adobe Illustrator]
Люди, замороженные в кубике льда – часть 2: Рисование людей (0)
[10.09.2011][Photoshop Actions]
3D Frames Generator (0)
[26.09.2011][icons]
Жёлтые иконки ico, png (0)
[26.06.2010][Lessons PHOTOSHOP]
Текст-эффект в виде скриншота, Create an Editable On Screen Text Effect (5)
[18.09.2011][Lessons Adobe Illustrator]
Рисуем иллюстрацию зомби (0)
[28.02.2011][Lessons PHOTOSHOP]
Рисуем робота «Марк-13», Making of Mark -13 (1)
[13.04.2011][Lessons PHOTOSHOP]
Не покидай меня (1)
[29.08.2010][Lessons PHOTOSHOP]
Преобразование фотки в векторный рисунок (3)
[10.01.2011][Lessons PHOTOSHOP]
Как рисовался «Сломленный Линк» (0)
[13.09.2010][Lessons PHOTOSHOP]
Гранжевое фото, обработка фото (1)
[01.09.2013][Lessons PHOTOSHOP]
Создание потрясающего фан-арта «Трон: Наследие» в Фотошопе (0)
[29.01.2011][Lessons Adobe Illustrator]
Создание иконки "Аптечка" (4)
[15.12.2010][Lessons PHOTOSHOP]
Create 3-D text with some extreme lighting (1)
[11.01.2011][Lessons PHOTOSHOP]
Марионетка (отрисовать) (0)
[16.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Retouch Man (2015) (0)
[10.01.2011][Lessons PHOTOSHOP]
Matte painting «Конец света» (1)
[12.03.2013][Lessons PHOTOSHOP]
Стальной текст \ Create a Steel Text Effect in Photoshop (0)
[31.05.2010][Lessons PHOTOSHOP]
Человек-Дерево, спецэффект (7)
[31.05.2010][Lessons PHOTOSHOP]
Механический лягушонок, спецэффект (7)
[28.11.2013][3D MAX modeling]
Набор сцен Evermotion ArchInteriors vol. 29 (0)
[22.09.2011][PSD-files, исходники]
Cold Roses (PSD) - Холодная роза (PSD) (0)
[19.09.2012][3D MAX modeling]
3D Model: Lavochkin La-5 (1)
[10.01.2011][Lessons PHOTOSHOP]
Создаем 3D текст (2)
[18.09.2011][DesiGn bLOg]
Формулы жизней. Биографии в минимализме (0)
[21.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Art Wedding (0)
[08.11.2010][Photoshop Actions]
Gum Bichromate Print Action for Photoshop (0)
[13.02.2015][video futage]
VideoHive - Futuristic Logo Reveal 8351362 (0)
[15.12.2010][Plugins Photoshop]
Nik Software Silver Efex Pro v1.007 for Adobe Photoshop (0)
[08.11.2010][Photoshop Actions]
Бумажный кубик (0)
[07.10.2012][vectOR KLipardy]
Винтажные этикетки часть 21 | Vintage styled label collection vector set 21 (2)
[13.12.2015][Lessons PHOTOSHOP]
Вырезание объемных предметов в фотошоп (2015) (1)
[30.09.2011][Brushes Photoshop]
Винтаж Кисти птиц (0)
[14.01.2011][vectOR KLipardy]
Repair Tools (0)
[11.06.2010][Lessons PHOTOSHOP]
Трехмерная надпись (8)
[15.05.2012][Lessons PHOTOSHOP]
Создание футуристических обоев 2011 \ Design a futuristic 2011 wallpaper (34)
[27.11.2013][3D MAX modeling]
Dosch Design: 3D - Одежда (0)
[12.02.2015][DesiGn bLOg]
Классный креативный почерк (0)
[03.11.2010][vectOR KLipardy]
Disney Fall Blossms - векторная графика (0)
[23.01.2011][Lessons Adobe Illustrator]
Создаем реалистичный бенгальский огонь (0)
[18.09.2011][DesiGn bLOg]
Как правильно работать с дизайнером. (0)
[11.01.2011][Lessons PHOTOSHOP]
Колючая проволока (0)
[29.09.2011][Brushes Photoshop]
Обнавлённые кисти Ассорти (0)
[12.03.2013][Lessons PHOTOSHOP]
Яркий Футуристический текст \ Colorful Futuristic Text Effect (0)
[23.10.2010][rastER KLipardy]
Stock Photo: Group of business people (0)
[24.01.2013][vectOR KLipardy]
Black Vintage Cards Vector 2 (0)
[24.10.2010][PSD-files, исходники]
Клипарт - Черешня (PSD) (0)
[29.09.2011][Brushes Photoshop]
Кисти - Винтажная медицинская реклама / Vintage Medicine Brushes (0)
[10.11.2010][vectOR KLipardy]
Stock Vector - Grunge Banners (0)
[29.09.2011][Brushes Photoshop]
Кисти \Небоскрёбы\ (1)
[30.11.2013][3D MAX modeling]
Evermotion ArchInteriors vol. 27 (0)

Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0
Яндекс цитирования
Rambler's Top100




[11.06.2010][Lessons PHOTOSHOP]
Трехмерная надпись (8)
[31.05.2010][Lessons PHOTOSHOP]
Создание кистей для рисования волос, меха, бород, комп.графика (7)
[17.06.2010][Lessons PHOTOSHOP]
Текст охваченный огнём, Stunning Text on Wild Fire Effect (6)
[13.02.2015][video futage]
VideoHive - Futuristic Logo Reveal 8351362 (0)
[29.05.2010][Lessons PHOTOSHOP]
судорга (абстракционная фантазия) (4)
[24.01.2013][vectOR KLipardy]
Black Vintage Cards Vector 2 (0)
[03.12.2015][DesiGN SofT]
Sentaurus TCAD 2012 SP2 G-2012.06 SP2 на VMWare (1)
[01.09.2013][vectOR KLipardy]
Stock: Website Template (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки фотошоп Композиция Шубека (0)
[12.02.2015][video futage]
Dark Circles Logo Reveal - Project for After Effects (Videohive) (0)
[30.12.2012][DesiGn bLOg]
Маленькой ёлочке холодно зимой! (0)
[29.05.2010][Lessons PHOTOSHOP]
Ночной город, спецэффект (2)
[29.05.2010][rastER KLipardy]
Stock Photo: Drops, Splashes (1)
[29.05.2010][Lessons PHOTOSHOP]
Металлические трубки и провода (2)
[13.12.2015][Lessons PHOTOSHOP]
Вырезание объемных предметов в фотошоп (2015) (1)
[09.11.2010][Styles Photoshop]
Более 150-ти стилей WEB 2.0 (1)
[09.11.2010][Styles Photoshop]
70 Photoshop Styles (0)
[29.05.2010][Lessons PHOTOSHOP]
каркас сферы (2)



Четверг
17.07.2025
23:58


Copyright artpost and semantic product zanchi 2010-2011 © 2025