Урок 1.

Итак, приступаем к созданию нашего первого шедевра! Я не буду рассказывать о самой программе и её функциях, потому что думаю, чтобы пощёлкать по кнопкам и прочитать справку в целях изучения программы будет достаточно максимум часа. А мы приступим сразу к практическим занятиям!Сейчас мы с вами будем делать вот такую открытку:

Подборка необходимых картинок: картинка для бэкграунда-фона и с букетом – в формате .ipg, остальной набор – в формате .png или .gif с прозрачным фоном. (Вообще-то этот метод так и хочется назвать «Конструктор – «Сделай сам!»!

(Коды для картинок смотри ниже!)Складываем все картинки в одну папку, чтобы нам было удобнее работать.Итак, приступаем к созданию нашего первого шедевра!

1. Сначала делаем картину в рамке.Открываем в Paint наш «букет» из папки, в которую сложены все наши картинки для открытки:

Теперь будем помещать на наш «букет» рамку. В строке "Меню" нажимаем «Правка», в открывшемся окошке выбираем – «Вставить из файла». Находим в нашей папочке картинку с рамкой и кликаем на неё 2 раза левой клавишей мышки – готово!, наша рамка уже здесь!

Как видим, фон у нас белый. Поэтому на панели инструментов находим кнопочку «Прозрачный фон» (я обвела её немного… некрасивым кружочком), жмём на неё – и наш белый фон исчезает!

Любуемся получившейся красотой и замечаем лишние фрагменты «букета» за пределами рамочки… Обрезаем их! Для этого ставим курсор в правый нижний угол и с помощью левой клавиши мышки двигаем образовавшийся пунктирный контур так, как нам нужно: до правого нижнего угла рамочки. Убираем нашу ручку с мышки – и всё лишнее обрезается!

Сохраняем нашу картину в формате ipg. Как обычно: файл – сохранить как…

2. Теперь будем помещать нашу картину на фон. Открываем картинку с фоном в Paint и помещаем на неё нашу картину, повторив вышеописанные манипуляции – «Меню» - «Правка» - «Вставить из файла».

Мммм… Не очень… Нашу картину необходимо уменьшать. Сопоставляем размеры фона и картины - у нас это соответственно 900 и 716 пикселей (я нарочно взяла такие размеры, чтобы вы попрактиковались изменять размеры картинок. Прикидываем, что картина должна быть примерно шириной в пикселей… 500.Для уменьшения нашей картины бежим за помощью в Microsoft Office Picture Manager!3. Открываем нашу картинку с «картиной» с помощью этого редактора.Сверху, в строке «Меню» нажимаем кнопку «Изменить рисунки».

В открывшейся справа панели нажимаем на иконку с функцией«изменение размера».

Во вновь открывшейся справа панели отмечаем точечкой параметры изменения рисунка – «произвольные ширину и высоту», и в первом окошке ставим выбранное наше количество пикселей – 500. Не обращаем внимания на появившееся число в левом окошке, подбираем «на глаз» нашу ширину рисунка… приблизительно так… 400. Ставим нашу цифру в левое окошко. И внизу видим наш новый размер: 500Х381.

Сохраняем наш новый файл и возвращаемся к прерванной работе в Paint по помещению «картины» на фон.4. Размещаем "картину" примерно вот таким образом:(Вы, наверное, уже обратили внимание на тот факт, что до тех пор, пока мы не кликнули мышкой на поле за пределами картинки, её можно передвигать курсором как угодно!)

5. Приступаем к размещению «красотки» на нашем фоне с картиной.

Великовата «красотка» для нашей картинки! Но на этот раз мы не побежим в Microsoft Office Picture Manager, а попробуем применить другой способ уменьшения размеров картинки – ручной.(Надо же разные способы попробовать, да и к тому же иногда ручной способ и нагляднее – сразу виден результат!)Помещаем курсор в правый нижний угол картинки с «красоткой» и начинаем её уменьшать, двигая курсор вверх и влево по биссектрисе (или под углом в 45 град;усов :))). Следите за; пропорциями, иначе наша красотка «похудеет» или «потолстеет»! Но как кому нравится….

Так, вроде с пропорциями «красотки» всё нормально, передвинем её на подобающее её место. Просто поставим курсор на «красотку» и двигаем её вправо.

Теперь обрежем лишнее на нашей картинке, вы уже знаете, как это делать.

6. Разместим на нашей картинке надпись:«Правка» - «Вставить из файла»… Вам уже это известно.

7. И, наконец, «подарок»!

Можете уменьшать «подарок», можете – не уменьшать. Можете изменить последовательность размещения картинок на фоне и поставить «красотку» на «подарок» - как вам нравится!Сохраняем наше произведение искусства в формате ipg или png…

Получилось всё? Поздравляю!Хэппи энд!

Приложение: HTML-коды для картинок

Букет<a target="_blank" href="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru"" target="_blank">http://www.radikal.ru"</a> _fcksavedurl="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru"><img" target="_blank">http://www.radikal.ru"><img</a> src="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//i070.radikal.ru/0911/36/c53e65a567ca.jpg"" target="_blank">//i070.radikal.ru/0911/36/c53e65a567ca.jpg"</a> _fcksavedurl="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//i070.radikal.ru/0911/36/c53e65a567ca.jpg"" target="_blank">//i070.radikal.ru/0911/36/c53e65a567ca.jpg"</a> /></a>

Фон<a target="_blank" href="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru"" target="_blank">http://www.radikal.ru"</a> _fcksavedurl="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru"><img" target="_blank">http://www.radikal.ru"><img</a> src="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//i067.radikal.ru/0911/b1/7e05aa9a3db5.png"" target="_blank">//i067.radikal.ru/0911/b1/7e05aa9a3db5.png"</a> _fcksavedurl="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//i067.radikal.ru/0911/b1/7e05aa9a3db5.png"" target="_blank">//i067.radikal.ru/0911/b1/7e05aa9a3db5.png"</a> /></a>

Рамка<a target="_blank" href="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru"" target="_blank">http://www.radikal.ru"</a> _fcksavedurl="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru"><img" target="_blank">http://www.radikal.ru"><img</a> src="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//i068.radikal.ru/0911/29/9a450478cd3d.png"" target="_blank">//i068.radikal.ru/0911/29/9a450478cd3d.png"</a> _fcksavedurl="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//i068.radikal.ru/0911/29/9a450478cd3d.png"" target="_blank">//i068.radikal.ru/0911/29/9a450478cd3d.png"</a> /></a>

"Красотка"<a target="_blank" href="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru"" target="_blank">http://www.radikal.ru"</a> _fcksavedurl="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru"><img" target="_blank">http://www.radikal.ru"><img</a> src="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//i055.radikal.ru/0911/25/135dbd57955d.png"" target="_blank">//i055.radikal.ru/0911/25/135dbd57955d.png"</a> _fcksavedurl="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//i055.radikal.ru/0911/25/135dbd57955d.png"" target="_blank">//i055.radikal.ru/0911/25/135dbd57955d.png"</a> /></a>

Подарок<a target="_blank" href="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru"" target="_blank">http://www.radikal.ru"</a> _fcksavedurl="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru"><img" target="_blank">http://www.radikal.ru"><img</a> src="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//i028.radikal.ru/0911/4d/6ce1eab9274b.png"" target="_blank">//i028.radikal.ru/0911/4d/6ce1eab9274b.png"</a> _fcksavedurl="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//i028.radikal.ru/0911/4d/6ce1eab9274b.png"" target="_blank">//i028.radikal.ru/0911/4d/6ce1eab9274b.png"</a> /></a>

Надпись<a target="_blank" href="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru"" target="_blank">http://www.radikal.ru"</a> _fcksavedurl="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru"><img" target="_blank">http://www.radikal.ru"><img</a> src="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//i027.radikal.ru/0911/78/bf2802701a2a.png"" target="_blank">//i027.radikal.ru/0911/78/bf2802701a2a.png"</a> _fcksavedurl="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//i027.radikal.ru/0911/78/bf2802701a2a.png"" target="_blank">//i027.radikal.ru/0911/78/bf2802701a2a.png"</a> /></a>

Понравился урок?Поблагодарить учителя!