Понятия о слоях изображения в Photoshop
Каждый документ Photoshop можно представить как стопку листов бумаги, наложенных друг на друга. Каждый документ фотошоп может состоять из одного слоя (Backgraund) или из большого количества слоев разной степени прозрачности (целиком прозрачных, непрозрачных или полупрозрачных). На каждом слое размещены отдельные фрагменты изображения. Через прозрачные и полупрозрачные области тех слоев, которые размешенные выше, можно видеть содержимое нижних слоев.
Слои документа в Photoshop можно перемещать для изменения положения и видимости отдельных фрагментов изображения аналогично перекладыванию листов бумаги в стопке, менять их порядок. Также есть возможность изменять уровень непрозрачности любого слоя, чтобы сделать его содержимое прозрачным или полупрозрачным.
Кроме этого в Photoshop есть еще слои-маски, есть корректирующие слои, предназначение которых – отображать один или все слои, расположенные ниже, с каким-то эффектом. Например, затемнение, осветление, увеличение насыщенности цветов, отображение только части слоя.
Главное назначение такого инструмента, как слой, – это возможность составить из нескольких разрозненных элементов одно изображение и работать с каждым слоем в отдельности, не изменяя другие.
Основные действия со слоями осуществляются в палитре Photoshop Layers (Слои). Чтобы ее открыть, нужно выполнить команду Windows (Окно) > Layers (Слои). Каждому слою в этой палитре отвечает отдельная строка с его миниатюрой и названием.
Что такое активный слой?
Создавать или редактировать изображение в Photoshop можно только в том слое, который на данный момент активный.
Определить, какой слой активный, можно в палитре Layers (Слои) - его строка выделена. Чтобы сделать активным другой слой нужно просто щелкнуть на нем мышкой в палитре Layers (Слои). Некоторые действия можно выполнять одновременно в нескольких слоях, например, изменение размера фрагмента изображения. Для этого выделяются сразу несколько слоев (используйте клавиши Ctrl или Shift).
Изменение порядка слоев, включение, выключение и связывание слоев
Слои изображения в программе фотошоп можно перемещать выше или ниже простым перетягиванием слоя мышкой в палитре Layers (Слои). Их можно выключать (делать невидимыми) щелкая на изображении глаза на палитре. Выключенные слои никуда не исчезают, даже после закрытия документа (изображения). Если вы потом, в следующем сеансе работы, откроете изображение с некоторыми выключенными слоями, вы снова сможете их включить.
Слои в фотошопе можно связывать друг с другом, объединять в группу с той целью, чтобы их относительное положение не менялось. При попытке изменения положения одного из связанных слоев перемещаться будут и все связанные с ним слои. Для этого внизу палитры Слои (Layers) нажмите кнопку Связать в виде фрагмента цепи. Выделенные слои будут связаны друг с другом, а на палитре Слои напротив их имен появится значок «цепочка».
Как добавить новый слой?
В фотошопе чень часто новый слой создается автоматически (например, при вставке фрагмента одного изображения в другое), но периодически возникает потребность сделать это вручную, добавить новый пустой слой.
Чтобы добавить новый пустой слой в Photoshop CS4, следует выполнить одно из следующих действий:
- 1 способ: Сделайте активным (выберите) на палитре Layers (Слои) тот слой, над которым вы хотите создать новый пустой слой, и внизу все той же палитры щелкните мышкой по кнопке Create New Layer (Создать новый слой) . Новый пустой прозрачный слой появится на палитре Layers (Слои) и автоматически станет активным - выделение перейдет на него. Данный способ добавления слоев является наиболее быстрым.
- 2 способ: Сделайте активным (выберите) на палитре Layers (Слои) тот слой, над которым вы хотите создать новый слой и в строке меню выберите Layers (Слои) → New (Новый) → Layer (Слой). В результате на экране появится диалоговое окно New Layer (Новый слой), в котором вам будет необходимо задать параметры слоя (можете сразу нажать ОК).
Свойства слоев
Все слои в совокупности имеют следующие свойства:
- Непрозрачность - характеризует степень прозрачности всех пикселей слоя, то есть насколько сквозь изображение на данном слое будет проступать содержимое слоя, который размещен ниже.
- Видимость - слой может быть включенный или отключен на палитре Layers (Слои) в фотошоп. Соответственно он будет или видимый, или не видимый.
- Режим смешивания (наложения) - характеризует, каким образом соединяется данный слой с тем, что лежит ниже. По умолчанию в программе Adobe Photoshop соединения происходит на основе прозрачности, но возможные разные варианты смешивания пикселей данного слоя с пикселями нижележащего слоя.
С помощью ползунка Opacity (Непрозрачность) при желании настроить непрозрачность слоя, то есть насколько сквозь последующее содержимое слоя будет просвечивать содержимое низлежащего слоя.
Опция Fill выполняет практически тоже что и Opasity, снижает непрозрачность слоя, но в отличии от Opasity, опция имеет одну замечательную особенность, снижая непрозрачность слоя, она оставляет видимыми все Стили слоя применяемые к изображению. Подробнее:
Дублирование слоя
Дублирование слоя заключается в создании нового слоя, являющегося точной копией какого-либо другого слоя: с тем же содержимым, положением и т.п. При этом название слоя-дубликата составляется из имени исходного слоя с добавлением слоя копия (сору). Новый слой-копия располагается над оригиналом.
Использование слоев-дубликатов позволяет хранить на одном из слоев исходное изображение, а все изменения и процедуры по редактированию осуществлять с копией изображения, расположенной на слое дубликате. Если изменения были неудачными, в любой момент можете отключить измененный дубликат и вернуться к исходному изображению.
Как создать дубликат слоя?
Это можно сделать несколькими способами:
- 1 способ. Щелкнуть правой кнопкой мыши по названию слоя на палитре Layers (Слои) и в появившемся контекстном меню выбрать команду Duplicate Layer (Создать дубликат слоя).
- 2 способ. На палитре Layers (Слои) ухватиться мышкой за тот слой, который вы хотите продублировать, и перетащить его мышкой (не отпуская кнопку мыши) на кнопку Create New Layer (Создать новый слой) . Как только вы отпустите кнопку мыши, копия слоя появится над своим оригиналом.
Объединение слоев
Объединение слоев - это процесс, который позволяет путём слияния соединять несколько слоев в один, тем самым уменьшая количество слоев в открытом документе. Когда работа над фрагментом изображения закончена, все слои, из которых он состоит, можно объединить. Для этого выделяют объединяемые слои и выполняют команду контекстного меню Merge(Объединить).
Чтобы объединить все видимые слои следует щелкнуть по текущему слою на палитре Слои правой кнопкой мыши и в появившемся контекстном меню выбрать команду Merge Visible (Объединить видимые). Кроме того, можно воспользоваться выбором в строке меню Слои → Объединить видимые или нажать «горячее» сочетание клавиши «SHIFT» + «CTRL» + «Е» - этот вариант слияния слоев представляет собой инструмент для объединения всех видимых слоев.
Удаление слоев
Способов удаления слоев в Photoshop CS4 предусмотрено достаточно много. Самые основные:
Удалить какой-либо слой можно, ухватившись за него мышкой на палитре Layers (Слои) и, не отпуская кнопку мыши, перетащив его на значок в виде корзины в правом нижнем углу этой же панели.
Можно просто щелкнуть правой кнопкой мыши по слою на палитре Layers (Слои) и в появившемся контекстном меню выбрать команду Удалить слой. Чтобы удобно избавиться ото всех невидимых слоев, воспользуйтесь выбором в строке меню Layers (Слои) → Delete (Удалить) → Layers (Слои).
Стили слоев
Стиль слоя – это совокупность свойств и . Стили можно создавать самостоятельно или использовать готовые. Подробнее:
К слоям в Photoshop можно применять стили, доступные в меню Layers (Слои) > Styles (Стили). Например, можно применить стиль «Тень», и от всех объектов данного слоя образуется падающая тень на слой, расположенный ниже.
Основные типы слоев
В программе Photoshop CS4 существует 5 основных типов слоев:
- Обычный слой - содержит пиксельное изображения объекта, которое можно редактировать инструментами Photoshop;
- Текстовый слой - содержит векторный текст, который редактируется с помощью специальных текстовых инструментов;
- Корректирующий слой - используется для создания специальных корректирующих эффектов (например, изменение яркости, насыщенности);
- Слой, который заполняет, (слой-заливание) - используется для создания заливания сплошным цветом, градиентом или узором;
- Слой смарт-объекта - содержит данные смарт-об"єкта и обеспечивает возможность его редактирования. Смарт-объект – это встроенный в программу документ, который имеет расширения PSB, но все свойства и возможности PSD-файлов сохраняет. Его можно редактировать отдельно от изображения и использовать в изображении много раз.
Существует несколько способов как в фотошопе вставить картинку в другое изображение . В этой статье я очень подробно опишу их все.
Предварительная подготовка
Для начала нужно открыть в фотошопе основное изображение, в которое требуется вставить другое. Это очень просто, если даже тут есть затруднение, то как это нужно делать.
Затем аналогичным образом откройте вторую картинку.
Таким образом, открыли два изображения в программе. Они должны находиться на разных . Задача перенести одно из них в другое. То есть в своем примере, я хочу поместить логотип сериала к портрету персонажа, чтобы получилось так:
Способ №1: перетаскивание картинки из вкладки
Чаще всего я пользуюсь именно этим способом. Он заключается в обыкновенном перетаскивании картинки из одной вкладки в другую.
По умолчанию фотошоп показывает панель с вкладками в одну строку:
Нам же нужно сделать так, чтобы все изображения было видно. Для этого потяните вкладку с логотипом вниз:
- наведите курсор мыши на вкладку с логотипом;
- нажмите левой клавишей мыши и, не отпуская ее, двигаете мышь вниз;
- Вы увидите, что вкладка примет форму окна, как окно у ОС Windows, — значит можно отпустить клавишу мыши.
В результате поверх основной картинки должно красоваться окно с другой картинкой, вот так:
Вы можете перемещать это окно в любое место в пределах программы. Для этого наведите курсор мыши на верхнюю часть окна, содержащую наименование данной картинки и с зажатой клавишей мыши перемещайте окно в любом направлении.
Вы также можете смело изменить размер этого окна, если оно слишком большое или маленькое. Для этого наведите курсор мыши на нижний правый угол. Когда он примет форму двухсторонней стрелочки потяните этот уголок в сторону. Окно будет изменяться вслед за движением вашей руки.
Теперь нужно соединить два изображения!
Картинка появилась совсем не в том размере, что хотелось бы. Нужно ее подкорректировать. Для этого потяните за концы черной рамочки в сторону уменьшения или увеличения. Когда закончите, нажмите на кнопку в виде галочки, расположенную на .
Чтобы картинка изменялась в пропорциональных размерах, удерживайте нажатой клавишу Shift .
Чтобы вновь вызвать редактируемую рамочку, нажмите Ctrl+T .
Способ №4: перетаскивание фото из папки OC Windows
Логично было бы говорить об этом способе после первого, когда вы учились перетаскивать картинку из вкладки. По большому счету, действия похожи, а вот результат отличается. Результат будет в точности такой же, как если бы использовали команду «Поместить» , то есть в итоге мы добавляем картинку .
Этот способ подходит если картинка, которую нужно вставить у вас сохранена где-то на компьютере.
Откройте папку с картинкой и разместите окно поудобней.
После этого изображение будет добавлено как смарт-объект, то есть повторится то, о чем я .
Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!
Вполне резонным будет начинать обучение программе Фотошоп с самого основного - с понятия слоёв и их взаимодействия, поскольку именно это стало в своё время визитной карточкой фотошопа и до сих пор является незаменимой чертой программы. Без полноценного умения использовать слои и их возможности нет смысла двигаться дальше в освоении.
Откроем редактор с произвольным изображением и потренируемся. Вверху окна программы видим меню вкладок, нас пока интересует только «Слои».
Как мы видим, создавать новый слой можно не только из выпадающего меню, но и при помощи комбинации клавиш Shift+Ctrl+N. Для того чтобы сделать работу ещё более комфортной и быстрой, разработчики предусмотрели возможность создания нового слоя в один клик
При нажатии этой кнопки слой создастся автоматически и размещён будет выше выделенного в списке слоёв.
Добавить что-либо в новый слой можно с помощью команды «поместить»
Переименовать можно простым двойным щелчком по имени слоя.
Выше списка слоёв находятся кнопки управления режимами и стилями слоя, а также фильтры слоёв
К слою можно применять такие действия :
Сменить стиль его наложения
Сменить его прозрачность и силу заливки цветом
Дополнительные функции
Также к списку слоёв, для большего удобства работы с ними, можно применять фильтры
Например, для того чтобы сделать дубликат слоя не открывая меню, одним кликом – достаточно нажать на нужном слое левой кнопкой мыши и не отпуская протянуть его до кнопки «новый слой» – появится его копия. Либо используя комбинацию Ctrl+J
Удалить слой можно как из выпадающего меню, так и просто нажатием клавиши Del. Или перетащить его к значку корзины внизу.
Чтобы выделить несколько слоёв , необходимо нажимать на требующихся слоях левой кнопкой мыши удерживая при этом нажатой клавишу Ctrl. Для того, чтобы их объединить – достаточно нажать комбинацию Ctrl+E. Для сведения всех слоёв в один – Alt+Ctrl+Shift+E, но нужно запомнить – выделенным должен быть самый верхний слой и он обязательно должен быть активным. Активность слоя переключается глазком слева от его (слоя) миниатюры.
Давайте поместим в наш пустой слой произвольный объект и проделаем с ним несколько действий.
Например, чтобы переместить слой достаточно потянуть его не отпуская левую кнопку вверх или вниз списка, а чтобы опустить его ниже фонового слоя – нужно разблокировать фоновый слой двойным щелчком левой кнопкой. Как видите – слой перемещён за фоновый, он активен, но из-за своего положения в списке не виден
Отменить любое действие можно нажатием такой комбинации – Ctrl+Alt+Z. Прокрутить же отменённые события вперёд – Ctrl+Shift+Z.
Создадим новый пустой слой и зальём его цветом. Чтобы залить основным цветом, достаточно нажать Alt+Backspace
Для заливки фоновым цветом – Ctrl+Backspace. Можно также использовать нижние кнопки, тогда выбранная функция будет представлена отдельным слоем.
Для сохранения возможности работать с порядком слоёв и редактировать их содержимое, при большом их количестве, иногда бывает удобно не связывать их в один, а сгруппировать .
Достигается это таким образом – нужно выделить все слои, которые хотим сгруппировать и нажать Ctrl+G. Можно конечно и из выпадающего меню «Слои» используя соответствующие вкладки. Разгруппировываются же они таким образом – нужно просто перетянуть требуемый слой по списку вверх или вниз так, чтобы он вышел за пределы отмеченные группой. Саму группу можно также превратить в смарт-объект, либо растрировать. К группе слоёв тоже можно применять функции смешивания, менять степень прозрачности и заливки, как и с отдельными слоями.
Слой вместе с содержимым можно трансформировать . Для этого используют комбинацию клавиш Ctrl+T. Непосредственно можно менять размер и форму объекта, просто подведя указатель мыши к одному из углов. Чтоб не потерять пропорциональность, это, например, важно для фото, при растягивании изображения нужно одновременно удерживать кнопку Shift.
Для придания же произвольной формы, нужно тянуть за края объекта с нажатой кнопкой Ctrl.
Здравствуйте, уважаемые читатели блога сайт. Сегодняшняя статья будет посвящена подготовке в программе Фотошоп () графических файлов для их публикации на сайте. У меня чаще всего , а затем прошедшие обработку (в основном в ).
Эта же публикация необычна тем, что основную ее часть написала моя горячо любимая и ненаглядная супруга, которая, собственно, и занимается подготовкой фоток для моего и своего проекта.
Сам я в Photoshop и даже в его упрощенной онлайн версии не силен (довольствуюсь возможностями и встроенного в него редактора), поэтому мне пришлось обратиться к любимой супруге с просьбой описать процесс подготовки моих фоток со всеми нюансами и тонкостями.
Создание изображения для сайта в Photoshop
В открывшемся окне, слева, будут отображены два варианта нашего созданного рисунка: вверху исходный вариант, а под ним то, что выйдет у нас в итоге при оптимизации для Web. Изменяя настройки сохранения, по нижнему варианту мы сможем добиться ухудшения качества результирующей картинки.
Здесь вы можете экспериментировать с форматами, в котором будет сохраняться графика для сайта (статью о них см. выше), качество или количество используемых в итоговом изображении цветов. Наша задача состоит в том, чтобы добиться минимального веса при минимальном ухудшения качества картинки. В общем, найти золотую середину.
Как вставить созданную картинку на сайт
Ну, вот изображение, оптимизированное для Web, мы создали при помощи редактора Фотошоп или его бесплатного онлайн аналога Pixlr. Теперь эту картинку нужно каким-либо образом вставить на сайт. Обычно для этих целей используют визуальные редакторы того движка, с которым вы работаете.
В этом случае графический файл загружается на сайт с помощью инструментов визуального редактора. Довольно удобно и просто. Но вот я, почему-то, всегда предпочитал другой способ вставки. Сначала подключаюсь к сайту по FTP c помощью моего любимого FTP клиента FileZilla, подробно описанного .
Загружаю графический файл на сайт в отведенную для этого папку, а затем вставляю в текст статьи уже заготовленный штамп с тегом Img и уже прописанными заготовками для атрибутов, а так же для его последующего позиционирования или же любого другого оформления.
10.png" />
Для класса img_center1 в моем стилевой файле (из папки с текущей темой оформления Вордпресс) прописано следующее правило:
Лично я пишу статьи в WordPress, используя только HTML редактор, в котором для удобства добавил кнопки, позволяющие быстро вставлять в текст штампы:
Таким образом можно очень быстро вставить фото на блог. Дополнительные кнопки в Html редактор можно добавить с помощью плагина Post Editor Buttons . Как нибудь опишу подробно работу с ним, а пока вы можете сами пробовать разобраться, тем более, что там ничего сложного нет.
Удачи вам! До скорых встреч на страницах блога сайт
посмотреть еще ролики можно перейдя на");">
Вам может быть интересно
Где можно бесплатно скачать Фотошоп - как получить и бесплатно активировать программу PhotoShop CS2 с официального сайта Adobe
Как получить быстрый сайт - оптимизация (сжатие) изображений и скриптов, а так же уменьшение числа Http запросов
Создание CSS спрайтов в онлайн генераторе Sprites Me для снижения числа запросов к серверу
Как сделать скриншот экрана с помощью Print Screen и в программе для снятия скринов Snagit, ее настройки и возможности
Приветствую будущих мастеров фотошопа в моем блоге Start-Luck! Фотошоп — это искусство, которым мечтают овладеть многие. Зачем платить за дорогостоящие обработки, если же можно самостоятельно творить чудеса: начиная от , заканчивая изменением веса и Конечно, только на словах все звучит очень просто, а вот на практике…
Зашел первый раз в Photoshop и увидев столь обширную панель инструментов, мы впадаем в недоумение. Первый вопрос: «что это такое и с чем его едят?». Итак, чтобы овладеть ФШ, нужно набраться терпения и начинать с малого. Сейчас я вам расскажу как создать пустой слой в фотошопе. Для этого буду объяснять как теоретически, так и практически.
То, о чем сегодня пойдет речь — первый и самый важный этап в Фотошоп
Я пишу для тех, для кого слои — это темный лес. Первое правило, которое вы должны запомнить, работая с Adobe Photoshop, что слои — это очень важно! Я знаю, сейчас вы не совсем понимаете о чем идет речь. Но, читая статью дальше, вы убедитесь, что все примитивно просто.
Что такое слой?
Чтобы объяснить максимально доходчиво, скажу, что слой в Photoshop — это то же самое, что и в реальной жизни. Где кроме фотошопа мы можем встретить этот термин?
- Атмосфера нашей с вами планеты состоит из нескольких слоев;
- Иногда при отделке квартиры или дома, мы покрываем стены не одним, а несколькими слоями краски;
- Шрек, как и лук состоят из прослоек;
- На бутерброд намазываем толстый слой масла.
В Фотошопе примерно также. Итак, чтобы увидеть этот чистый слой, конечно же, его сначала нужно создать. Жмем на File (Файл), где выбираем пункт New (Создать). Выскочит такое окно:
Итак, первый способ: в главном меню переходим по вкладке Layer (Слой), после следуем в New (Новый), а дальше уже снова в Layer (с этим словом вы уже знакомы). На экране появится такое окно:
Кстати, можете ввести какое-то имя, хотя это совсем не обязательно. Но, все иные параметры оставьте так, как видите на фото.
Еще один способ следующий: на рабочем столе Фотошопа с правой стороны должно быть специальное окошко, которое позволяет творить. Если же оно отсутствует, его можно вызвать горячей клавишей F7. Вот, когда оно уже перед нами, ищите в нем стрелку (на фото ниже показано). Нажав на нее, вас автоматически переведет в меню, где будет нужный нам пункт New Layer (Новый слой). Нажав на него, перед вами появится уже знакомое окошко.
Следующий, а именно уже третий по списку способ очень простой — нужно использовать следующую комбинацию: Shift-Ctrl-N
. Все, работа выполнена. Кстати, мы будем видеть вот это в панели инструментов справа:
Эта шахматка определяет прозрачность.
На вашем рабочем столе, где вы планируете начать свое творчество, эта шахматка себя никаким образом не проявит, ситуация не изменится, фон и далее будет просто белым.
Вот, например, если положить на стол бумагу формата А4 (на которой мы в общем-то и собираемся работать), а на нее положить прозрачный файл, ситуация ведь не изменится, так ли? и далее будет белым.
Чтобы наконец-то увидеть этот слой, на нем нужно что-то сотворить, нарисовать, написать… Я для наглядности рисую круг (представляем себе, что этого голова будущего специалиста в ФШ индустрии). Предлагаю работать вместе со мной. На фото наше искусство.
На этой шахматке мы видим круг — то есть, наши труды. Белый фон снизу — это основной фон.
Слева от созданного слоя или главного фона мы видим в маленьких иконках глазик — он говорит, что фон видимый, а вот кисть свидетельствует о том, что этот слой на данный момент активный, именно с ним мы сейчас работаем.
Попробуйте забрать глазик, нажав на него. На рабочем столе будет следующая картина:
Как вы догадываетесь, для максимального понимания что это за термин и с чем его едят, мы работам на два фронта: в реальной жизни и «виртуально» — в программе. На данный момент в «реале» у нас получается:
Надеюсь вы понимаете, что на голове, которая находится в прозрачном файле на белом листе формата А4 — это то же, что и нарисованный круг на новом слое в фотошопе.
Итак, голова у нас есть, продолжаем работать дальше. Приступаем к процессу творения тела и рук будущего мастера. Для этого нам необходимо снова добавить слой (да-да, еще один!).
В программе выполненная работа получится такой:
А в реальной жизни изображение выглядело бы иначе:
Нам осталось сделать ноги. Ну что же, и снова создаем. Ура, есть готовый персонаж. Как вы видите на картинке, я поменял слои местами, то есть ноги перетащил под рубаху, чтобы та была над ногами.
Слишком строго судить получившегося человечка не стоит. Да, он немного бесформенный, страшный, да и безликий. Но мы ведь не учились сейчас творить чудеса, а изучали принцип работы слоев.
А что же происходит с реальным рисунком?
Чтобы завершить общий образ, давайте дорисуем еще мольберт. Для этого, как всегда создаем что? Верно, слой! Вот что теперь мы имеем.
А в реале получаем:
Изучать нюансы можно еще очень долго: как дублировать, копировать или же блокировать. Но на сегодня достаточно того, что мы научились и поняли, что они собой представляют.
Маленькие хитрости
Сейчас напишу несколько советов, которые вам обязательно пригодятся в будущем.
Создавайте побольше слоев. Не нужно все лепить в одном слое, особенно в основном фоне. Каждый раз, когда вы желаете добавить что-то новое (даже мелкую линию дорисовать), все равно создавайте новый слой. Это позволит в дальнейшей работе корректировать, изменять, удалять и так далее. Также можете давать слоям определенные имена, чтобы в будущем было проще с ними работать, например: «можно удалить» или «добавить прозрачности».
Я вам рассказал об одном из первых шагов в фотошопе, с которым вы можете работать в Cs6, Cs5 или Cs7. Если вы прямо сейчас желаете продолжить обучение, рекомендую обратиться в «Фотошоп с нуля в видеоформате ». Здесь много интересной, полезной и увлекательной информации, которая позволит подняться в «фотошопной» индустрии на ступеньку выше.
Ну что же, я закончил очередной свой рассказ и очень надеюсь, что информация была для вас полезной. Буду рад, если вы поделитесь ею с друзьями в социальных сетях. Подписывайтесь и до новых встреч!
