Уникальные Видеоуроки по Photoshop.
Убедитесь Сами в их Эффективности!
(каждый месяц свежие уроки)

+ ПОДАРОК
(Ваше реальное имя,
желательно на русском языке)


Закрыть
 
Деление фотографии
(82 голосов)
Автор\Перевод Вячеслав Пчелов   
06.10.2008
 
Создать эффект пазла, не так уж трудно. Мы разместим серию направляющих. Откройте вашу фотографию в фотошопе и посмотрите на ее размеры ( ImageImage size , теперь можно нажать на кнопку отмены). Теперь зайдите в FileNew и установите те же размеры, только прибавьте к высоте и ширине 100 пикселей, установите прозрачный фон:



Выберите Move tool и перенесите изображение на новый документ с прозрачным фоном в центр.



Теперь мы начнем работать с направляющими (активируйте направляющие: ViewShow):



Теперь нажмите ctrl+r, чтобы отобразить линейки. Теперь нажмите на левую, вертикальную линейку и перетащите курсор мыши на холст (не отпуская кнопку мыши): вы увидите тоненькую линию, которая и называется направляющей. Сделайте тоже и с верхней, вертикальной линейкой, спустив еще одну направляющую. Повторяйте процедуру, пока у вас не получится 6 областей, как показано на картинке. Все они должны иметь один и тот же размер, желательно чтобы они были квадратными, но необязательно. В этом примере, я создал 3 вертикальных направляющих в точке 300 пикселей, и 600 пикселей, разделенных 2мя горизонтальными направляющими.



Я также добавил 4 направляющих чтобы отметить границы картинки.

А теперь давайте позабавимся с инструментом выделения.

Прежде всего нажмите на Rectangular Marquee Tool в палитре инструментов.



Создавайте выделение верхней, левой области размеченной направляющими, скопируйте на новый слой. Повторяйте этот шаг со всеми областями, но не забывайте переключаться на фоновое изображение каждый раз, после того как создаете новый слой. В итоге у вас должно получиться 6 слоев. Теперь фон вам не нужен и вы смело можете его скрыть, нажав на иконку глаза, рядом со слоем в палитре Layers , как показано на картинке.



Теперь давайте применим стиль для слоя. Нажмите на одном из слоев правую кнопку мыши в вкладке Layers , и выберите Blending options .



В следующем окне установите такие параметры:

1 Drop Shadow



2 Stroke



Для одного слоя стиль готов. Теперь вы можете копировать стиль текущего слоя и вставлять в другие слои, как показано на картинке:



Вы можете вставить скопированный слой ко всем слоя сразу, для этого вам необходимо удерживая клавишу Ctrl выделить несколько слоев. Теперь скройте созданные ранее направляющие, для этого достаточно нажать комбинацию клавиш Ctrl+H, теперь направляющих не должно быть видно:



Теперь необходимо просто повернуть каждый фрагмент (слой) картинки, сделать это можно с использованием комбинации клавиш Ctrl+T и потом выбрав EditTransformRotate , используйте изогнутую стрелочку, чтобы повернуть слой:



После того как вас устроил результат, подтвердите изменения нажав на птичку, либо нажав на клавишу Enter:



Сейчас вы можете изменить позицию и расположение слоев, двигая их выше или ниже в палитре слоев. Тем самым одни будут накрывать другие.



В этом примере я подвинул 7й слой между 4 и 5

Вы также можете подкорректировать гистограмму для всех слоев используя Levels ( ImageAdjustmentsLevels ).



Если вам понравился или не понравился этот фотошоп урок, в любом случае - можете оставить свой комментарий и проголосовать за него. Хотя, я надеюсь, что он вам понравился:)

Если вы нашли опечатку, можете уведомить меня об этом, выделите текст и нажмите Shift+Enter

 

Комментарии 

 
# anutka155 06.10.2008 09:01
Отличный урок! У меня все получилось! Как новичок, кое-что для себя почерпнула, о чем и не подозревала (например, кнопка с галочкой после трансформации объекта, а то я все мучилась;)))) !!! Спасибо, мне очень понравилось!!! Только маленькая просьба: у меня «русский» фотошоп, хотелось бы перевод кнопок и операций, чтоб не тратить время на перевод, а то сам урок выполняется быстро, а на перевод и поиски нужного времени уходит больше…
Ответить | Ответить с цитатой | Цитировать
 
 
# Досик Apple City 24.11.2009 19:34
:P урок просто зачет! автор благодарю! побольше таких оригинальных уроков))) это и нужно нам-новичкам)))) 8)
Ответить | Ответить с цитатой | Цитировать
 
 
# anutka155 06.10.2008 11:33
Поиграла с режимом свободного искажения, прикольно получается ;))) А еще выделение попробовала круглое, а не квадратное, забавненько!
Ответить | Ответить с цитатой | Цитировать
 
 
# Вячеслав Пчелов 06.10.2008 12:05
Цитирую anutka155:
... Только маленькая просьба: у меня «русский» фотошоп, хотелось бы перевод кнопок и операций, чтоб не тратить время на перевод, а то сам урок выполняется быстро, а на перевод и поиски нужного времени уходит больше…


Наведите курсор мыши на любое из названий, выделенных жирным цветом, и всплывет перевод слова (пункта меню, опции и т.п.) на русском.

Если эти опции на картинке, на английском языке, тогда используйте специальный переводчик, который доступен только на этом сайте:

http://rukurs.com/content/view/1433/127/
Ответить | Ответить с цитатой | Цитировать
 
 
# anutka155 07.10.2008 05:39
Ой! Спасибо за подсказку с переводом, а я и не заметила...:)))
Ответить | Ответить с цитатой | Цитировать
 
 
# Вовик 07.10.2008 21:39
а в видео формате лучшеб было понять :)
Ответить | Ответить с цитатой | Цитировать
 
 
# CycolCa 17.10.2008 15:28
Спасибо за урок, очень доходчиво для новичков, всё получилось, но почему-то рамки вокруг элементов получились неодинаковые...с левой стороны они узкие, а с правой и сверху широкие, в Drop Shadow и Stroke параметры устонавливала, как сказано в уроке, может для моих размеров фотки надо было свои параметры делать..?
Ответить | Ответить с цитатой | Цитировать
 
 
# mboss 27.10.2008 13:53
Народ у меня такая проблема!я всё так же делаю но когда использую Rectangular Marquee Tool и копрую на разные слоя кусочки картанки пишет мне "Команда скопировать не модет быть выполнена потомучто выделеная область пуста"!?
Ответить | Ответить с цитатой | Цитировать
 
 
# olivka 13.11.2008 18:12
mboss, вы не на том слое копируете. Надо копировать со слоя, где всё фото целиком.
Ответить | Ответить с цитатой | Цитировать
 
 
# Ирэнчик 14.11.2008 17:33
классно,мне очень понравилось)))
Ответить | Ответить с цитатой | Цитировать
 
 
# web16 17.11.2008 23:45
Как сделать направляющие - наклонными ?
Ответить | Ответить с цитатой | Цитировать
 
 
# Ирина. 16.12.2008 12:26
супер урок! спасибо!
Ответить | Ответить с цитатой | Цитировать
 
 
# Гага 07.01.2009 02:10
мля у меня направляющие не показывает...
Ответить | Ответить с цитатой | Цитировать
 
 
# malino4ec 10.01.2009 10:55
крут) у меня есть такой экшен ))
а урок неплохой, спасибо)
Ответить | Ответить с цитатой | Цитировать
 
 
# Xamzo4ka 10.01.2009 17:01
и у меня направляющие не хочет показывать... :sad:
не в курсе какая может быть причина?
Ответить | Ответить с цитатой | Цитировать
 
 
# Вячеслав Пчелов 10.01.2009 20:51
попробуйте сочетание клавиш ctrl+h
Ответить | Ответить с цитатой | Цитировать
 
 
# KriK 28.01.2009 13:02
Урок просто супер!!!! большое спасибо
Ответить | Ответить с цитатой | Цитировать
 
 
# _effluence_ 04.02.2009 02:48
спасибо, действительно все намного проще, чем казалось :lol:
Ответить | Ответить с цитатой | Цитировать
 
 
# myrzilka_spd 06.02.2009 18:47
У меня направляющие не показывает.Что делать?
Ответить | Ответить с цитатой | Цитировать
 
 
# Вячеслав Пчелов 06.02.2009 20:04
попробуйте сочетание клавиш ctrl+h
Ответить | Ответить с цитатой | Цитировать
 
 
# BloodHawk 19.03.2009 22:05
улётно получилось)
ток у мня 9 частей =)
Ответить | Ответить с цитатой | Цитировать
 
 
# Olivka 22.03.2009 21:21
Спасибо! Оч понравилось!!!! :roll: :lol:
Ответить | Ответить с цитатой | Цитировать
 
 
# dubrovira 24.03.2009 11:18
Скажите пожалуйста что значит Move tool?
Ответить | Ответить с цитатой | Цитировать
 
 
# Триша 24.11.2009 19:45
Цитирую dubrovira:
Скажите пожалуйста что значит Move tool?

Да, правда, что это значит? Я тоже вообще-то не поняла... ((
Ответить | Ответить с цитатой | Цитировать
 
 
# Drive 30.03.2009 20:20
а я блин застрял в самом начале...:(:(:( у меня Guides в Show не получается активировать.
Ответить | Ответить с цитатой | Цитировать
 
 
# Сергей 2 07.04.2009 22:18
Супер!!! Доходчиво как!
Ответить | Ответить с цитатой | Цитировать
 
 
# SkittLeS 04.05.2009 23:20
народ почему у меня при трансформации сзади трансформировон ной области остается картинка? тут показано что при трансформации за областью остается прозрачный фон,а у меня нет!
Ответить | Ответить с цитатой | Цитировать
 
 
# Ксюшка 09.05.2009 22:52
Классный урок))У меня всё получилось,прав да не спервого раза,но всёже получилось)))) :D
Ответить | Ответить с цитатой | Цитировать
 
 
# Laralaram 13.05.2009 16:47
Впервые такой доступный и толковый урок (некоторые знают много, а "донести"не могут!); я чайник, а получилось сразу - ОТЛИЧНЫЙ УРОК! Немного помаялась с копированием стилей, а потом подсмотрела в книге: надо нажать ALT... А так всё просто! Спасибо! Эффектно и просто!
Ответить | Ответить с цитатой | Цитировать
 
 
# Madlax 19.05.2009 22:37
Отличный урок. Все доступно и понятно написано, проблем ничего не вызывало. Спасибо большое, автору - респект!
Ответить | Ответить с цитатой | Цитировать
 
 
# Paranoia 25.05.2009 12:20
Спасибо за урок, все получилось. Только есть вопрос: я сделала а потом когда включаю появляются направляющие. Как от них избавиться?
Ответить | Ответить с цитатой | Цитировать
 
 
# Лёнди 29.05.2009 00:35
У меня всё получилось! Суперски! :lol:
Ответить | Ответить с цитатой | Цитировать
 
 
# Кристиночка 2009 03.07.2009 17:50
а как потом отключить линейку?
Ответить | Ответить с цитатой | Цитировать
 
 
# Вячеслав Пчелов 03.07.2009 22:41
сочетание ctrl+r
Ответить | Ответить с цитатой | Цитировать
 
 
# ОлькаДмитр 09.09.2009 16:51
Спасибо, урок очень понравился, случайно узнала про направляющие в фотошоп, решила попробовать, а они действительно, очень помогают. У меня получилось!!!
Ответить | Ответить с цитатой | Цитировать
 
 
# Ulitka 20.09.2009 14:59
у меня направляющие не активны не подскажите почему?????
Ответить | Ответить с цитатой | Цитировать
 
 
# Вячеслав Пчелов 05.10.2009 14:11
не выделяются или не видны?
Ответить | Ответить с цитатой | Цитировать
 
 
# V0V@ 25.09.2009 14:20
спасибо вам
Ответить | Ответить с цитатой | Цитировать
 
 
# kasper4ik 05.10.2009 09:30
спасибо всьо палучилась :roll: :roll: :roll:
Ответить | Ответить с цитатой | Цитировать
 
 
# LuckyJunior 20.10.2009 18:16
guides ctrl+ не работает че то у меня подскажите !!!!!!!!!!!!hel p SOS SOS SOS :sigh: :cry:
Ответить | Ответить с цитатой | Цитировать
 
 
# Cement 22.10.2009 14:08
Супер! У меня все получилось! Большое спасибо... ;-)
Ответить | Ответить с цитатой | Цитировать
 
 
# Фотошопчег 03.11.2009 12:59
Урок супер
Но у меня не получилось... :sad:
когда я выделяла правую облась он писал что выделенная область пуста
Ответить | Ответить с цитатой | Цитировать
 
 
# ДашШИК 30.11.2009 22:35
Цитирую Фотошопчег:
Урок супер
Но у меня не получилось... :sad:
когда я выделяла правую облась он писал что выделенная область пуста


Если Вы хотите выделить эту часть, надо обязательно вернуться на общий, большой слой-изображение. Только тогда, у Вас выделенная область будет заполнена изображением
Ответить | Ответить с цитатой | Цитировать
 
 
# Amnesia 09.12.2009 13:58
Прекрасный урок! все получилось! Спасибо огромное!)
Ответить | Ответить с цитатой | Цитировать
 
 
# Андрей225 25.01.2010 16:31
Мучался сначала как сделать прозрачный фон, потом нашел..
а так автору огромное спасибо..все как обычно получилось)
Ответить | Ответить с цитатой | Цитировать
 
 
# Zuznik 03.02.2010 10:16
Подскажите пожалуйста,напр авляющие не находит.Ctrl+h ничего не дает. :-)
Ответить | Ответить с цитатой | Цитировать
 
 
# Irena66Kiev 01.04.2010 20:58
спасибо за очень полезный и интересный урок!
Ответить | Ответить с цитатой | Цитировать
 
 
# Это моё имя! 22.06.2010 22:33
Класный урок! Спасибо огромное! ;-) :lol:
Ответить | Ответить с цитатой | Цитировать
 
 
# MsHolloween 20.07.2010 16:25
:lol: :lol: :lol: ....ооо....урок просто здоровский....всё отлично получилось....и с первого раза....спасибо огромное)))))))
Ответить | Ответить с цитатой | Цитировать
 
 
# Rimoza 19.10.2010 10:38
И все же направляющие ни как не появляются...перепробывалав все сочетания клавиш, как то недавно у меня они появлялись я на что то нажала и теперь все..незнаюк ак вернуть их в нормальную работу?
Ответить | Ответить с цитатой | Цитировать
 
 
# Dik 09.12.2010 17:43
Получилось :-) , правда у меня при включении линейки прога вырубается а при включении сетки зависает :lol: сделал все в произвольном формате,(квадра ты все разные)зато все вышло. Спасибо урок прикольный
Ответить | Ответить с цитатой | Цитировать
 
 
# qvitek 31.01.2011 09:49
спасибо за урок все по :lol: лучилось
Ответить | Ответить с цитатой | Цитировать
 
 
# _Welenga 11.03.2011 18:44
Спасибо, урок действительно отличный и даже не новичкам нашлось что почерпнуть
Ответить | Ответить с цитатой | Цитировать
 
 
# akke 08.04.2011 14:11
Урок супер! все получилось))
Ответить | Ответить с цитатой | Цитировать
 
 
# zay4ik20 14.06.2011 11:25
может урок и хороший, но у меня стоит фотошоп на русском и что такое move tool и где его искать я беспонятия, потому как новичок в этом деле. пожалуйста повнимательней расписывайте! :cry:
Ответить | Ответить с цитатой | Цитировать
 
 
# Тёма95 18.07.2011 11:29
у меня тоже та же фигня... :-|
Ответить | Ответить с цитатой | Цитировать
 
 
# leyla 09.07.2011 23:59
и мне очень понравился урок.спасибки
Ответить | Ответить с цитатой | Цитировать
 
 
# Ксюндр 08.09.2011 11:29
:P Всё супер!!) Очень понравилось!! Огромное спасибо!
Ответить | Ответить с цитатой | Цитировать
 
 
# Таня101078 23.12.2011 11:05
Спасибо
Ответить | Ответить с цитатой | Цитировать