Работа со слоями в Фотошопе. Что такое слои и как их правильно создавать в Photoshop

Доброго всем времени! Продолжаем изучать такую замечательную программу, как фотошоп. В сегодняшнем обзоре поговорим о том, как работать с картинками. Это весьма полезная функция, освоив которую можно спокойно создавать разного типа коллажи из нескольких небольших изображений.

Навыки эти будут полезны, если приходиться работать с рамками. Например, вы хотите фото своего ребенка поместить в новогоднюю рамку и подарить красивый портрет, да мало ли чего еще можно делать. Словом, пригодиться. Сегодня будут простые и легкие приемы с видео по теме. Читаем, запоминаем, берем на вооружение! Итак…

Небольшое изображение можно вставить так, что бы оно находилась как на заднем плане, так и на переднем. Вставляя фото, само собой придется изменять и его размеры. Ну и самое интересное, что особенно привлекает многих – это вырезание головы объекта и вставка ее в другую картинку. Захотите удивить своего товарища, «отрежьте» ему голову и присоедините ее, например к Сталлоне или Шварценеггеру. Обо всех этих приемахи будет рассказано в статье.

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

Сначала научимся совмещать изображения без каких-либо действий и трансформаций. Открываем программу и через меню «Файл» — «Открыть» выбираем любую фотографию-фон. Ее так же можно вставить и простым перетягиванием из папки размещения в окно программы. Что бы удобно было работать, как всегда в окне слои создаем копию фона.

Открываем это окно, выбираем инструмент «Прямоугольная область», обводим картинку.

По краям картинки увидим мерцающую пунктирную линию. Теперь копируем выделенную картинку с помощью команды «Редактирование» — «Копировать». Открываем фоновую картинку и через пункт верхнего меню «Редактировать»- «Вставить» вставляем. Изображение появится на переднем плане.

Вот что получилось. Обратите внимание, что вставляемая картинка в окне слоев легла поверх фоновой. Это значит, что она находится на переднем плане.

Ее можно переместить на задний план, то есть переместить слой вниз в рабочей области «Слои». Однако вставленную картинку не будет уже видно.

Для того, что бы картинка на заднем плане была видна, выделяем слой с фоном. Выше открываем меню с выпадающим списком и в нем выбираем пункт «Затемнение». В результате картинка на заднем плане появилась. Причем, заметьте, белый фон, на котором она была исчез.

Второй вариант, как можно вставить картинку не используя команду меню «Файл — «Открыть» – это сразу перетащить картинку из места расположения на фон.

Здесь, заметьте, на картинке появились направляющие, по которым можно отредактировать вставленную картинку. Растянуть, ужать, изменить размеры, повернуть.

Отредактировав картинку, нажимаем клавишу «Enter» и направляющие исчезнут. Однако картинка находится на белом фоне. Если применить к ней функцию «затемнение», то фон исчезнет, как в описанной выше операции. Таким образом, подытожим:

• картинку можно вставить путем простого перетаскивания из места расположения прямо на фон.
• картинку загружаем непосредственно в программу, копируем ее и вставляем на фоновую картинку.

Вставляем изображение в картинку и уменьшаем

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

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

Не забываем после изменений нажать «Enter», чтобы линии исчезли и картинка приняла изменения. Если же вы картинку вставляли из самой программы путем копирования, то ее размеры изменяются через меню «Редактирование — «Трансформирование» — «Масштабирование».

Вокруг картинки появится рамка с квадратиками по углам и середине. Если нажав клавишу «Shift» и зажав правой кнопкой мыши один из уголков, то картинка будет изменять размеры пропорционально. Если клавишу «Shift» не нажать, то картинка изменяет размеры неравномерно.

Как в фотошопе вставить картинку в картинку и покрасить ее в цвет фона?

Для чего это бывает нужно? Например, у нас имеется фотография какого-либо памятника, где необходимо поменять фон. Для этого загружаем в фотошоп картинку фона с небом. Копируем сюда картинку с памятником. Обратите внимание, что на окне слоев картинка со скульптурой находится выше фона, на переднем плане.

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

В результате рядом с картинкой памятника увидим белый квадрат. При этом на панели инструментов основной цвет должен быть черным, а дополнительный – белым. На полученном слое-маске будем заменять фон. Для этого на панели инструментов выбираем «Кисть». А на панели слоев выбираем маску, кликнув по ней мышкой.

Установив кисти нужный размер и жесткость, водим ею по рисунку. В результате видим, как стирается фон у картинки с памятником, а вместо него проявляется новый фон.

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

Вставляем картинку в картинку и делаем ее прозрачной, без фона

Перечисленные операции хороши для тех картинок, которые находятся на однородном фоне, например белом. Сделать их прозрачными при этом будет совсем не сложно. Если фон неоднородный, то придется, что называется, «попотеть». Итак, загружаем картинку как фон, копируем на нее вторую, у которой будем убирать белый фон.

Убрать фон можно несколькими способами. Об одном из них говорилось ранее. Переносим слой с картинкой ниже слоя фона и применяем к фону стиль «Затемнение». В результате на картинке проявится слой, который был перенесен вниз и уже без белого фона.

В следующем варианте удаления фона используется инструмент «Волшебная палочка». Выбираем этот инструмент.

Теперь нажимаем клавишу «Delete» и фон удалится. Вот и вся процедура. Если объект имеет ровные стороны, без резких углов сложных границ, то можно воспользоваться инструментом «Магнитное лассо».

Этим инструментом выделяем по контуру объект, после чего выбираем «Выделение» => «Инверсия» и уже потом «delete». Фон удалится. Эти способы хороши при однотонном фоне. Если же фон по цвету неоднороден, то необходимо воспользоваться режимом «Быстрая маска».

Выбираем режим, выбираем инструмент кисть и проводим ею по объекту.

По окончании работы кистью снова нажимаем на инструмент «Быстрая маска», а после — «Delete». Объект остался без фона.

Если он получился не очень контрастным, светлым, то проводим коррекцию во вкладке «Изображение». Там имеются все необходимые для этого инструменты.

Вставка изображения в слой (выделенную область)

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

Если вы выделяли при помощи инструмента «волшебная палочка», то на следующем этапе необходимо открыть вкладку «выделение» и выбрать там «Инверсия».

Таким образом мы выделим сам объект а не фон вокруг него. Теперь делаем копию («Редактирование» — «Копирование»), открываем нужный рисунок и через «Редактирование» — «Вставить» завершаем операцию.

Выделяем лицо человека и вставляем в другую фотографию

Подобная функция полезна, когда мы имеем какой-то шаблон – объект куда можно вставить голову человека. Это используется часто для дружеских коллажей, поздравительных открыток и пр. Например, не всегда можно найти нужный костюмчик, одеть в него ребенка, создать соответствующий фон и сфотографировать. Скачав же нужный шаблон и вставив в него лицо ребенка – получим нужный вариант без всяких затруднений.

Порядок действий тот же. Выбираем сначала фоновое фото. Потом выбираем фото ребенка, ну или кого-то еще. Выделяем голову любым удобным способом и копируем. После чего вставляем в первую картинку, подвигаем, что бы все легло – в результате получаем нужное нам фото. Ниже приведен очень простой пример этого действия. Вот и все операции по вставке картинок. Удачи!

Вам понадобится

• 1. Графический редактор Фотошоп (любой версии)
• 2. Файл с изображением, которое нужно вставить на слой
• 3. Файл, в который нужно вставить изображение

Инструкция

Открыть документ, в который нужно вставить изображение и файл, содержащий изображение , которое мы будем вставлять на новый слой . Выбираем меню File (Файл), пункт Open (Открыть). Можно использовать сочетание клавиш Ctrl+O. Такие сочетания называются «горячие клавиши», они очень полезны для быстрой работы в Фотошопе.

В открытом файле выделить часть изображения, которую нужно вставить на новый слой в нашем документе. Если нужно вставить все изображение , выбираем меню Select (Выделение), пункт All (Все). Можно использовать сочетание клавиш Ctrl+A. В случае, если нам нужно вставить на слой в нашем документе только часть изображения, в панели «Инструменты» (по умолчанию располагается в левой части окна) выбираем инструмент Rectangular Marquee Tool (Прямоугольное выделение). Зажав левую кнопку мыши, выделяем часть изображения, которую нужно вставить на слой .

Скопировать выделенное изображение . Выбираем меню Edit (Редактирование), пункт Copy (Копировать). Можно использовать сочетание клавиш Ctrl+C.

Вставить скопированное изображение . Для этого идем в меню Edit (Редактирование), пункт Past (Вставить) или используем сочетание клавиш Ctrl+V.
В документе, с которым мы работаем, автоматически создается новый слой , на который и изображение .

Не забываем сохранить результат. В Фотошопе нет функции , и лучше сохранить проделанную работу, чтобы не пришлось все заново. Для того, чтобы сохранить наш файл выбираем меню File (Файл), пункт Save (Сохранить) или используем сочетание клавиш Ctrl+S.

Полезный совет

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

Источники:

• Операции со слоями в Фотошопе
• как в меню вставить картинку

Программа Adobe Photoshop, являющаяся мощнейшим графическим редактором, позволяет в процессе работы создавать слои. Слой - отдельный пласт, помогающий не испортить изображение, а редактировать его постепенно, чтобы впоследствии можно было внести изменения. Умение создавать слои - первейший навык для работы в Photoshop.

Инструкция

Откройте графический редактор и создайте новый документ. Для этого нажмите вкладку File (Файл) и в ней New (Новый) либо нажмите сочетание Ctrl+N. Задайте изображению точные размеры, если это необходимо, нажмите Enter. Чтобы открыть уже существующий документ, нажмите Ctrl+Щ. Включите панель слоев клавишей F7, если в рабочей области Photoshop нет палитры слоев.

Создайте слой с помощью вкладки Layer (Слои). Нажмите надпись New (Новый) в этой вкладке и затем Layer (Слой ). В открывшемся диалоговом окошке дайте слою название в поле Name (Имя), измените непрозрачность (Opacity) или режим наложения (Mode). Если надо выделить какой-либо слой, определите его цвет в поле Color (Цвет). Нажмите ОK. Слой появится в палитре слоев.

Нажмите на стрелочку/стрелочку с полосками в окне работы со слоями. Стрелка/стрелка с полосками находится в правом верхнем углу. В открывшемся меню выберите New Layer (Новый слой). В палитре слоев нажмите на вторую справа кнопку, слева от маленького изображения мусорной корзины. Кнопка выглядит как лист бумаги с загнутым уголком.

В данном случае диалоговое окно не появится, но слой создастся и будет иметь настройки по умолчанию. Фон слоя будет прозрачным, а режим наложения будет установлен на Normal (Обычный). Чтобы переименовать слой, дважды кликните на Layer 1 (Слой 1). Впечатайте новое название.

Чтобы создать пустой слой без наполнения, нажмите сочетание клавиш Shift+Ctrl+N,. Выберите в диалоговом окне необходимые параметры и нажмите ОK.

Чтобы вставить копию слоя (например, фона), кликните на слой правой кнопкой мыши и нажмите Duplicate Layer (Дублировать слой). В поле Destination (Назначение) вы можете выбрать файл, открытый в Photoshop, в который вы хотите вставить слой. Нажмите ОK.

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

Источники:

• Слои и работа с ними в фотошопе в 2019

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

, два изображения можно объединить с использованием нового подменю Специальная вставка (Paste Special) меню Редактирование версии CS5 (в предыдущих версиях это меню называлось Вставить в).

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

Возможные варианты:

• Вставить вместо . Используйте эту команду для того, чтобы расположить изображение в том же месте, где оно находилось в документе, из которого вы его скопировали. Например, если изображение было выровнено по левому краю исходного документа, то и в новом документе оно будет выровнено по левому краю. Этой команде соответствует сочетание клавиш Shift+Ctrl+V.
• Вставить в . Используйте эту команду, если хотите расположить изображение внутри . Программа добавит вставленное изображение на отдельный слой и создаст слой-маску. Вставленное изображение будет видно только в выделенной области; остальная его часть будет закрыта слоем-маской. Сочетание клавиш: Alt+Shift+Ctrl+V.
• Вставить за пределами . Если вы хотите, чтобы программа фотошоп расположила изображение снаружи выделенной области, выберите этот вариант. Автоматически созданный слой-маска теперь будет закрывать выделенную область, вставленное изображение будет видно только вне ее. Команду удобно использовать для создания рамок или границ изображений.

Примечание

Если вы пользуетесь более ранней версией программы, данную команду можно вызвать, удерживая клавишу Alt и выбрав пункт меню Редактирование => Вставить внутри.

Как использовать команду Вставить в для того, чтобы объединить два изображения, не удаляя пиксели:

1. Откройте первое изображение и выделите область, где должно оказаться второе изображение. Я применю .

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

3. Откройте изображение, которое вы хотите вставить в рамку, и скопируйте его. Для этого нажмите комбинацию клавиш Ctrl-A, чтобы выделить изображение целиком, и затем скопируйте его, нажав комбинацию клавиш Ctrl-С.

4. Вернитесь к документу с рамкой и выберите команду меню Редактирование => Специальная вставка => Вставить в или нажмите комбинацию клавиш Alt+Shift+Ctrl+V. Фотошоп расположит изображение в отдельном слое вместе со слоем-маской. В окне документа вы увидите часть изображения, видимую в рамке.

5. Если фотография больше рамки, ее можно уменьшить с помощью : нажмите комбинацию клавиш Ctrl+Т и, удерживая клавишу Shift, перетащите мышью один из манипуляторов в углу внутрь изображения, чтобы пропорционально уменьшить изображение. Затем установите указатель мыши внутри границ; указатель мыши примет вид стрелки, позволяющей вам перетаскивать фотографию внутри рамки. Когда фотография будет установлена в нужное положение, нажмите клавишу Enter.

Если ограничивающий прямоугольник инструмента Свободное трансформирование выйдет за границы документа, нажмите комбинацию клавиш Ctrl+0. Масштаб окна документа изменится именно так, что станут видны все четыре угла прямоугольника. Эту комбинацию клавиш стоит запомнить, потому что она будет вам нужна постоянно.

6. Свяжите вставленную фотографию с маской.

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

В основном вы закончили работу с данным приемом объединения изображений , но предела совершенству нет - можно повернуть рамку, добавить тень и внутреннюю тень, а также изменить фон.

7. Удалите белую область вокруг рамки. В моем случае это просто отдельный белый слой, который можно просто удалить.

Если, например, ваше изображение и белый фон едины то: выделите слой с рамкой на слоев и дважды щелкните по нему мышью, чтобы сделать слой редактируемым. Далее нажмите клавишу W, чтобы выбрать , и щелкните по области вне рамки, чтобы выделить ее. Если вы выбрали рамку с кучей завитушек и трещин по краям, то выберите команду меню Выделение => Подобные оттенки (Select => Similar), чтобы выделить все белые области. Получив требуемое выделение, сгладьте его края с использованием диалогового окна Уточнить край. Наконец, нажмите клавишу Backspace, чтобы удалить эту белую область. Или воспользуйтесь другими известными вам приемами, например, при .

8. Увеличьте размер холста с помощью .

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

9. Выделите слои с рамкой и фотографией и поверните их с помощью инструмента Свободное трансформирование.

Выделите оба слоя, щелкая по ним мышью на палитре слоев, удерживая при этом клавишу Shift, и нажмите комбинацию клавиш Ctrl+T , чтобы выбрать Свободное трансформирование. Установите указатель мыши вне ограничивающего прямоугольника и, когда указатель мыши примет вид изогнутой двойной стрелки, немного переместите его, удерживая левую кнопку мыши, чтобы повернуть рамку и фотографию. Когда изображение будет повернуто на требуемый угол, нажмите клавишу Enter.

10. Добавьте внутреннюю тень в слой с фотографией.

Чтобы фотография выглядела так, словно она в самом деле находится в рамке, понадобится использовать внутреннюю тень. Для начала убедитесь, что выделен только слой с фотографией. Затем щелкните мышью по кнопке fx Добавить стиль слоя (Add a layer style) в нижней части палитры и в контекстном меню выберите команду Внутренняя тень (Inner Shadow) . В появившемся диалоговом окне измените параметры тени так, как вам надо и щелкните мышью по кнопке ОК.

11. Добавьте тень в слой с рамкой.

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

12. Добавьте в документ слой-заливку и задайте его цвет, затем перетащите его в самый низ списка слоев.

Завершающий этап создания рисунка - добавление нового цветного фона для рамки. Проще всего сделать такой фон, добавив слой-заливку. Для этого щелкните мышью по кнопке Создать новый корректирующий слой или слой-заливку в нижней части палитры слоев (на этой кнопке нарисован наполовину черный, наполовину белый круг), и в контекстном меню выберите команду Цвет (Solid Color) . В появившемся диалоговом окне Выберите цвет заливки (Color Picker) выберите желаемый цвет фона и щелкните мышью по кнопке ОК. Если в дальнейшем вы захотите изменить цвет фона, дважды щелкните мышью по миниатюре, чтобы заново открыть окно для выбора цвета.

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

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!

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

Как создать слой

При работе со слоями в Фотошоп часто необходимо создать новый чистый слой. Пользуются одним из способов:

1. «Слои» — «Новый» — «Слой…». В открывшемся окне можно задать название, цвет, режим, непрозрачность. По умолчанию настройки стоят на 100% непрозрачности. Можно сразу нажать «Ок».

2. Самый быстрый способ – нажать на иконку внизу палитры:

Перед тем как создать новый слой в фотошопе, желательно активировать именно тот слой, над которым планируется расположить создаваемый. Каждый новый появляется над активным.

Если требуется разместить новый под активным слоем, создаем его при зажатой клавише Ctrl.

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

Как создать новый слой – картинку

В Фотошоп для создания нового слоя предусмотрено несколько способов. Как открыть в редакторе изображение рассказывалось в уроке CS5 для начинающих « » в разделе «Область редактирования изображений».

Теперь создадим новый слой одним из вариантов:

1. Зайти «Файл» — «Открыть». В выпадающем окне выбрать необходимый файл, нажать кнопку «Открыть». Открывается новая вкладка. Зажимаем ее мышкой и перетягиваем на рабочую область. После этого зажимаем изображение и перетягиваем на вкладку, на которой собираемся его разместить.

2. Клавиши Ctrl+О, где О – буква, а не цифра. Дальше действия аналогично описанным выше, в п.1

3. Выбрать на компьютере изображение и перетянуть его мышкой в редактор. Нажать Enter. В этом случае палитре слой помещается как смарт-объект. Возможно для дальнейшей работы его придется растрировать.

4. Элементарно скопировать (Ctrl+C) картинку и вставить (Ctrl+V) ее в редакторе. Этот вариант работает только в том случае, если хотя бы один слой уже существует.

Теперь у нас два разных слоя, с которыми можно работать.

Как скопировать слой в фотошопе

1. Захватить мышкой слой и перетащить его на иконку внизу палитры, как показано на рисунке выше.

2. Щелкнуть правой мышкой на слой на палитре, в открывшемся списке выбрать «Создать дубликат слоя».

3. На панели управления «Слои» — «Новый» — «Скопировать на новый слой».

4. На панели управления «Слои» — «Создать дубликат слоя». В открывшемся окошке можно задать название и выбрать вкладку. Нажать «Ок».

5. Использовать горячие клавиши Ctr+J.

6. Выделить слой клавишами Ctrl+А или по пути Выделение – Все. Затем скопировать выделенное клавишами Ctrl+С или по пути Редактирование – Скопировать. И вставить клавишами Ctrl+V, или по пути Редактирование – Вставить. В палитре слоев появляется новый дубликат скопированного.

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

Любым из этих способов можно скопировать слой в фотошопе и получить его точную копию.

Здравствуйте, уважаемые читатели блога сайт. Сегодняшняя статья будет посвящена подготовке в программе Фотошоп () графических файлов для их публикации на сайте. У меня чаще всего , а затем прошедшие обработку (в основном в ).

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

Сам я в 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, ее настройки и возможности