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


Главная » 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)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[16.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Retouch Man (2015) (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки photoshop Выборочная коррекция (2014) (0)
[03.12.2014][Photoshop Actions]
50 Photoshop Action Scripts (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[12.02.2015][DesiGN SofT]
Room Arranger 7.5.0.421 (2014) Rus/Eng (0)
[21.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Art Wedding (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]
PT Photo Editor 1.7.1 Standard Edition Rus Portable by SamDel (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеокурс удаление объектов в фотошопе (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
[12.02.2015][DesiGN SofT]
Photomizer Retro 2.0.14.106 Portable by Valx (0)
[04.12.2015][Lessons PHOTOSHOP]
Tuts+ Premium - Creative Photo Effects in Adobe Photoshop (2015) (0)
 

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


Поиск






[18.09.2011][DesiGn bLOg]
Как стимулировать работу мозга (0)
[17.09.2011][Lessons Adobe Illustrator]
Создание иллюстрации в технике гравировки (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс 3D LUT Creator + Photoshop (2014) (0)
[28.02.2011][Lessons PHOTOSHOP]
Рисуем робота «Марк-13», Making of Mark -13 (1)
[19.07.2013][DesiGn bLOg]
Klari Reis: Абстрактные картины в чашках Петри (0)
[30.05.2010][rastER KLipardy]
Pyramid Decoupage Vol 12 (0)
[10.01.2011][Lessons PHOTOSHOP]
MAKE-UP ДЛЯ СМЕЛЫХ ДЕВУШЕК (0)
[30.05.2010][Lessons PHOTOSHOP]
Зрачок, спецэффект (2)
[17.09.2011][vectOR KLipardy]
Морской векторный стиль - Marine vector style (0)
[29.09.2011][Brushes Photoshop]
Кисти - Винтажная медицинская реклама / Vintage Medicine Brushes (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)



Пятница
19.04.2024
21:28


Copyright artpost and semantic product zanchi 2010-2011 © 2024