Вернуться   ИнформПланета > Уроки > Компьютерная графика > Уроки Adobe Photoshop

Важная информация


Ответить в теме

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

 
Опции Учебника Опции просмотра

Опубликовал(а) Gostemilov
28.11.2013
Quick Tip: How to Create a Triangle Pixelation Effect in Photoshop
Треугольный пиксельарт из фотографии

Фотошоп позволяет легко и быстро создать подобный эффект при помощи фильтра 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?.



Это сообщение отредактировал Mangorielle - 18 Августа 2013, 14:52



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



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



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



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

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



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

Ваше мнение об уроке?

Опции Учебника

Рекомендуем Уроки

Ответить в теме

Метки
abolition , action , ctrl , edit , effect , enter , filter , font , horizontal , image , instagram , mosaic , photo-continent , photoshop , skew , tool , transform , video , york , автор , значение , изображение , исходник , картинка , качество , меню , панель , переводчик , пиксельарт , помощь , применить , примечание , размер , результат , слой , создать , трансформация , урок , фильтр , фото , фотошоп , эффект

Опции Учебника
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Название Учебника Опубликовал(а) Раздел Числу комментариев Последнее сообщение
» Делаем куколку., ПиксельАрт Gostemilov Уроки Adobe Photoshop 0 30.11.2013 01:35
» Рисуем одежду (pixel art), пиксельарт Gostemilov Уроки Adobe Photoshop 0 29.11.2013 17:17
» Домик, пиксельарт Gostemilov Уроки Adobe Photoshop 0 29.11.2013 01:31
История в картинках Удивительные фотографии со всего света Gostemilov Тематические подборки фотоснимков 0 17.06.2013 19:40
История в картинках Удивительные фотографии со всего света Gostemilov Тематические подборки фотоснимков 0 23.05.2013 05:54


Текущее время: 03:59. Часовой пояс GMT.


Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc. Перевод: zCarot
Home Contact Forum Music Video New Posts Calendar RSS RSS2