Воскресенье | 04.12.2016 | 11:10
Методсовет
методический портал учителя
Приветствую Вас Гость | RSS

Меню сайта

Форма входа
Логин:
Пароль:

Категории раздела
Программируем на DELPHI [1]
Ведущий класса Дибиров Магомедшапи
Триггеры в создании тренажеров [6]
Ведущая класса Шевцова Светлана
Анимированная поздравительная открытка [6]
Ведущий класса Кривенцов Леонид
Создание анимированных картинок для учебных пособий на примере поздравительной открытки [6]
Ведущий класса Агибалов Сергей Константинович
Знакомство с платформой для ШДО [2]
Ведущий класса Шевцова Светлана Анатольевна и Ельшина Галина Валентиновна
Интерактивная раскраска в программе PowerPoint [2]
Ведущая класса Колямина Светлана Александровна
Cозданиe интерактивных тестов на основе шаблона А.Н. Комаровского [2]
Ведущая класса Костенко Наталья Владимировна
Интерактивный кроссворд в PowerPoint [2]
Ведущая класса Костенко Наталья Владимировна
Создание видеороликов в программе Photodex ProShow Producer [3]
Ведущая класса Костенко Наталья Владимировна

Поделиться

Статистика

Онлайн всего: 6
Гостей: 6
Пользователей: 0

Наша кнопка

Методсовет


 Мастер-классы 
Главная » Мастер-классы » Анимированная поздравительная открытка

Урок 2. Работа со слоями.
16.04.2011, 12:06
Здравствуйте, уважаемые коллеги.

Сегодня мы с Вами будем собирать нашу открытку из всех графических элементов. Я надеюсь, что Вы все очень хорошо подготовились и нашли все необходимые нам для работы изображения.
Итак, начинаем...
Запускаем программу Adobe Photoshop. Проверяем чтобы все необходимые нам окна были открыты (ставим галочки если нет в меню Окно (Window)):

В меню Файл→Открыть (file→open) находим нашу фоновую картинку. Не забываем: чтобы увидеть в окне картинку, необходимо выбрать тот тип файлов, в котором наше изображение. Теперь необходимо узнать размер изображения и уменьшить его при необходимости. Делается это с помощью меню Изображение→ Размер изображения (Image→size image). Напоминаю, что изображение должно быть по ширине не менее 400 пикселей – горизонтальная открытка или 300 пикселей – вертикальная. Но и очень большой размер не приветствуется, поэтому лучше всего изменить его до приведенных значений (примерно, в пикселях). Если у Вас что то не получилось, то всегда можно обратиться к окошку История (history) и отменить последние действия нажатием кнопки мыши на корзинку или в меню Редактирование→Отмена (Edit→undo...):

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

Сначала необходимо подготовить изображение для переноса на фоновое изображение (желательно). Но не забываем что работать со вторым изображением можно и тогда, когда оно будет являться слоем на фоновой картинке. Уберем фон: в панели инструментов выбираем Волшебный ластик и мышкой кликаем на фон (он должен исчезнуть). Возможно будет необходимо удалять фон частично, тогда нужно кликать на каждый ненужный элемент фона (затем при необходимости воспользоваться обычным ластиком). На месте фона должна появиться матрица из белых и серых квадратиков – это и есть прозрачный фон (одно из важных свойств программы). Если при удалении фона на его месте появляется не прозрачный фон а белый (или иной), то сначала необходимо выбрать Лаcтик фона и с его помощью удалить кусочек старого фона, указав тем самым что Вы желаете фон сделать прозрачным. Затем выполняете действия, описанные выше.

Обращаемся в окошко Слои (Layers), там показан слой активного изображения. Наводим на него мышкой (появляется кисть руки), зажимаем левую кнопку мыши и начинаем движение (кисть руки сжимается в кулачок). Этот слой перетаскиваем на нашу фоновую картинку и отпускаем кнопку мыши. На нашем фоновом слое появляется перемещенное изображение и в окошке Слои (Layers) теперь два слоя. Если изображение оказалось слишком большое, то его предварительно нужно уменьшить (перед переносом на фон).
С помощью инструмента Перемещение активный слой можно расположить в любом месте фона.
Чтобы слой увеличить или уменьшить обращаемся в меню Редактирование→Трансформация→Масштаб (Edit→Transform→Scale), чтобы повернуть на любой угол – в меню Редактирование→Трансформация→Поворот (Edit→Transform→Rotate). В меню есть и другие возможности.
Размещаем на фоновом слое столько изображений, сколько хотим, выполняя действия, описанные выше.

Создадим надпись на открытке: Выбираем инструмент Текст (Text), с помощью мышки растягиваем зону для текста и вписываем нужные слова. Настройки для текста находятся здесь:

Самые полезные инструменты для текста следующие:
- искажение текста (буква Т с дугой под ней);
- цветовые стили (см. рис. ниже).

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

Когда все готово, можно приступить к последнему действию: обращаемся в меню Слой→Выполнить сведение (Layer→). Внимание! Данное действие приведет к объединению всех слоёв в один, который и будет в дальнейшем фоновым слоем нашей анимированной открытки. Сохраняем полученный файл под именем фон.jpg (Вы также можете сохранить файл в формате psd, лучше это делать перед объединением слоев, тогда будет возможность что-то изменить).
2-й урок

На сегодня наша работа закончена. На следующем уроке мы с Вами добавим на открытку блеск.

Спасибо за внимание!

Файл-архив: (52.2Kb)
Добавил: Root_l | Автор: Кривенцов Леонид Александрович E W
Просмотров: 1461 | Рейтинг: 5.0/3
Всего комментариев: 35
Оценить комментарий  0   Спам
33 Root_l   (21.04.2011 09:45)
Уважаемые коллеги! Сегодня будет опубликован 3-й урок. Если у Вас еще остались вопросы по предыдущим 2-м, лучше их задать сегодня, и здесь. И еще большая к Вам просьба: если Вы учавствуете в мастер-классе, не забывайте хоть как-то коментировать свою работу, чтобы я знал какое количество участников (это лично для меня). biggrin

Оценить комментарий  0   Спам
34 LeTa   (22.04.2011 07:41)
Спасибо за уроки. Не сразу разобралась, но после того, как внимательно перечитала Ваш урок все получилось.
Единственное, почему-то не сохраняется изменение цвета текста.

Оценить комментарий  0   Спам
35 Root_l   (22.04.2011 14:52)
Очень странно, думаю вам стоит попробовать еще раз, наверняка где-то просто что-то упустили.

Оценить комментарий  0   Спам
31 Надена   (20.04.2011 20:40)
Ура! Все получилось. Но результат не порадовал. Буду делать другую! biggrin biggrin biggrin

Оценить комментарий  0   Спам
32 Root_l   (20.04.2011 20:50)
Если получилось один раз, далее будет все лучше и лучше! Удачи! biggrin

Оценить комментарий  0   Спам
30 Руфия   (19.04.2011 20:22)
Здорово! У меня все получилось! Спасибо, Вам, Леонид Александрович!Наконец-то, я научилась ставить красочные шаблоны на фотографии.

Оценить комментарий  0   Спам
28 Татьяна8730   (19.04.2011 19:42)
Леонид Александрович, спасибо за урок. Все получилось! biggrin

Оценить комментарий  0   Спам
29 Root_l   (19.04.2011 19:44)
Отлично! Вы все молодцы.

Оценить комментарий  0   Спам
27 Валерий   (18.04.2011 21:31)
Посмотрите http://metodsovet.su/forum/34-154-1#13408 Может быть кому-то будет полезно знать как обрабатывать фотографию, загруженную из фотоаппарата.

Оценить комментарий  0   Спам
26 makarlena   (18.04.2011 18:30)
Спасибо за урок! Всё получилось biggrin biggrin biggrin ПОКА оказалось не сложно, посмотрим, как дальше будет. wacko

Оценить комментарий  0   Спам
21 YuliaG   (17.04.2011 18:10)
А я не могу найти Волшебный ластик(
И как уменьшить размер картинки? У меня бабочка больше, чем сам фон.

Оценить комментарий  0   Спам
22 Root_l   (17.04.2011 18:24)
Во-первых, волшебный ластик находится в меню ластик, кликаем правой кнопкой, появляются три вида ластика - волшебный там.
Во-вторых, Юлия, невнимательно урок прочитали. там написано как уменьшить размер сразу, или после переноса на фон. У вас еще есть время, не торопитесь biggrin

Оценить комментарий  0   Спам
23 YuliaG   (17.04.2011 18:55)
Дело в том, что Волшебного ластика у меня нет. Воспользовалась волшебной палочкой и инверсией.
Про размер - действительно, невнимательно прочитала.
Все-таки тяжело с другой версией ориентироваться. wacko

Оценить комментарий  0   Спам
24 Root_l   (17.04.2011 19:28)
Юлия, а у вас какая версия программы?

Оценить комментарий  0   Спам
25 YuliaG   (17.04.2011 19:36)
CS3

Я уже все сделала.


Оценить комментарий  0   Спам
13 Светлана   (16.04.2011 22:00)
Второй урок выполнила. Спасибо за науку. Очень часто в своих работах использую анимированные открытки, вот теперь буду создавать их сама. Мне пока все очень даже нравится! Но вот какой вопрос у меня назрел.. Как быть с ресурсами, которые мы используем в своих работах? Ссылки на них надо сохранять? И нужно ли потом будет вкладывать Пояснительную записку к продукту??

Оценить комментарий  0   Спам
14 Root_l   (16.04.2011 22:05)
Лично я затрудняюсь ответить на этот вопрос. Надо уточнить у администрации сайта. biggrin

Оценить комментарий  0   Спам
17 Валерий   (17.04.2011 00:07)
Светлана, мастер-класс проводится для обучения, а не для публикации своих работ в методичке. Пояснительная записка не нужна. Вы по окончании обучения можете просто опубликовать свою итоговую работу на форуме.

Оценить комментарий  0   Спам
20 Светлана   (17.04.2011 12:30)
Спасибо. biggrin

Оценить комментарий  0   Спам
11 ИринаМатвеевна   (16.04.2011 21:22)
Леонид Александрович, урок выполнила, но почему-то панель инструментов не работает, следовательно, не стирается фон, не выделяется и т.д. При нажатии волшебной палочки выдается следующая надпись: "Alt-click define a source point to be used to rapair the image". Пришлось воспользоваться этими же инструментами, но в другой программе. Подскажите, пожалуйста, как сделать панель рабочей?

Оценить комментарий  0   Спам
12 Root_l   (16.04.2011 21:49)
Зайдите в меню Изображение (Image)-Режим (самый верхний пункт) и в появившемся окне поставьте галочку RGB-цвет.

Оценить комментарий  0   Спам
15 ИринаМатвеевна   (16.04.2011 22:10)
Спасибо, скорее всего сбой в программе, т.к. галочка стояла и до этого, но функции работают не всегда.

Оценить комментарий  0   Спам
16 Root_l   (16.04.2011 22:17)
Ирина Матвеевна. Эта галочка стоит не всегда, а в зависимости от того, с каким изображением Вы работаете. Поэтому если что проверяйте её.

Оценить комментарий  0   Спам
8 Alex   (16.04.2011 19:19)
А промежуточные работы надо загружать? И еще вопрос. Не подскажите на каком сайте можно бесплатно скачать цветовые стили для текста?

Оценить комментарий  0   Спам
9 Root_l   (16.04.2011 19:24)
Промежуточные работы загружать не будем (по совету администрации сайта). Интереснее будет увидеть готовую работу, согласитесь? А по поводу стилей все очень просто: в любом поисковике пишите "стили фотошоп скачать" и наверняка найдёте.
И, кстати, стили можно применять не только к тексту. Нарисуйте стандартную фигуру, например прямоугольник, и примените к нему стиль - увидите что получится. smile

Оценить комментарий  0   Спам
10 Alex   (16.04.2011 20:06)
Спасибо!!! wink

Оценить комментарий  0   Спам
18 Alex   (17.04.2011 11:55)
Нашел разные стили. Чтобы их добавить в фотошоп, я понимаю, нужно просто запустить asl файл. Если стилей несколько, то проблем нет, а как быть, если в архиве несколько десятков, а может и сотня стилей. Нельзя ли их сразу добавить в определенную папку, или так и придется все по очереди запускать? cry

Оценить комментарий  0   Спам
19 Root_l   (17.04.2011 12:01)
Боюсь, что придётся запускать по очереди. Но вы учтите, что в файле как правило несколько стилей, или даже десятки. Поэтому не переборщите, потому что ненужные удалять можно вроде бы только по одному. И если вы запустите один и тот же файл дважды, то стили, содержащиеся в нем загрузятся дважды.

Оценить комментарий  0   Спам
5 Marina   (16.04.2011 17:46)
Спасибо, все получилось.

С уважением, М.Н.


Оценить комментарий  0   Спам
7 Root_l   (16.04.2011 17:52)
Очень хорошо. Уважаемые коллеги, теперь у Вас есть возможность разместить на вашей открытке практически любые графические элементы. Все будет зависеть только от вашей фантазии! biggrin

Оценить комментарий  0   Спам
3 Elena1974   (16.04.2011 14:24)
У меня почему-то не печатает русскими буквами. Или я что-то сделала не так? А все остальное получилось. Спасибо.

Оценить комментарий  0   Спам
4 Root_l   (16.04.2011 14:54)
Елена, в фотошопе есть такая тонкость - не все шрифты русифицированны, поэтому, если не переводится на русский язык то нужно выбрать другой шрифт. Добавлю: шрифты в фотошоп отдельно не устанавливаются. Они должны быть установлены в систему в папку - Панель управления - Шрифты.

Оценить комментарий  0   Спам
6 Elena1974   (16.04.2011 17:52)
Спасибо. Все получилось.

Оценить комментарий  0   Спам
2 Евгений   (16.04.2011 13:25)
Вроде получилось, только как то сложно с ним работать. Ну поддается дрессировки. biggrin

Оценить комментарий  0   Спам
1 tais2525   (16.04.2011 13:19)
Глаза боятся, а руки делают. Попытка не пытка, надеюсь все получится. Спасибо за урок!

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Мы "ВКонтакте"

Поиск

Наши планы
Приглашаем Вас ознакомиться
с планами нашего портала

Афоризм дня
Новые взгляды сквозь старые щели.
/Г. Лихтенберг/


Реклама

Рейтинг@Mail.ru
"Методсовет" © 2010 - 2016
My-shop.ru - Магазин учебной и деловой литературы