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


Главная » 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
***
 


[02.04.2019][DesiGn bLOg]
Как узнать - ты дизайнер или нет? (0)
[09.12.2015][Lessons PHOTOSHOP]
Рисуем анимацию в Photoshop и After Effects (2015) (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (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)
[03.12.2014][Photoshop Actions]
50 Photoshop Action Scripts (0)
[16.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Retouch Man (2015) (0)
[12.02.2015][DesiGN SofT]
Room Arranger 7.5.0.421 (2014) Rus/Eng (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки photoshop Выборочная коррекция (2014) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[21.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Art Wedding (0)
[12.02.2015][DesiGN SofT]
PT Photo Editor 1.7.1 Standard Edition Rus Portable by SamDel (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[12.02.2015][video futage]
Deep Eyes | 7 in 1 logo pack - Project for After Effects (Videohive) (0)
[12.02.2015][DesiGN SofT]
HyperSnap 7.29.02 + Portable (0)
[12.02.2015][DesiGN SofT]
Photomizer Retro 2.0.14.106 Portable by Valx (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеокурс удаление объектов в фотошопе (0)
[04.12.2015][Lessons PHOTOSHOP]
Tuts+ Premium - Creative Photo Effects in Adobe Photoshop (2015) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
 

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


Поиск






[11.01.2011][Veb DeSiGn]
ThemeForest - ChromeGT Business & Portfolio HTML Theme (All Colours) - Rip (1)
[14.01.2011][vectOR KLipardy]
Alphabet Light (0)
[19.09.2011][Lessons Adobe Illustrator]
Абстрактный векторный дизайн (0)
[21.11.2015][PSD-files, исходники]
Rons Deviney Darkside 10 Backgrounds (0)
[10.01.2011][rastER KLipardy]
GENTLEMEN IN FELT (Реклама банных шапочек ЗАО "ГОРИЗОНТ") (0)
[18.09.2011][DesiGn bLOg]
Бренд, фирменный стиль и логотип. Их различия. (0)
[19.09.2011][Veb DeSiGn]
Шаблон флеш сайта #29002 (0)
[30.11.2015][DesiGN SofT]
Altium Designer 16.0.5 Build 271 (2015) ML| Rus (0)
[08.11.2010][Photoshop Actions]
Бумажный кубик (0)
[29.10.2010][icons]
Иконки Sensorica OFF-Set (36 шт.) (0)

Статистика


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




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



Пятница
26.04.2024
02:51


Copyright artpost and semantic product zanchi 2010-2011 © 2024