Работа со слоями

Работа со слоями в фотошопе

 

У многих возникает вопрос, как перетаскивать картинку, как переходить со слоя на слой или как уменьшать слой и так далее…

Поэтому я решила сделать небольшой урок, в котором будет подробно описано, как работать со слоями. Надеюсь, после него у многих пропадут затруднения и вопросы…

 

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

1. Перетаскивание картинки с одного документа на другой.

2. Трансформация.

3. Режимы наложения слоев.

4. Переход по слоям.

5. Стирание слоя.

6. Выделение по контуру.

7. Маленькие хитрости.

 

Создаем новый документ (например 450*300px). И заливаем черным цветом.

Создание нового документа в фотошопе

  

1. Перетаскивание картинки с одного документа на другой.

Теперь открываем любую картинку и устанавливаем ее рядом с нашим документом. Теперь ] выбираем инструмент Move (движение), потом клацаем по картинке, которую хотим перетащить. Зажимаем левой кнопкой мыши на картинку и тянем (не отпуская кнопку мыши!) на нужный документ.

Перетаскивание картинки с одного документа на другой

  

2. Трансформация

Картинка не всегда бывает того размера, который нам необходим, поэтому существует трансформация (Ctrl+t). Однако ей тоже нужно уметь пользоваться!

Прежде чем перейти к трансформации проверьте на том ли вы находитесь слое, который вам нужно уменьшить. Да - да, именно уменьшить! Старайтесь не увеличивать картинку с помощью трансформации, так как потеряете качество картинки!

Девочка аниме с голубыми глазами

 

 

После того как вы убедились, что все выставленно правельно нажимаем Ctrl+t. По контуру картинки появиться 8 узлов. Для того что бы уменьшить картинку (без искажения) необходимо зажать клавишу Shift и тянуть за любой угловой узел (обведен красной окружностью).

Девочка вокалоид в воде

  

 

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

Поворачиваем картинку в фотошопе

  

3. Режимы наложения слоев

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

Параметры для слоя выбираются в верхней панели на вкладке слоев.

Затемнение картинки в фотошопе

  

 4. Переход по слоям

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

переход по слоям 

  

 

Как и в моем случае… Я вижу что моя картинка получается сильно темной. Поэтому я перехожу на слой ниже и заливаю градиентом.

градиент на аниме картинке
  

5. Стирание слоя

Так как я залила градиентом по кругу, меня теперь не устаивают четкие края слоя с картинкой, поэтому я хочу его немного подтереть. Для этого я опять перехожу на верхний слой, выбираю инструмент ластик, а затем выставляю для него настройки: мягкая кисть размером 100px.

рисуем кистью на аниме картинке вокалоиды

  

 

И стираю ненужные части картинки.

ненужные части вокалоида
  

6. Выделение по контуру.

Теперь нам понадобиться картинка без заднего фона 

(можете сами вырезать или скачать скрап набор).

парень и девушка в наушниках из аниме
 


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

перетягиваем картинку


 

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

Новый слой Vocaloid

 

 

Теперь оставаясь на новом слое, зажимаем Ctrl и клацаем по окошку (там, где показано, что у вас находится на этом слое) слоя Vocaloid_-_Yokune_Ruko. После этого на новом слое появиться выделение, которое соответствует контуру слоя Vocaloid_-_Yokune_Ruko

оставаясь на новом слое

 

 

Заливаем наше выделение цветом, с помощью инструмента заливка. Выбираем инструмент трансформации (Ctrl+T) и увеличиваем однотонную фигуру Yokune_Ruko.

У нас получится эффект отбрасываемой тени.

Теперь заливаем наше выделение цветом

 

7. Маленькие хитрости.

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

Уроки photoshop – Работа со слоями

  

Автор урока: Prescilla

Данный материал подготовлен для Вас командой сайта http://bakemono.ru

Данный материал предоставлен владельцами сайта Bakemono.RU и имеют на него полные авторские права. При копировании или частичном использовании данных новостей на других сайтах, в обязательном порядке уведомить автора данной новости "Prescilla" и разместить активную ссылку на источник.

+ +81 -
Комментарии к Работа со слоями
Офлайн
лера
лера 20 апреля 2015 09:14
+ 0 -
как программа называется ?? cheers
Офлайн
Anna2001 24 января 2014 15:30
+ +1 -
Цитата: Italia
Спасибо ay вот что у меня получилось know красуется теперь на рабочем столе cg

cb furious

КЛАССНО МОЛОДЕЦ

Я ОБОЖАЮ СОЗДАТЕЛЕЙ ЭТОГО АНИМЭ САЙТАААА not
Офлайн
Кимико 28 ноября 2013 18:46
+ 0 -
"Теперь оставаясь на новом слое, зажимаем Ctrl и клацаем по окошку (там, где показано, что у вас находится на этом слое) слоя Vocaloid_-_Yokune_Ruko. После этого на новом слое появиться выделение, которое соответствует контуру слоя Vocaloid_-_Yokune_Ruko"

Хмм... sm28 как это понять?У меня,хотя я делаю ВСЁ правильно...не выделяется картинка(В чём проблема? ak
Офлайн
Котэ_под_наркотэ
Котэ_под_наркотэ 28 сентября 2012 08:58
+ 0 -
Аригато за урок!!!
Офлайн
Neko 231
Neko 231 27 сентября 2012 07:16
+ 0 -
Супер,всё понятно и просто ay
Офлайн
Italia
Italia 10 сентября 2012 23:10
+ 0 -
Спасибо ay вот что у меня получилось know красуется теперь на рабочем столе cg

cb furious
Офлайн
А-Чан
А-Чан 7 июня 2012 11:44
+ 0 -
Классный урок!ct love
Офлайн
Mugityan 5 февраля 2012 15:08
+ 0 -
Prescilla, можешь дать картинку с девочкой и мальчиком с бабочками?
--------------------
Лучшим каждому кажется то, к чему он имеет охоту
Офлайн
Какая Прелесть:D
Какая Прелесть:D 5 сентября 2011 16:47
+ 0 -
Помогите мне bj Где можно скачать photoshop CS5 Немогу найти know2 Чо делать? kill Помгите чем сможете bb
P.S. Ваш Какая прелесть:D
Офлайн
moni-chan
moni-chan 5 сентября 2011 08:51
+ 0 -
Спасибо за урок!!!!!!!!!!!! fascinated Вообще классно получается!!! love
Офлайн
Анимешница-школьница
Анимешница-школьница 25 августа 2011 20:26
+ 0 -
красиво получилось я тоже так попробую)) fascinated
Офлайн
Diva
Diva 2 августа 2011 10:49
+ 0 -
Спасибо за урок, клевая картинка получилась delighted
Офлайн
Mokaito
Mokaito 30 июня 2011 03:47
+ 0 -
понятненько))
Домо аригато) know теперь буду знать
Офлайн
Prescilla 28 июня 2011 11:44
+ 0 -
Mokaito, белый фон трудно спрятать, его только удалять нужно.
В уроке у меня картинка с фоно и заливаем нижний слой мы градиентом схожими цветами с картинкой вот и получается плавный переход.
--------------------
Офлайн
Mokaito
Mokaito 28 июня 2011 03:30
+ 0 -
Prescilla,
ну...выше фона,но цвет картинки не изменился,хотя у самой картинки фон был белый..
Офлайн
Prescilla 26 июня 2011 15:03
+ 0 -
Цитата: Mokaito
поставил светлую картинку и ничего не изменилось...в чем проблема??

Куда вы ее поставили?
--------------------
Офлайн
Mokaito
Mokaito 26 июня 2011 01:00
+ 0 -
вопрос:у меня фотошоп cs5,фон черным залил,поставил светлую картинку и ничего не изменилось...
в чем проблема??
Офлайн
Prescilla 14 мая 2011 11:35
+ 0 -
Цитата: White2
единственно не понял ._.

немного переписала этот шаг в уроке.
--------------------
Офлайн
White2
White2 14 мая 2011 11:07
+ 0 -
Теперь заливаем наше выделение цветом и с помощью трансформации увеличиваем размер (в этом случае не страшно увеличивать , так как в фигуре присутствует только один цвет).
единственно не понял ._. eh
Офлайн
Sailormoon
Sailormoon 24 апреля 2011 11:17
+ 0 -
Люди пожалуйста киньте кто нибудь ссылку где можно скачать Photoshop
хочу попробовать так сделать а программы нигде нету(нельзя скачать)
Помогите((((( cheers
Офлайн
mikitosina
mikitosina 8 марта 2011 16:34
+ 0 -
афигенчик! вот только по подробнее,я еле заливку сам нашол =\
по подробнее описывайте действия,но всёравно вери гуд,сенкс =))) ay
Офлайн
Prescilla 7 марта 2011 16:30
+ 0 -
Цитата: Saumix
Prescilla , а можешь скинуть картинку парочки плизик...

добавила ссылку на скачивания возле картинки
--------------------
Офлайн
HeNrietta 7 марта 2011 10:39
+ 0 -
Большое спасибо! С вашими уроками потихоньку увеличивается опыт и появляются новые навыки! Все доступно и понятно, спасибо еще раз! cheers
--------------------
Их, вроде, "кот" зовут...(c)
Офлайн
Saumix 4 марта 2011 21:28
+ 0 -
Prescilla , а можешь скинуть картинку парочки плизик...
--------------------
Офлайн
UraharaVaiZarD
UraharaVaiZarD 1 марта 2011 22:39
+ 0 -
Шикарнота, надо будет попробовать :3
Офлайн
HAKK28
HAKK28 1 февраля 2011 05:24
+ 0 -
спосибо теперь сам буду картинки мострячить ^_^ огромное спосибо за урок
Офлайн
Prescilla 31 января 2011 11:28
+ 0 -
Цитата: Венгрия
а у вас что ли английский фотошоп???

У меня все программы на английском, мне так удобней al
--------------------
Офлайн
Венгрия
Венгрия 31 января 2011 09:34
+ 0 -
kill
а у вас что ли английский фотошоп???
Офлайн
Алиса Кровавый Кроля
Алиса Кровавый Кроля 14 января 2011 19:52
+ 0 -
Prescilla

furious пасипки на этот раз получилось))
Офлайн
NekoNeko
NekoNeko 14 января 2011 13:28
+ 0 -
Ваааау furious Аригато
поййду рисовать
Добавить комментарий
    • bxbybzcacb2cc2cd
      cecfcgchcicjck
      clcmcpcsctcucv
      cwdadbdcsleepaoknow2
      burpfuriousccazslobbersm32bj
      arfearfeelbusm28sm16be
      killshyslapfascinatedalnotlove
      helloakangrybbapeaylol
      kisssmilecbdelightedyesknowwhat
      ancheerseh