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


Главная » 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)
[23.10.2010][rastER KLipardy]
Косметика в HQ (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[03.12.2014][Photoshop Actions]
50 Photoshop Action Scripts (0)
[16.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Retouch Man (2015) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[21.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Art Wedding (0)
[12.02.2015][DesiGN SofT]
GraphiSoft ArchiCAD 18 Build 4020 (x64) + Add-Ons (0)
[12.02.2015][DesiGN SofT]
Room Arranger 7.5.0.421 (2014) Rus/Eng (0)
[22.10.2015][Lessons PHOTOSHOP]
Создание поверхности воды в photoshop (2015) (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[12.02.2015][DesiGN SofT]
CorelCAD 2014 build 13.8.12 + Rus + Видеоинструкция + Руководство (0)
[12.02.2015][DesiGN SofT]
PT Photo Editor 1.7.1 Standard Edition Rus Portable by SamDel (0)
[12.02.2015][rastER KLipardy]
Фото младенцев \ Newborns, 25 x JPG (0)
[12.02.2015][DesiGN SofT]
Photomizer Retro 2.0.14.106 Portable by Valx (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки photoshop Выборочная коррекция (2014) (0)
[12.02.2015][DesiGN SofT]
HyperSnap 7.29.02 + Portable (0)
 

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


Поиск






[24.01.2013][vectOR KLipardy]
Vintage Floral Backgrounds Vector 2 (1)
[18.09.2011][DesiGn bLOg]
Milton Glazer. 10 правил дизайнера. (0)
[12.01.2011][Lessons PHOTOSHOP]
Рисуем иконку Macromedia Flash (0)
[24.07.2012][vectOR KLipardy]
Abstract vector with barcode (64)
[28.01.2011][Lessons Adobe Illustrator]
Создаем иконку объектива (0)
[06.06.2013][Veb DeSiGn]
Множество примочек для системы UCOZ \ Vol7 (0)
[06.02.2013][Lessons PHOTOSHOP]
Создаем навороченный грузовик в ФШ, используя простые фото \ часть 2 (3)
[27.03.2011][rastER KLipardy]
7 принцес Диснея в стиле Альфонса Мухи (6)
[27.11.2013][3D MAX modeling]
Mini Cooper Countryman 3D модель 3D max \ Vray (0)
[14.01.2011][Brushes Photoshop]
Кисти - водяные брызги/Rons Hydro Explosion (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)



Пятница
01.03.2024
11:32


Copyright artpost and semantic product zanchi 2010-2011 © 2024