Пятница, 17.05.2024, 18:21
| RSS

Уроки дизайна

Главная

Главная » 2009 » Июнь » 24 » Фото по частям
Фото по частям
12:27

Оригинал:

Эффект разрезанного фото в Adobe Photoshop



Результат:

Урок по созданию эффекта разрезанного фото в Фотошопе



В этом уроке мы будем резать картинки на кусочки. Приступим?

Первое что надо сделать – открыть изображение, которое мы разрежем! У меня это вот такой милый котёнок:



Эффект разрезанного фото в Фотошопе 1



Создадим направляющие:
View-New Guide
(Новая направляющая)

и жмем ОК.

Создание эффекта разрезанного фото в Фотошопе



Слева появится вертикальная направляющая:

Эффект разрезанного фото в Фотошопе 2



Берем инструмент
Move tool (Премещение) (V)
и двигаем направляющую на середину фотографии:

Создаем эффект разрезанного фото в Фотошопе



Создадим горизонтальную направляющую:
View-New Guide
(Новая направляющая)

выбираем горизонтальную, и жмем ОК.

Эффект разрезанного фото и Фотошоп



Передвигаем направляющую на середину фото, чтобы получилось вот так:

Создаем эффект разрезанного фото в Фотошопе



Берем
Rectangular Marquee tool
(Прямоугольная область)
(M)
и в верхнем меню ставим режим Normal (Нормальный):

Эффект разрезанного фото в Adobe Photoshop



Ставим галочку на
View-Snap to-Guides
(Вид-Привязка к-Руководства)

и аккуратно выделяем верхний левый участок:

Урок по созданию эффекта разрезанного фото в Фотошопе



Нажимаем Ctrl+J, чтобы скопировать выделение в новый слой. В окне слоев (F7) появился новый слой:

Делаем эффект разрезанного фото в Фотошопе 1



Переключаемся на самый первый слой:

Создаем эЭффект разрезанного фото в Photoshop



Теперь выделяем правый верхний участок:

Урок по эффекту разрезанного фото в Фотошопе



Снова нажимаем Ctrl+J, чтобы скопировать выделение в новый слой. В окне слоев (F7) появился еще один слой. Переключаемся на самый первый слой:

Эффект разрезанного фото



Аналогично выделяем левый нижний участок:

Как сделать эффект разрезанного фото



Жмем Ctrl+J и в окне слоев снова переключаемся на самый первый слой:

Урок по эффекту разрезанного фото в Фотошопе



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

Урок по эффекту разрезанного фото в Фотошопе 1



Снова жмем Ctrl+J. В окне слоев переключаемся на самый первый слой и кликаем на указанной корзинке, чтобы его удалить:

Урок по эффекту разрезанного фото в Фотошопе 2



В окне слоев теперь 4 слоя:

Урок по эффекту разрезанного фото в Фотошопе 3



Выбираем нижний слой и жмем Ctrl+T, чтобы перейти в режим трансформирования:

Урок по эффекту разрезанного фото в Фотошопе 4



Слегка поворачиваем кусочек фото и жмем Enter:

Урок по эффекту разрезанного фото в Фотошопе 5



Переходим на следующий слой:

Урок по эффекту разрезанного фото в Фотошопе 6



Поступаем аналогично- жмем Ctrl+T, поворачиваем и нажимаем Enter:

Урок по эффекту разрезанного фото в Фотошопе 7



Точно таким же образом поступаем с остальными слоями:

Урок по эффекту разрезанного фото в Фотошопе 8



Теперь добавим эффектов к слоям. Выберем верхний слой:

Урок по эффекту разрезанного фото в Фотошопе 9



Layer-Layer Style-Drop Shadow
(Слои-Эффекты слоя-Тень)
:

Урок по эффекту разрезанного фото в Фотошопе 10



Теперь выбираем
Layer-Layer Style-Stroke
(Слои-Эффекты слоя-Штрих)

и кликаем по указанной иконке, чтобы выбрать нужный нам цвет:

Урок по эффекту разрезанного фото в Фотошопе 11



Кликаем на желаемом цвете:

Урок по эффекту разрезанного фото в Фотошопе 12



Первый слой изменился:

Урок по эффекту разрезанного фото в Фотошопе 13



Теперь скопируем эффекты слоя, чтобы просто и быстро вставить их на другие слои.
Layer-Layer Style-Copy Layer Style
(Слои-Эффекты слоя-Копировать эффекты)
.

Переходим на следующий слой:

Урок по эффекту разрезанного фото в Фотошопе 14



И вставляем эффекты предыдущего слоя на этот:
Layer-Layer Style-Paste Layer Style
(Слои-Эффекты слоя-Вставить эффекты)
.
Этот слой меняется, как и предыдущий:

Урок по эффекту разрезанного фото в Фотошопе 15



Аналогично переходим на остальные слои и вставляем на них эффекты:

Урок по эффекту разрезанного фото в Фотошопе 16



Сейчас не помешало бы расширить размеры изображения, чтобы увидеть эффект разрезанного фото во всей красе. Для этого зайдем в
Image-Canvas Size
(Изображение-Размер холста)

и ставим по 50 пикселей с каждой стороны:

Урок по эффекту разрезанного фото в Фотошопе 17



Жмем ОК и вот наш результат:

Урок по эффекту разрезанного фото в Фотошопе 18


ХХХ эт я помучался   

Просмотров: 1052 | Добавил: Daz | Рейтинг: 0.0/0 |
Всего комментариев: 0
Имя *:
Email *:
Код *:
Привет: Гость

Сообщения:

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

Поиск

Календарь

«  Июнь 2009  »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
2930

Наш опрос

Что бы вы хотели видеть на сайте в самом большом кол.

Результат опроса Результаты Все опросы нашего сайта Архив опросов

Всего голосовало: 18
Обсудить опрос на форуме

чат

Друзья сайта

Все про CS Все для Юкоз и веб дезайна!!

STATSX


Статистика материалов

Новостей: 137
Файлов: 11
Фото: 1
Коментариев: 759

Зарег. на сайте

Всего: 50
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0


получи бонус от WM


Получить WMR-бонус на свой кошелек!
Яндекс цитирования Rambler's Top100 oWMT счётчик для сайта