Отправляет email-рассылки с помощью сервиса Sendsay

Рецепты HTML

Рассылка закрыта

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Май 2005   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Автор
Влад Мержевич

Статистика

12.722 подписчиков
-26 за неделю
←   Все выпуски   →

Рецепты HTML # 160


Информационный Канал Subscribe.Ru
htmlbook.ru Для тех, кто делает сайты Помощь по сайту
СтатьиКнигиФорум

Добрый день.

На сайте обновился раздел Теги HTML. Теперь чтобы посмотреть нужный тег используйте путь http://www.htmlbook.ru/html/div.html

div.html — это файл описания с тегом. Так проще запоминать и быстрее находить описание нужного тега. Кроме того, добавились еще два тега — ABBR и ACRONYM. Соответственно ссылка на них будет

http://www.htmlbook.ru/html/abbr.html
http://www.htmlbook.ru/html/acronym.html

Продолжаем тему создания коллажей, остался предпоследний этап. Для тех, кому не терпится посмотреть окончательный результат манипуляций, рекомендую зайти на сайт, все статьи по этой теме на нем уже выложены.

Делаем коллаж. Наложение и трансформация

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

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

1. Открываем изображение девочки на прозрачном фоне и фотографию гриба (рис. 1).

Изображение гриба Изображение девочки на прозрачном фоне

Рис. 1. Подготовленные изображения для коллажа

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

Рис. 2. Исходные слои

Рис. 2. Исходные слои

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

Способ 1

  • Выделяем все изображение с девочкой через меню Select > All или используем комбинацию клавиш <Ctrl>+<A>.
  • Копируем содержимое выделенной области в буфер (Edit > Copy или <Ctrl>+<C>). Заметьте, что так копируется содержимое только текущего слоя, для того, чтобы скопировать в буфер все слои, следует использовать Edit > Copy Merged (<Shift>+<Ctrl>+<C>).
  • Переходим к изображению с грибом и выбираем пункт Edit > Paste (<Ctrl>+<V>). Новый слой, содержащий изображение девочки, будет создан автоматически.

Способ 2

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

Рис. 3. Перетаскивание слоя из одного изображения в другое

Рис. 3. Перетаскивание слоя из одного изображения в другое

3. Окончательно должно получиться изображение с двумя слоями, где слой с девочкой располагается поверх слоя с грибом (рис. 2). Осталось только изменить масштаб и расположить фрагменты коллажа в нужных местах.

Выбираем инструмент Свободная трансформация (Image > Free Transform, <Ctrl>+<T>) и, удерживая кнопку <Shift>, тянем за один уголок отображаемого прямоугольника. Кнопка <Shift> нужна, чтобы сохранить пропорции изображения, иначе появятся нежелательные искажения. Можно одновременно перемещать видоизменяемую область в нужное место. Чтобы применить эффект трансформирования нажмите кнопку <Enter> или дважды щелкните мышкой внутри области трансформации.

Результат использования трансформации продемонстрирован на рис 4.

Рис. 4. Результат трансформации слоев

Рис. 4. Результат трансформации слоев

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

Интересные темы форума

Как правильно писать термины
Некоторые типичные литературные ошибки при описании терминов, которые встречаются на сайтах.

Правило 7±2
Правило, которое частенько находит применение при создании навигации на сайтах. Но вот обоснованно ли?

Как конвертировать html-файлы в формат CHM
Формат CHM используется для создания удобного справочного пособия, в котором можно использовать ссылки, изображения, тексты, все то, что применяется в HTML.

Почему таблицы это хорошо
Преимущества таблиц по сравнению со слоями при верстке сайта.

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

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


Copyright © 2002 - 2005 Влад Мержевич, по всем вопросам пишите по адресу vlad@htmlbook.ru
Материалы сайта охраняются законом об авторском праве. Ни одну статью нельзя воспроизводить или использовать в какой бы то ни было форме, для каких бы то ни было целей или какими бы то ни было средствами без письменного разрешения автора.

http://subscribe.ru/
http://subscribe.ru/feedback/		 Подписан адрес:
Код этой рассылки: inet.webbuild.htmlbook		 Отписаться
В избранное