Магия Фотошопа

Объявление


Последние новости на форуме !!!
Задание в мини-школе - Чистка заднего фона!
Ищем нового модератора в ОДНОКЛАССНИКАХ!!!!!!
Будь в курсе наших новостей - Рассылка форума !!!


Пользовательского поиска

Информация о пользователе

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


Вы здесь » Магия Фотошопа » Мини-школа » Задание 26.05.2009 - Работа со слоями


Задание 26.05.2009 - Работа со слоями

Сообщений 1 страница 30 из 31

1

В Photoshop одна из самых главных возможностей — это использование слоев. Каждый слой в Photoshop — это отдельное изображение, которое можно редактировать отдельно от любого другого слоя. Любой слой в документе может быть просмотрен, как отдельное изображение. Вместе, все слои образуют единое изображение:

http://balbesof.net/up/article/img/photoshop_layers_2/psdlayer01.jpg

Фоновый слой
Любое изображение в Фотошоп имеет хотя бы один слой - ЗАДНИЙ ПЛАН (Фоновый). Однослойные изображения получаются в результате сканирования или открытия документа большинства графических форматов. Задний план отличается от других слоев, тем что он не может иметь прозрачных областей. Например если мы создадим выделение на фоновом слое и применим команду РЕДАКТИРОВАНИЕ-ОЧИСТИТЬ, то вместо прозрачной области на месте удаленного изображения, выделение будет залито основным цетом. Фоновый слой всегда находится под остальными слоями и служит фоном для объектов, которые находятся на этих слоях. Для преобразования фонового слоя в обычный двойным левым кликом по строке слоя вызываем диалоговое окно "Новый слой" и в строке ИМЯ вводим имя слоя или оставляем по умолчанию, нажимаем ОК. Теперь это уже не фоновый, а обычный слой, который может иметь прозрачные области.

Палитра слоев
Для управления слоями изображения служит палитра СЛОИ (Layers). В ней отображается небольшой эскиз (превью каждого слоя, чтобы было проще его найти). Отображающийся в Photoshop документ — это соединение всех слоев из стопки сверху вниз (внизу справа).

http://fotodryg.ru/imgyh/yh6_02.gif
http://balbesof.net/up/article/img/photoshop_layers_2/psdlayer03.gifhttp://balbesof.net/up/article/img/photoshop_layers_2/psdlayer02.jpg

Создание слоев
Старайтесь не лепить всё в один слой (особенно в слой Background). Возьмите за правило создавай новый слой каждый раз когда хочется добавить что-то новое. Для каждого отдельного объекта (даже простой линии) обязательно нужно создавать новый слой. В дальнейшем будет проще двигать, корректировать, применять фильтры, прозрачность, временно отключать слой. Некоторым слоям рекомендуется давать понятный вам идентификатор (в отличие от Layer10), чтобы легче было их потом находить. Ну вы сами разберетесь каким именно слоям важно иметь название когда начнете их искать и не находить.

Чтобы создать новый слой кликните по иконке http://www.habrahabr.ru/pictures/00/00/00/49/99/picture_33.gif во вкладке Layers. Удерживайте Alt чтобы иметь возможность задать сразу имя. Также вы можете создать слой нажав Ctrl+Shift+Alt+N (или Ctrl+Shift+N чтобы вас попросили задать имя).

Видимость слоев
В процессе работы с изображением иногда возникает необходимость отключения видимости какого либо слоя или нескольких слоев. Для этого необходимо нажать на значек глаза, который находится с левой стороны от строки слоя видимость которого нужно отключить. Если Вам необходимо оставить видимость только одного слоя, а остальные отключить, то будет проще кликнуть по значку глаза этого слоя при нажатой клавише Alt, тогда видимым останется только этот слой.
http://balbesof.net/up/article/img/photoshop_layers_2/psdlayer05.gifhttp://balbesof.net/up/article/img/photoshop_layers_2/psdlayer04.jpg

Порядок слоев
При работе с многослойным изображением важен порядок расположения слоев. Изображение верхнего слоя видно целиком, изображение расположенное на нижнем слое видно лишь частично, через прозрачные участки верхнего слоя, а если нижнее изображение маленькое, то его может быть и вовсе не видно. При изменении порядка следования слоев ситуация измениться. Для изменения порядка следования слоя необходимо его перетащить мышью на нужное место. Например слой с надписью находился между фоновым и верхним слоем, часть надписи была закрыта изображением вернего слоя, перетащим слой с надписью на самый верх и теперь мы видим всю надпись целиком.
http://fotodryg.ru/imgyh/yh6_05.gifhttp://fotodryg.ru/imgyh/yh6_06.gif

Группироваие слоев
Как только вам захочется двигать одновременно несколько элементов, то скорее всего вы оперируете с какой-то новой сущностью, не ленитесь сгруппировать эти слои и понятно обозвать. Это тоже должно войти в привычку. Группы позволяют быстро двигать составные элементы, быстро скрывать, а также (что немаловажно) быстро клонировать их. Чтобы создать пустую группу нужно кликнуть по иконке  во вкладке Layers. Аналогично со слоями удерживайте Alt чтобы задать сразу новое имя.

Но обычно пустые группы не создают, а объединяют в них уже существующие слои/группы. Чтобы мгновенно сгруппировать уже существующие объекты: выделите нужные во вкладке Layers и кликните по  удерживая Shift (или просто нажмите Ctrl+G). В результате все выделенные слои автоматически попадут в новосозданную группу. По аналогии со слоями, если зажать еще и Alt, то вас попросят ввести имя для группы. Если слоям названия не помешали бы, то для групп они уже довольно важны. Особенно важно назвать группу до ее клонирования (меньше будет мороки позднее).

Есть еще один неявный способ сгруппировать уже существующие слои. После выделения нужных слоев хватаем один из них и перетаскиваем на кнопку  внизу вкладки Layers.

В результате Layers уже выглядит как набор папок в вашей файловой системе. И такое структурирование очень удобно для перемещения и клонирования связанных объектов. Еще раз настою на том, чтобы вы сразу старались называть папки говорящими именами. Будет удобно изменять исходник даже через полгода, не говоря уже про ближайшие полчаса.
http://www.habrahabr.ru/pictures/00/00/00/49/99/picture_39.gif

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

http://fotodryg.ru/imgyh/yh6_07.gif

ВСЯКИЕ МЕЛОЧИ
- Начиная с Photoshop 7 появилась возможность назначать цвета группам и слоям. Вы уж сами разберитесь надо ли оно вам. Думаю, что при очень большом количестве групп/слоев цветовое разделение может помочь быстро найти нужный в списке.
- Поменять имя слоя/группы можно дважды кликнув на имени во вкладке Layers
- Быстро выделить (маской) весь слой можно Ctrl+кликнув по его миниатюре
- Чтобы быстро понять что это за слой с названием Layer10 большинство обычно скрывает/показывает его кликая по иконке http://www.habrahabr.ru/pictures/00/00/00/49/99/picture_35.gif. А если кликать по "глазу" удеривая Alt то, с точностью до наоборот, все скроется кроме данного слоя. Разумеется следующий Alt+Click вернет все как было.
- Одним нажатием можно скрыть/показать сразу несколько слоев если кликнув на "глаз" одного слоя провести (не отпуская кнопки мыши) по "глазам" остальных слоев.
- Вместо группировки в группы можно также связать объекты с помощью связывания (http://www.habrahabr.ru/pictures/00/00/00/49/99/picture_42.gif). Лично мне кажется что это пережитки прошлого и такой группировкой лучше не злоупотреблять (ну как минимум невозможно скрывать/показывать такую группу в один клик).
- Если клик по треугольнику рядом с группой раскрывает/закрывает эту группу, то Ctrl+клик раскроет/закроет все группы текущего уровня.
- Можно создать копию слоя (слоев), переместив его (их) на кнопку создания нового слоя (http://www.habrahabr.ru/pictures/00/00/00/49/99/picture_33.gif).

Источник: habrahabr.ru / fotodryg.ru / balbesof.net

Еще подробнее можно почитать в нашей справке - СЛОИ

Ну а теперь давайте перейдем к тренировке !!!

Подобрала замечательный урок - Урок по работе со слоями - будем учитсья делать - плетенку:

http://i026.radikal.ru/0804/d4/4c07b3c81bcb.jpghttp://i025.radikal.ru/0804/f7/9a9c5595d5d1t.jpghttp://i019.radikal.ru/0804/6b/c88f534c08ect.jpg

+2

2

Мои работы:
http://s54.radikal.ru/i144/0905/b7/ed5332238792t.jpg

Отредактировано ar.ven (2009-05-26 20:07:47)

0

3

ar.ven написал(а):

Мои работы:

Очень здорово)))
Когда фон все же лучше,лица вот например пропадают и не очень хорошо смотряться ))

0

4

А это мои
http://i61.servimg.com/u/f61/12/71/96/95/ddzdsd11.jpghttp://i61.servimg.com/u/f61/12/71/96/95/dnddd_10.jpghttp://i61.servimg.com/u/f61/12/71/96/95/dddund12.jpg

Отредактировано valirossi (2009-05-27 21:11:39)

+2

5

Классный урок спасибо! А вот и результаты
http://s50.radikal.ru/i128/0905/f1/5e74a7770f75t.jpg

http://s60.radikal.ru/i167/0905/be/6be5c51cf693t.jpg

0

6

valirossi написал(а):

А это мои

Здорово - а чего текстурки не накладывали - вроде с ними покрасивей ;)

lano4ka1 написал(а):

Классный урок спасибо! А вот и результаты

Супер - с дельфинами особенно понравилось  :cool:

+1

7

Еще одна работа
http://i060.radikal.ru/0905/b5/3314ceccc68et.jpg

А это с текстурой

http://s41.radikal.ru/i092/0905/fb/28adb173d885t.jpg

0

8

ar.ven написал(а):

Еще одна работа

Без текстуры лучше - более понятно или можно попробовать не так сильно ее применять )))))
А так - супер работы !!!

0

9

http://s54.radikal.ru/i143/0905/77/0befa843e133t.jpg

Классный урок!

0

10

yulia8008 написал(а):

Классный урок!

Рада что понравилось  :love:

0

11

Вот,тоже решила попробовать
первая неполучилась
http://i058.radikal.ru/0905/e0/aa83be7fc103.jpg
http://s61.radikal.ru/i171/0905/2a/0dddd88a30a4.jpg
http://s54.radikal.ru/i144/0905/bf/df0382ab6d8d.jpg
http://s51.radikal.ru/i133/0905/55/d7f229ee1c9a.gif

Отредактировано zabiyaka10 (2009-05-27 18:15:44)

0

12

zabiyaka10 написал(а):

Вот,тоже решила попробовать
первая неполучилась

Молодчинка,что попробовала !!!
Очень все здорово,а в первой - плетенку по шире бы - и было бы вообще идеально ))
А с замком так вообще красота !!!

+1

13

KrasotkaDJo написал(а):

Здорово - а чего текстурки не накладывали - вроде с ними покрасивей

и правда с текстурой лучше. Я все исправляю прям в посте.

Отредактировано valirossi (2009-05-27 21:07:02)

0

14

Вот и мой "опус"-не очень удачный,потренируюсь ещё:
http://i038.radikal.ru/0905/89/9de2ced6fb25.jpg

Отредактировано starval (2009-05-27 22:24:25)

0

15

starval написал(а):

Вот и мой "опус"-не очень удачный,потренируюсь ещё:

Но уже плетенка проявляеться ;)

0

16

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

Отредактировано natali76 (2009-05-28 10:23:01)

+2

17

natali76 написал(а):

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

ООООчень хорошо получилось,без текстуры в данном случае лучше - на изображении много деталей ;)))
Все отлично !!!!

0

18

Вот что получилось
http://i017.radikal.ru/0905/e6/1c1d30dd69ect.jpg
http://s49.radikal.ru/i124/0905/ea/729649f16121t.jpg

Отредактировано Вирсавия (2009-05-29 00:25:27)

0

19

Вирсавия написал(а):

Вот что получилось

очень здорово получилось))
В первой работе человека можно вырезать - чтобы он бежал как бы по картинке -а картинку плетенкой - было бы круто ))
а во второй - плетенку может пошире - тогда было бы понятно что там нарисовано ))
Здорово все получилось !!!!

0

20

В первой работе не человек, а коряга на песке

0

21

Вот-переделала (по моему получше ) :
http://s54.radikal.ru/i146/0905/ea/f0a7a55f299c.jpg

0

22

Сетку, т.е. размер и цвет можно настроить нажав ctrl+K для данного рисунка у меня стоит так:http://i004.radikal.ru/0804/53/a3a094dbf4fd.jpg

Я попытась этот шаг повторить, но вот что у меня открылось:
http://s58.radikal.ru/i161/0905/44/59174a9feabdt.jpg

Т.е. проблема в том, что не получается у меня настроить данную сетку.

0

23

Вот мои результаты, толко без настройки сетки:
http://s61.radikal.ru/i174/0905/06/c8e417ce6ffct.jpghttp://s42.radikal.ru/i095/0905/c6/1aa0ab36ba76t.jpg

0

24

Вирсавия написал(а):

В первой работе не человек, а коряга на песке

Можно и корягу - все равно прикольно было бы посмотреть )))

starval написал(а):

Вот-переделала (по моему получше ) :

Отлично получилось  :cool:

0

25

lash написал(а):

Я попытась этот шаг повторить, но вот что у меня открылось:

Открылось все правильно - просто разные версии фотошопа - смотрите на примере вверху выбрано на русском - напрвляющие,сетка и фрагменты,а у вас это меню просто вынесено влево,то есть в левом меню находите столбик - guides,grid  and slices - это тоже самое что и напрвляющие,сетка и фрагменты и тоггда у вас будет точно такие же настройки ;)))

lash написал(а):

Вот мои результаты, толко без настройки сетки:

ну отлично поулчилось ;))
мне нравитсья без текстуры - как глянец прямо - чоень здорово ;))

0

26

Ну тогда вот:
http://s44.radikal.ru/i105/0905/52/c4b3ec729401t.jpg

0

27

Вирсавия написал(а):

Ну тогда вот:

Ну мне нравитсья  :flirt:
хороший прием - думаю на будущее пригодиться ;)))

0

28

А вот что у меня получилось. Урок - прелесть. http://s40.radikal.ru/i087/0906/61/190d2f8bb60dt.jpg

0

29

Моё творение:)http://i049.radikal.ru/0906/8e/e4d499e277d6.jpg

0

30

Лия
Веселинка
Здорово  :cool:

0


Вы здесь » Магия Фотошопа » Мини-школа » Задание 26.05.2009 - Работа со слоями