![]() |
||
Уроки Photoshop - Чудеса | ||
Урок, который Вы запросили входит в полную версию Уроки Photoshop - Чудеса и недоступен онлайн, для изучения этого урока и еще 9 уроков, входящих в комплект, Вам нужно заказать полную версию. | ||
Вы можете заказать полную версию Уроки Photoshop - Чудеса стоимость продукта 100 р. |
||
|
||
Сразу же после подтверждения оплаты в течение 1-3 дней будет выполнена электронная доставка продукта Уроки Photoshop - Чудеса на Ваш e-mail, указанный при оформлении заказа | ||
Спасибо за внимание! | ||
![]() |
||
Рисуем волка из мультфильма | ||
04/11/2008 | ||
Создаем анимацию хотьбы волка в Photoshop и ImageReady Анимацию будем создавать на основе волка нарисованного в предыдущем уроке - рисуем волка |
||
![]() ![]() |
||
В этом уроке мы познакомимся с тем, как выполнить анимирование персонажа на примере хотьбы волка. Мы создадим два варианта анимации - в формате gif для использования в интернет-публикациях и тестовых целях и в формате tga для использования в компьютерной игре |
||
[к началу] [страница 2] [страница 3] [страница 4] | ||
Нам потребуется волк, которого Вы нарисовали в предыдущем уроке. Можете открыть архив с готовым волком [downloads:18] |
||
Распакуйте архив и откройте файл с волком из photoshop 8 или выше | ||
В самом начале урока я упоминал, что конечный размер волка в нашем примере будет 128х128 пиксель. | ||
Мы сейчас будем анимировать нашего волка, чтобы он ходил. Анимация должна выполняться в изображении небольших размеров, иначе объем файлов разрастется до слишком большого объема, т.к. у нас будет много кадров анимации, как минимум 8. | ||
Для того, чтобы уменьшить картинку до этих размеров выберите пункт меню Image > Image Size и задайте размер изображения 128х128 пиксель, | ||
![]() |
||
остальные параметры задайте как на рисунке и нажмите ОК | ||
![]() |
||
Картинка уменьшится и чтобы увидеть результат в натуральную величину выберите инструмент Лупа (Zoom Tool) и нажмите кнопку Actual Pixels - | ||
![]() |
||
Переходим к созданию анимации. Наш волк будет идти из своего начального положения в котором он нарисован влево. Анимация будет сводиться к изменениям положения рук и ног во время хотьбы и небольших смещений тела обусловленных изменением центра тяжести. | ||
Вся анимация будет сводиться к поворотам рук и ног и небольшим смещениям тела. Для этого нам нужно разбить изображение волка на эти элементы и разместить их на отдельных слоях. Далее останется просто выполнять нужные трансформации на нужном слое. |
||
Сохраним уменьшенное до размеров 128х128 пиксель изображение под именем anim_walked_wolf_prepare128.psd и будем работать с ним - | ||
![]() |
||
![]() |
||
дублируем слой draw_2 щелкнув по нему правой кнопкой мыши в панели слоев и выбрав Duplicate Layer | ||
![]() |
||
и называем его body | ||
![]() |
||
скрываем слой draw_2 | ||
![]() |
||
![]() |
||
переходим на слой body и ластиком аккуратно стираем руки, ноги, подрисовываем часть тела слегка прикрытую рукой | ||
![]() |
||
![]() |
||
![]() |
||
![]() |
||
если вы подрисовывали часть тела скрытую рукой как показано на рисунке выше - на отдельном слое Layer 1, то Вам теперь нужно связать слои Layer 1 и body и склеить их. | ||
теперь нам нужно вынести каждую конечность на отдельный слой. Для этого дублируем слой draw_2 щелкнув по нему правой кнопкой мыши и выбрав Duplicate Layer 4 раза. Каждый созданный дубликат сразу же называем Lhand, Rhand, Lleg, Rleg (левая, правая руки, левая, правая ноги) | ||
![]() |
||
далее работаем следующим образом: скрываем все слои кроме того, на котором производим выделение конечности и ластиком аккуратно стираем все лишнее - | ||
![]() |
||
обратите внимание: левая нога на экране для нас определяется как правая т.к. принято левую и правую сторону определять мысленно встав спиной к персонажу | ||
![]() |
||
если получилось скрытие конечности одного слоя другим (как на данном рисунке выше), то просто перетащите слой с данным элементом выше - | ||
![]() |
||
![]() |
||
далее мы рассмотрим как выполнить трансформации конечностей и тела для анимирования их движения и создать анимационную цепочку. После этого мы выведем анимацию в анимированный gif-файл посредством программы Image Ready и подготовим анимационную цепочку в формате tga c альфа-маской для использования анимированного персонажа в компьютерной игре. | ||
[назад] [далее] | ||
[Все уроки] | ||
Добавление статей на сайт под управлением megainfromatic cms free | ||
Статьи это просто страницы вашего сайта, содержащие определенный контент. Благодаря наличию языка php на основе которого и работает Ваш сайт, все страницы формируются по единому шаблону, что позволяет вам сосредоточиться лишь на написании самого контента статей. | ||
После установки megainfromatic cms free на ваш хостинг и создания вашего первого сайта Вы увидите - megainformatic cms free | ||
Т. е. целый ряд демонстрационных статей, описывающий аспекты работы с Вашим сайтом. | ||
Что собой представляют статьи ? Это обычные текстовые файлы, содержащие контент ваших статей. Там можно использовать любые html - теги которые разрешены в пределах тегов <body></body> Сам тег body уже определен в шаблоне сайта, поэтому описывать его вторично также не нужно. Если Вы хотите добавить новую статью на свой сайт или изменить уже имеющиеся, то всё что Вам нужно это |
||
1) Внутри папки papers (или любой другой, находящейся в пределах корневой (root) папки вашего сайта, куда Вы установили систему megainformatic cms free ) нужно создать обычный текстовый файл и дать ему имя состоящее из английских букв и цифр. Допустим также знак подчеркивания _ | ||
2) Внутри этого файла можно добавить какой-либо текст - Первая строка текста <br> Вторая строка текста <br> ссылка <a href="?page=1">моя ссылка</a> Редактировать текст Вы можете любым редактором текста - Блокнот, Notepad++ или чем-то еще |
||
3) Чтобы статья смогла отображаться на вашем сайте откройте с помощью того же редактора файл из папки data Он называется papers.csv |
||
Этот файл содержит описания всех статей вашего сайта в таком виде - 0; CMS Мега Информатик; papers/home.txt; |
||
Следовательно Вы можете аналогично добавить новую страницу на сайт. Предположим, что новую страницу Вы назвали my_new_paper1.txt и сохранили в папку papers/my_papers |
||
Тогда Вам остается добавить в papers.csv следующую строчку 10; Моя новая статья; papers/my_papers/my_new_paper1.txt; |
||
Весь файл papers.csv будет выглядеть следующим образом: 0; CMS Мега Информатик; papers/home.txt; |
||
Сохраняем в нём изменения, проверяем чтобы файл papers/my_papers/my_new_paper1.txt также существовал и содержал нужный вам контент. Как Вы заметили, для описания статьи внутри papers.csv нужно указать 3 параметра, разделенных точкой с запятой - 1) номер страницы для статьи (следующий по порядку) 2) заголовок статьи - который отобразится в заголовке окна Вашего браузера 3) и наконец полное имя файла контента статьи - содержащее путь к файлу контента для статьи, относительно корневой папки (root) в которую была установлена система, а также собственно имя этого файла. |
||
В браузере нам остается обратиться к нашему сайту и открыть нужную страницу - Например так - |
||
Только вместо страницы 9 вам нужно указать 10 | ||
http://webinformatic.ru/index.php?page=10 | ||
Чтобы ссылка на 10 страницу появилась на главной странице вашего сайта или на другой нужной странице - достаточно вставить ссылку на неё в контент главной страницы (papers/home.txt) | ||
Для примера вы можете открыть файл контента страницы papers/home.txt И посмотреть каким образом это сделано. Там вы увидите всего лишь обычные ссылки вида - <a href="index.php?page=2">Создание эскиза и макета страницы сайта</a> |
||
Надеюсь я ответил на ваши вопросы. В следующей статье Мы рассмотрим Как превратить ваш сайт в интернет-магазин. Желаю Вам удачи!!! |
||
[далее] | ||
![]() |
||
Уроки Photoshop - Чудеса | ||
Нет никого и ничего мудрее природы. Человек - дитя природы. | ||
Вот и пришло время чудес. Попробуем сотворить что-нибудь красивое и интересное. В этом нам поможет профессиональная программа для обработки графики - Adobe Photoshop. Какую версию использовать ? Любую доступную Вам - можно 6, 7, 8 (CS), 9 (CS 2), 10 (CS 3), CS4, CS5 и т.д. Кому что нравится. Принципы рассмотренные здесь справедливы для любой из этих версий. |
||
Какие специальные знания потребуются ? Думаю, что никаких особых знаний не потребуется, единственное, я надеюсь, что Вы обладаете хотя бы базовыми знаниями работы на ПК, т. е. Вам не нужно объяснять как установить Photoshop, как запустить его, как создать папку или файл, открыть изображение из Photoshop. Во всём остальном можно будет разобраться, по ходу работы. |
||
В этом сборнике статей мы рассмотрим следующие темы: | ||
-
Коллаж от нуля; ![]() |
||
-
Рисуем девушку; ![]() |
||
-
Считаем звезды; ![]() |
||
-
О, эта морская стихия; ![]() |
||
-
Подводный мир; ![]() |
||
-
Сны наяву; ![]() |
||
-
Дорогами исканий; ![]() |
||
-
Путешествие; ![]() |
||
Надеюсь, что эти статьи помогли Вам узнать еще больше о возможностях Photoshop и научили более профессиональной работе в этой программе. Спасибо за внимание и желаю Вам творческих успехов !!! |
||