Версия для печати темы

Автор: Nnatusik 23.3.2013, 19:30

Ну, еще раз, здравствуйте, дорогие мои! Сегодня мы попробуем открыть новую страничку нашего сайта. Страничка, где мы будем сами делать красивые коллажи, музыкальные открытки, красивые флешечки и прочие вкусности. Да, подобная страница у нас уже есть. И называется она - фотошоп. Скажу в чем будет отличие. Так как я довольно ленива и ума разобраться в фотошопе у меня не хватило, а интерес к красивым штучкам очень даже остался,-ну что делать было, начала искать альтернативы этому пресловутому фотошопу. Готова поделиться с Вами. В интернете есть куча программ, благодаря которым можно обойти эту сложную науку. То, что я буду здесь представлять, и те ссылки, которые буду выкладывать - все проверено мной лично, все использовалось, и пока от использования этих прог и соответственно от возможных вирусов, привнесенных этими прогами - мой комп не пострадал, так что - дело Ваше, будете вы ими пользоваться, или нет, но я ими пользуюсь благополучно. Это первое.
Второе. Начинать, мы конечно будем с малого. Не ждите, что сразу будет все. Надо хоть чуть-чуть понять, что же это такое, а тем более, когда мы (ну, надеюсь) перейдем к работе по созданию флеши. так что, набирайтесь терпения. И,хоть пока, это будет не так интересно, но все же делайте, тыкайтесь, прислушивайтесь к мелочам, пока не отработали одну прогу, не кидайтесь к другой. Я постараюсь продумать цикл, чтоб все было по необходимости, но я ж не могу вас заставить мне "сдавать отчеты" по пройденному, а если потом будут возникать вопросы "а как это?" а мы уже это прошли, ну сами понимаете....
Третье. К сожалению, у меня сейчас очень ограничено время пребывания на сайте и вообще в интернете, форс-мажор на работе, и я вынуждена отсутствовать. Постараюсь, каждую субботу вечером чего-то добавлять, это на ближайший месяц. Большая просьба - все то,что я прошу сделать - пож-та,делайте. Ну, если, конечно, вам это надо.
Если у кого-то не будет хватать необходимого минимума, ну например, чем вырезать картинку, или,чем изменить ее размер и куда загрузить - свистите, добавлю, я ж не знаю, что у вас установлено. Программы проверены на хр и на 7-ке, с вистой - увы, я пас.

Автор: Nnatusik 23.3.2013, 19:34

Сегодня мы будем делать именно вот, то, что в шапке. Размер намеренно искажен, это будет вам задание, на лучшее изображение.
(Ребят, урок я делаю первый раз, поэтому, походу к 9-ти вечера я не успеваю, я спешу..., я здесь...., скоро все будет сделано...

Автор: Nnatusik 23.3.2013, 21:30

Представляю Вам программу SWFText . Ооочень простая в использовании. давайте начнем с этого. Оптимальна для создании баннеров. При создании больших окрыток - тоже неплоха, но если делать в формате гиф, то получите большой размер, тем более, если нагрузите всевозможными эффектами и файлообменники откажутся ее грузить. Чтобы этого избежать - чуть ниже. а если будет очень красиво, и захочется это сохранить, вот тогда и будем загружать ее в формате флешь и присоединять различные мелодии.
Скачать можно [ Скрытый текст ]

Показать то что скрыто?:

Лучше, если вы создадите папку на другом диске, не на программном, обзовите ее как-нибудь (у меня она - фотошоу) . Все программы я ставлю не на программный диск и все они работают, тем более, что (я очень люблю портабельные версии и их ищу), если будут какие-то исключения - значит, я об этом сообщу куда ставить. Так что, за правило - на другой диск, в отдельную папку. И еще, заранее, создайте папку на диске для своих работ, потому что, даже установленные не на программный диск, все они лезут сохраняться в программ файл диска С. Если у вас будет папочка "мои работы" просто прописываете адрес сохранения, и все будет норм.
Итак, скачали , распаковали.
Первое окно



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

Далее делаем по нумерации. Нажимаем 1. Устанавливаем размеры - 2 и 3. пока учитесь, делайте, как на рисунке.


Это мы установили размеры нашего рисунка. Чуть ниже будут варианты, откуда загрузить основу. Внимание! Если вы будете грузить картинки со своих ресурсов (как в шапке), а не с шаблонов - сначала посмотрите свойства Вашего рисунка, важны его размеры. ПЕРЕПИШИТЕ их на бумажку. И в эти размеры, обозначенные №2 и3 устанавливайте именно их вручную.

Сделали. Далее, идем ниже. Фон


Вот здесь уже настраиваем все кнопочки, что захотим. У меня стоит точка на изображении (это значит, я взяла изображение из компа, т.е. вырезала картинку с сайта и себе сохранила, потом и вставляю), это когда я делала шапку. Вам лучше, на первом этапе, поставить точки на "заливка" и выбрать из шаблонов. так же, здесь выбираем цвета. Совет. Не берите большой разброс цветов по палитре, некрасиво получится, когда пойдет анимация. Но, в принципе, вы все можете посмотреть в верхнем окошке, где есть предварительный просмотр. Пробуйте.

Ну далее, спускаемся ниже в фоновые эффекты. здесь все очень понятно



Здесь -полет фантазии. Пробуйте, экспериментируйте, что лучше будет.
Совет. Чтобы лучше было видно, опуститесь чуть ниже в "шрифт" и выберите там себе цвет, желательно потемнее, потому что изначально программа дает по умолчанию белый текст, его ни фигоськи не видно, и тем более его эффекты. Так что, установите цвет, для лучшего экспериментирования, потом его можно будет изменить.

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




Далее, все очень красиво. Эффекты. выбирайте, пробуйте, не забывайте, про (2) менять цвета. опять же - полет фантазии.



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


Взаимодействие. здесь, я, честоно говоря, меняла только время окончания ролика. Больше никакие позиции не трогала.


Кто захочет поэкспереминтировать- потом расскажете, для чего это.

Ну и далее - звук. Это, если вы будете делать флешки. Ставим галку, указываем путь к своему музыкальному файлу..

Итог. Если всем довольны. Нажимаем публикация.
Вылезает


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


Ну вот и все.

ЗАДАНИЕ. даю ссыль на картинку сайта.


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



Удачи! Жду вашего творчества и вопросов! Завтра будет маленький бонус.

Автор: Ninamag 23.3.2013, 23:40

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

Автор: Nnatusik 24.3.2013, 7:37

Ninamag
ОТЛИЧНО! Просто здорово! Спасибо.
Ответы. Портит картинку. А исходная картинка была случайно не гиф? Лучше сюда брать статичные,лучше png. Старайтесь использовать небольшие по размерам исходники. Попробуйте сделать с фоном программы, а не со своим. по поводу квадрата, это чет новенькое, но может я не замечала, сейчас попробую, гляну.

Автор: Evunya 24.3.2013, 8:22

Наташа, большое спасибо. Очень хорошая программа, все понятно. Попробовала простую картинку с цветами.

Показать то что скрыто?:

Автор: Nnatusik 24.3.2013, 8:28

Evunya
Молодчина! А у тебя она исходно была такая узкая, или ты ее ужала прогой? Несколько кажется тоже она видоизменилась, чтоль и квадрат.... Нет, все-таки сейчас еще раз сама попробую. Пробуйте с размерами, не берите большие.
Я у кого-нить увижу баннер из того , что предлагает в фонах прога?

Автор: Evunya 24.3.2013, 8:34

Я изменила размеры, как ты предлагала. поэтому она ужалась. Нужно было оставить исходные. Только вот мигание черного квадрата в конце никак не убрать?

Автор: Nnatusik 24.3.2013, 8:39

Так, ясненько. Я размеры предлагала для работ с материалом программы. Чего-то никто не хочет попробовать. А для своих размеров я говорила - перепишите их на бумажку и вставляйте вручную. тогда не будет меняться. с квадратом разбираюсь
Радугой текст писала ? а чего не поставила галочку, чтоб текст в конце остался, а не убрался?

Автор: Evunya 24.3.2013, 8:58

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

Показать то что скрыто?:

Автор: Nnatusik 24.3.2013, 9:10

А цвет серый был? Настолько досконально я все не знаю, всеж пробовать нужно. я могу рассказать вам основы, а потом все надо посмотреть самим. неплохо в конце составить свое резюме о подводных камнях и поделиться им. Дайте кто-нибудь скрин окна взаимодействие (у кого квадрат)

Автор: Nnatusik 24.3.2013, 10:08

Да народ, при публикации на сайте, квадрат все равно появляется. Причем, обратите внимание, если просматривать гифку у себя или в пробном окошке, то его нет. Возможно, это из-за технических возможностей сайта, не знаю. Если будете вставлять себе в блоги, этого не будет, проверила. Во взаимодействии выставляйте время побольше, не единичку а там 20. За это время человек уж точно посмотрит и пойдет дальше. И еще
Совет. Вся анимация лучше смотрится, когда она контрастна. Т.е. лучше все фоны черные, надписи лучше видны
А чего никто не пробует экспортировать во флешь? там квадрата точно не будет

Показать то что скрыто?:

Автор: Ninamag 24.3.2013, 10:19

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

http://www.radikal.ru

Во взаимодействии выставляла разные цифры,не помогло.
Если сохранять в swf,флеше,действительно квадрата нет!

Автор: Nnatusik 24.3.2013, 10:39

на компе у меня тоже висит в виде черного квадрата. открываю программой Fast Stone Image Viever 4,6 все норм. Сейчас на часик отлучусь, представляете, блин, не увидела, что у Катюши день варенья. Потом расскажу куда заливать флеши, как нарезать музыку

Автор: vlasta 24.3.2013, 16:53

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

Автор: Nnatusik 24.3.2013, 17:01

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

Автор: Ninamag 24.3.2013, 17:12

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

Автор: vlasta 24.3.2013, 17:18

Исходный фай JPEG Краски возможно шрифта неудачные,но я открывала дополнительные,и только такие подобрала.При сохранение на компе черный квадрат,открыла прогу, открыла сохр. изобр.(черн. квалрат), в прге раскадровка вннизу,убрала первые черные кадры,(потом уже шли кадры изображения) сохранила,как gif.

Автор: Nnatusik 24.3.2013, 17:22

vlasta
Ань, ничего не поняла, если можно подробнее, плиз..

Автор: vlasta 24.3.2013, 17:26

А сейчас,в новой редакции?

Автор: Nnatusik 24.3.2013, 17:39

Цитата(vlasta @ 24.3.2013, 18:26)

Автор: Nnatusik 24.3.2013, 18:04

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


Обещанный бонус!!! Для моих старательных умничек. Ссылка на он-лайн редактор, где можно писать надписи на картинки и не только.



У меня стоит автопереводчик страниц, поэтому, спрашивайте, кому чего непонятно, как оформлять

[ Скрытый текст ]

Автор: Ninamag 24.3.2013, 18:46

Мануал в картинках по FotoMorph.

Автор: Mirex 24.3.2013, 18:51

Nnatusik
Если речь о Фотоморфе- то она многоязычная- язык переключается глобусом справа вверху- или ты не о ней?

Автор: Nnatusik 24.3.2013, 19:03

Цитата(Mirex @ 24.3.2013, 19:51)

Автор: Nnatusik 24.3.2013, 19:45

Цитата(Ninamag @ 24.3.2013, 19:46)

Автор: Mirex 24.3.2013, 19:56

Nnatusik
Ссылочка на скачку с нашего сервера- может пригодится...
http://download.smallgames.ws/leech?cat=mirex&file=FotoMorph_13.5.rar

Автор: Nnatusik 24.3.2013, 20:09

Нина, отлично!

Ребят, обратите внимание на работу Ninamag - действительно занимательная прога. На след. неделе, когда нам Кирилл сделает свою ветку, все разнесу по страницам. Андрей, спасибо за помощь1

Автор: Mirex 24.3.2013, 20:10

Ninamag
Нина- а че не сделала фак на руссифицированной версии?

Поймут конечно- но на родном как-то веселее.

Автор: Ninamag 24.3.2013, 21:08

А мне попалась англ.версия,я русскую и не искала даже.По Вашей ссылке русская?

Автор: Mirex 24.3.2013, 21:10

Ninamag
Это скачено и перезалито на сервер по Вашей ссылке- просто в программе надо включить русский язык- справа вверху нажать на глобус- и выбрать русский.
Программа изначально многоязычная- по дефолту устанавливается английский- надо переключить просто.
Я выше скрин выкладывал.

Автор: Ninamag 24.3.2013, 21:13

Цитата(Mirex @ 24.3.2013, 22:10)

Автор: Nnatusik 24.3.2013, 21:17

Цитата(Ninamag @ 24.3.2013, 22:13)

Автор: krestja 25.3.2013, 19:22

Натусик, спасибо тебе за урок!!! Очень класная програмка)) У меня что-то такое получилось:

Показать то что скрыто?:

Автор: vlasta 25.3.2013, 19:41

Нина,спасибо. Скачала прогу, поставила русскую версию +твой мануал. И вот,мой первый опыт.

Автор: Ninamag 25.3.2013, 21:03

Девочки молодцы!Вот еще пример с программой FotoMorph

Автор: Evunya 25.3.2013, 21:28

Девочки, молодцы. Целый день делаю картинки анимированные. Сохраняю на комп. в формате GIF. На компе они открываются анимированными, а когда вставляю на сайте, они обычные. Я с компа загружаю их с помощью программы 4Put. Может, нужна другая программа для вставки на сайт?

Автор: Ninamag 25.3.2013, 21:32

Я на radikal. ru загружаю.

Автор: vlasta 25.3.2013, 22:38

Цитата(Evunya @ 25.3.2013, 22:28)

Автор: Evunya 25.3.2013, 22:47

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

Показать то что скрыто?:

Автор: vlasta 26.3.2013, 17:33

Вот ещё картинки.Программа SWF text

Программа FotoMorph

Показать то что скрыто?:

http://4put.ru/

Автор: Ninamag 26.3.2013, 21:13

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

Автор: mama 27.3.2013, 16:33

Нина, спасибо! DP Animation Maker - очень интересная программа. Сколько же там всего!
Кто захочет русифицировать примеры и шаблоны, в Windows 7 заменяем файл "common_res.dll" в папке C:\Windows\SysWOW64.

Показать то что скрыто?:

Автор: vlasta 27.3.2013, 17:38

Нина,спасибо,прога правда отличная.Есть русская версия DP Animation Maker 2.0 Rus Portable

[ Скрытый текст ]

Автор: вареник 28.3.2013, 17:04

Всем приветик. Для "особо одаренных" из сообщения №3 скачала программу, появился вот такой файл " y8wUXtk4-8IeE1i5tjt6yADcqp-78wDXTUxXRFOXunuzNTU69r9Vnh2luGlpoWHbjfFJJb49OpBaQgQdkfc7Cg==",но когда я пытаюсь его открыть, то предлагают выбор программы. Что у меня не так?

Автор: Mirex 28.3.2013, 17:27

вареник
В сообщении №3 с яндекса скачивается обычный архив SWFText.rar
Распаковывается винраром в папку с инсталлятором setup_SWFText.exe
У вас просто какая то проблема при скачивании с яндекса.

Попробуйте скачать чистый установщик по ссылке ниже с нашего сервера
http://download.smallgames.ws/leech?cat=mirex&file=setup_SWFText.exe

Автор: Nnatusik 28.3.2013, 17:29

Всем приветики! Молодцы какие! Я на минуточку, но скоро суббота! продолжим...

Автор: вареник 28.3.2013, 21:29

Не пойму, как добавить созданное из программы SWFText на сайт. Заранее огромное спасибо.

Автор: Ninamag 28.3.2013, 22:07

Цитата(вареник @ 28.3.2013, 22:29)

Автор: вареник 28.3.2013, 22:52

Цитата(Ninamag @ 28.3.2013, 23:07)

Автор: вареник 28.3.2013, 22:54

Автор: Ninamag 28.3.2013, 23:46

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

Автор: вареник 29.3.2013, 9:15

Автор: Mirex 29.3.2013, 9:30

вареник
Было 6 черных кадров в анимации- убрал- вот результат.

Автор: Evunya 29.3.2013, 10:03

Цитата(Mirex @ 29.3.2013, 10:30)

Автор: вареник 29.3.2013, 10:04

Что то я не пойму. Я не видела чёрных квадратов. Было - анимация, через секунду полностью чёрный фон и так постоянно. Андрей что то изменил и теперь только анимация.

Автор: vlasta 29.3.2013, 11:19

Таня, надо изображение открыть в с проге Unlead Gif Animator получится вот так

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

Автор: вареник 29.3.2013, 12:00

Анют, а Unlead Gif Animator нужно отдельно скачивать?

Автор: vlasta 29.3.2013, 21:02

Да, скачай и установи. Удачи.

Автор: вареник 29.3.2013, 22:01

Цитата(Nnatusik @ 23.3.2013, 22:30)

Автор: Ninamag 29.3.2013, 23:13

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