Вот результат, к которому мы будем стремиться в этой работе:
В уроке я покажу, как можно добиться подобного без использования плагина Layer Effects. Пояснение: ЛКМ и ПКМ - левая и правая кнопка мыши, соответственно.
Доступно только для пользователей1. Создаем новый документ (Файл > Создать... или Ctrl+N), размер выбираете по своему вкусу. Я решил оставить стандартные 640*480.
2. Берем инструмен "Текст", растягиваем область под надпись и пишем желаемое слово. Использован текст Bello (http://www.azfonts.ru/load_font/bello-script.html), размер 188.
3. Жмем ПКМ на текстовом слое в списке и выбираем *Слой к размеру изображения*. Так мы растеризуем текст, заодно убрав желтую рамку - границу слоя, чтобы она не мешалась. Теперь добавим альфа-канал фоновому слою (ПКМ на слое [Фон], выбираем *Добавить альфа-канал*)
4. Идем на слой [Gimper] (название этого слоя зависит от того, какое слово вы писали в изображении) и преобразуем альфа-канал в выделение (ПКМ на слое в списке, выбираем *Альфа-канал в выделение*). Затем переходим на [Фон] и нажимаем Delete.
5. Переключаемся на вкладку контуров и преобразуем выделение в контур, так как оно нам еще пригодится. А пока снимем выделение (Выделение Снять или Ctrl+Shift+A)
6. Займемся текстурой, которой будет залит текст. Создаем новое изображение размером 5*5 px. Увеличим изображение (инструмент "Лупа")
7. Изменим цвета переднего и заднего планов:
8. С помощью инструмента "Плоская заливка" заполняем слой. После чего создаем два новых прозрачных слоя, названия не важны.
13. Переходим на [Фон] и применяем Фильтры > Свет и Тень > Отбрасываемая тень:
14. Режим наложения для слоя с тенью ставим Рассеянный свет, а затем, при помощи стрелочек, располагаем слои в таком порядке:
15. Создаем новый слой [край] и располагаем его выше всех слоев. Идем во вкладку контуров и преобразуем имеющийся у нас контур в выделение. Далее идем в Выделение > Увеличить... и в окошке выставляем значение 1.
16. Заливаем выделение белым цветом
17. Направляемся в Выделение > Уменьшить... и ставим ту же 1, затем жмем Delete, удаляя лишнее. Снимаем выделение.
20. Переходим в диалоге слоев на [край]. Берем "Ластик" и с его помощью убираем части белой полосы, выделенные цветом: Меняем непрозрачность слоя примерно до 55%
21. Создаем слой [блеск]. Берем "Градиент" из основного в прозрачный, растягиваем его сверху вниз:
22. Спомощью "Эллиптического выделения" рисуем овал, инвертируем выделение (Выделение > Инвертировать или Ctrl+I) и жмем Delete
23. Снимем выделение и изменим режим наложения на Перекрытие, в списке слои должны располагаться так:
Мы почти закончили, остались последние штрихи. 24. Создаем слой [блики]. Небольшой мягкой белой "Кистью" расставляем отблески:
25. Меняем режим наложения на Перекрытие. Если покажется, что блики слишком бледные, просто продублируйте этот слой и поиграйте с непрозрачностью копии. Я так и сделал.
26. Теперь нужно свести слои. Если это сделать через Избражение > Свести изображение, то результат будет немного не таким, как сейчас видим. Поэтому мы сводим все слои по отдельности, благо их не так много. Для этого переходим на второй снизу слой ([Drop Shadow]), жмем на нем ПКМ и выбираем *Объединить с предыдущим*. Так мы объединим этот слой и тот, что под ним. Далее по такому же принципу сводим все слои в один. Кадрируем итоговое изображение, чтобы избавиться от прозрачной области снизу и справа.
Парочка примечаний перед тем, как начать (для тех, кто не в курсе): - названия слоев указаны в [квадратных скобках]; - ЛКМ и ПКМ — левая и правая кнопки мыши соответственно; - ПП и ЗП — передний и задний планы соответственно.
ТЕКСТУРА
1. Создаем новый документ (Файл > Создать...) размером 1*15, цвет фона — прозрачный.
Примечание: от высоты этого изображения зависит, какое расстояние будет между полосами в итоговом результате. Для удобства увеличиваем изображение инструментом «Лупа».
3. Берем «Карандаш», устанавливаем минимальный размер кисти и ставим точки по обеим сторонам направляющей. Цвет белый.
4. Копируем (Ctrl+C) и просто вставляем как текстуру (Правка > Вставить как... > Новая текстура) У нас появится сообщение об ошибке, его мы просто закроем. Закрываем и сам документ (можно без сохранения).
ТЕКСТ
5. Создаем новый документ, размер — на ваш выбор, остальные параметры на скриншоте:
6. Берем «Градиент», цвет ПП — на ваш выбор (в данном случае 2e001c), тип градиента — из основного в прозрачный, форма радиальная. Заливаем, как показано ниже:
7. Выбираем инструмент «Текст», растягиваем область под надпись и пишем желаемое слово. При желании меняем параметры (стиль, размер, межбуквенное расстояние и т. п.)
8. Жмем ПКМ на текстовом слое в списке и выбираем *Текст в выделение*, затем направляемся в Слой > Слой к размеру изображения, после чего снова жмем ПКМ на этом слое, но выбираем *Добавить маску слоя*
9. Снимаем выделение (Выделение > Снять или Ctrl+Shift+A) и применяем Фильтры > Размывание... > Гауссово размывание примерно с такими параметрами:
10. В списке слоев жмем ЛКМна пиктограмме текстового слоя (она слева, справа — маска) и нажимаем Delete.
11. Теперь в Диалоге текстур выбираем созданную нами, хватаем ее, зажав ЛКМ и перетаскиваем на изображение: Жмем ПКМ на слое в списке и выбираем *Применить маску слоя*
12. Снова берем «Текст» и в качестве дополнения пишем какую-нибудь пафосную фразу, например так: При создании области под текст у меня впервые вылезло окошко «Подтверждение изменения текста». Если оно появится и у вас, то нажимаем *Создать новый слой*.
ОФОРМЛЕНИЕ
13. Жмем ПКМ на текстовом слое и выбираем *Слой к размеру изображения*, после чего дублируем слой, возвращаемся с копии на оригинал и применяем к нему Фильтры > Размывание > Гауссово размывание:
14. Направляемся в Цвет > Тонирование и подбираем цвет для свечения по вашему вкусу Сводим копию и оригинал в один слой (ПКМ на верхнем из сводимых слоев, выбираем *Объединить с предыдущим*)
15. Объединяем [your format] и [XCF] в один слой. Дублируем итоговый слой и направляемся в Слой > Преобразования > Отразить по вертикали
16. Инструментом «Перемещение» располагаем отраженный слой... Да, вы угадали, как отражение. Нелишним будет его и переименовать соответствующе
17. Включаем режим «Быстрой маски», устанавливаем цвета по умолчанию (ПП — черный, ЗП — белый), берем «Градиент» из основного в фоновый и растягиваем таким образом:
18. Отключаем «Быструю маску» (появится выделение) и нажимаем Delete до тех пор, пока отражение не будет вас устраивать. Снимаем выделение.
19. Создаем новый прозрачный слой [туман], после чего направляемся в Фильтры > Визуализация > Облака > Сплошной шум и применяем со стандартными настройками
20. Берем «Масштаб» и изменяем размер слоя так, чтобы верхний его край как бы разделял текст и отражение: Снижаем непрозрачность слоя до 10%.
21. Создаем новый слой [цвет]. Применяем Фильтры > Визуализация > Облака > Плазма. Эксперименты с настройками здесь приветствуются.
22. Последний штрих: играем с режимом наложения и непрозрачностью слоя:
Вот то, что я получил в процессе написания данного урока:
Создать новое изображение, цвет любой, или сразу открыть картинку. Инструмент Текст - выбрать шрифт (Moonlight), лучше смотрится более жирный. Напечатать текст. Фильтры - Свет и тень - Xach-эффект. Выделение - снять. На панели инструментов , вкладка Слои - отключить видимость слоя с текстом
Создаем изображение с прозрачным слоем, в панели инструментов жмем А в параметрах выбираем шрифт, его размер , цвет значения не имеет. Пишем букву. В панели инструментов выбираем Волшебную палочку, щелкаем по букве, получилось выделение. (НЕ СНИМАЕМ ЕГО) Открываем новую картинку и перетаскиваем слой на букву, инструментом Перемещение, сдвигаем слой с картинкой так, что бы часть буквы была видна.
Выделение - Инвертировать - Делет (удалить) и опять Инвертировать.
Теперь применим скрипт, выделение буквы должно быть видно. Фильтры - ~kward1979uk - glass
Перейти на слой с буквой, активировать его,(глазок не включать) выделить букву палочкой, перейти на слой Фон, (тот что с эффектом) и применить обводку, Правка - обвести выделенное,
В параметрах выставить ширину обводки, Текстуру (определить заранее в панели инструментов, нажав на заливку, выбрать подходящую.), стиль линии.
Дата: Суббота, 17 Декабря 2011, 17:02 | Сообщение # 15
Первая леди "Красного Лаптя"
Группа: Первая леди на деревне.
Сообщений: 63087
Статус: Вне сайта
Создаем анимацию в графическом редакторе GIMP Сегодня будем делать в гимпе вот такую анимацию
Для начала определимся с фоном мы можем сделать надпись на белом фоне-Файл-Создать, а можем взять любое изображение и нанести на нее нашу надпись (самое главное, чтоб место куда мы будет наносить наш текст было однотонным). Я взяла вот такой конвертик
такие конвертики можно найти здесь. Вместо ручки я использовала розу (она на прозрачном фоне, розу я тоже брала на сайте, там же есть ручки) Открываем гимп загружаем наше изображение-Файл-Открыть, если нужно изменяем изображение-Изображение-Размер изображение (выбираем размеры с 400-до 350 пх, это самый оптимальный размер изображения для создание анимации, она не такая тяжелая) Берем инструмент текст и выбираем текст который похож на рукописный ( я взяла такие параметры)
(вы естественно можете взять другие) хочу предупредить сразу в стандартных настройках гимпа того шрифта который я указала в скрине нет (скачать шрифты вы можете здесь, урок как установить шрифты здесь) после того как вы написали текст и поставили его в выбранное место,объедением наш текст с фоном
теперь подготавливаем нашу розу-Файл-Открыть как слой,при помощи инструмента "Масштаб" подгоняем нашу розу под нужный нам размер
, если нужно используем инструмент "Вращение", что б придать розе правильное положение, теперь на вкладке Слои нажимаем на Создать слой и создаем слой розы и слой фона, поднимаем наверх розу и фон (у нас должно быть так, слой фона, слой розы, слой копии фона, слой копии розы) теперь отключаем прозрачность у копии розы и копии фона
делаем активным слой с розой и при помощи инструмента "Перемещения" перемещаем нашу розу к началу нашего текста
делаем активным наш фон, и при помощи инструмента пипетка делаем активным цвет тот на котором находится наш текст (для этого подводим мышку и щелкаем) в нашем случае это почти белый цвет, берем инструмент кисть и начинаем аккуратно закрашивать наш текст оставив только начало
объединяем розу с фоном, делаем опять копию текст и розы и включаем прозрачность и повторяем те же действия: перемещаем нашу розу и закрашиваем остальное
объединяем нашу слои и повторяем те же действия с остальными буквами. После того как мы закончили нашу работу мы смотрим, что у нас получилось-Фильтр-Анимация-Воспроизвести если мы довольны работой оптимизируем-Фильтр-Анимация-Оптимизация(для GIF) после этого индексируем-Изображение-Режим-Индексирование Выбираем нормальное
Сохраняем как анимацию.
Ну вот и все. Возникли вопросы пишите в комментарии, будем разбираться вместе, очень бы хотелось посмотреть на ваши работы.УДАЧИ!!!
Дата: Суббота, 17 Декабря 2011, 17:02 | Сообщение # 17
Kill me I'm a monster.....
Группа: Подружки
Сообщений: 3776
Статус: Вне сайта
Бегущая строка В GIMP анимацию можно сделать несколькими способами. Либо с помощью различных плагинов, позволяющих в той или иной мере автоматизировать процесс анимирования, либо одним из "ручных" способов покадрового создания анимации. Сегодня мы рассмотрим, как в gimp добиться эффекта бегущей строки без применения каких-либо дополнительных плагинов. Итак, создаем изображение с белым фоном, размером 300х100. Любым понравившимся шрифтом создаем надпись
Выделяем текст: Слой — >Текст в выделение — >Текст в выделение:
Далее либо заливкой , либо градиентом закрашиваем текст. И снимаем выделение: Выделение —> Снять. Создаем копию Фона. Поднимаем поверх всех слоев, затем создаем копию слоя с текстом, располагаем над фоном, и сдвигаем с помощью инструмента перемещение его так, чтобы видно было только первую букву:
Далее на копии слоя с текстом щелкаем правой кнопкой мыши, выбираем Слой к размеру изображения, и объединяем этот слой с копией фона. Получили первый кадр. Копируем слой с текстом, перемещаем на вверх, и ориентируясь относительно нижнего слоя, смещаем текст левее, с помощью инструмента Перемещение (для удобства можно использовать направляющую):
Опять делаем копию фона, размещаем под копией текстового слоя. Далее возвращаемся к копии слоя с текстом, делаем слой к размеру слоя, как было описано выше, и объединяем с копией фона. Получили 2 кадр. Продолжаем в том же порядке, пока не покажется вся надпись:
Продолжаем смещать текст влево, пока все буквы не скроются:
Когда все кадры готовы, удаляем текстовый слой, а слой Фон оставляем. Делаем оптимизацию, и сохраняем как анимацию. Если есть необходимость меняем время задержки кадра. В результате получается вот такая бегущая строка:
Аналогичным способом можно добиться такого результата:
Дата: Суббота, 17 Декабря 2011, 17:02 | Сообщение # 18
Первая леди "Красного Лаптя"
Группа: Первая леди на деревне.
Сообщений: 63087
Статус: Вне сайта
Сами делаем табличку-комменташку
Сейчас мы сделаем вот такую комменташку. Я - такую, а вы по этому уроку - любую, какую захотите, принцип один и тот же!
Первым делом сами СОЗДАДИМ ИЗОБРАЖЕНИЕ:
Вы можете оставить формат таким как есть. Он задается в появившемся окошке. Сейчас он по умолчанию, его можно изменить с помошью стрелок-галочек вверх-вниз и скрепочек. Я об этом уже недавно в одном из уроков говорила. Я же просто подрежу ножичком с панели инструментов.
Теперь зальем изображение с помощью ГРАДИЕНТА с панели инструментов.
Вот перед нами появилась табличка со списком градиентов и мы выбираем любой. У меня много скачанных, вы будете если их не скачали выбирать из того, что стоит по умолчанию в джимпе.
Вот так вот прокручиваете - и выбираете тот что понравится. Я хочу остановиться на розовом.
Выбрала. Теперь нам надо им залить белую поверхность будущей комменташки.
У нас нажато мышкой на сам инструмент ГРАДИЕНТ, выбран ЦВЕТ, поэтому мы просто нажимаем мышью на один из углов рисунка и проводим ей до другого. Вот такая вот линия получается.
Все, комменташка моментально залилась выбранным цветом. Кстати, о том как сменить цвет я тоже выкладывала урок:
ЦВЕТ
ТОН-НАСЫЩЕННОСТЬ
и меняем проводя ползунками в появившемся окне останавливаясь на желаемом. )))
Теперь нгам надо хоть как-то украсить нашу комменташку. Проще всего клипартом.
Выберу-ка я статуэтку!
Я не буду останавливаться на том, как менять размер клипарта. Тоже выкладывала урок недавно. Коротко:
ПАНЕЛЬ ИНСТРУМЕНТОВ
МАСШТАБ
Теперь мы будем писать на ней текст.
Этот инстумент можно выбрать как в боковой панели - так и в верхней. Я показала стрелками. ЖМЕМ!
Открывается окошко. Выбираем параметры. Цвет текста я выбравла вот такой, вы - выбираете любой из открывшейся палитры. Теперь выберем размер текста и шрифт.
Ввыбираем ползунками что одно что другое. Если у вас шрифты не скачаны - выбираете из установленных в джимпе по умолчанию.
ПИШЕМ???
Я подчеркнула ВСЕ что мы навыбирали. Писать будем в окрывшемся окошечке с текстом. Текст появится в той области, которую вы сами выделите на комменташке. С размером я погорячилась, выбрала слишком большой, но в пока мы пишем его можно менять как и цвет и шрифт сколько угодно. Я все откорректировала.
Вот, чтобы было повиднее!
Мне не понравилось что как-то неинтересно смотрится и я просто расположу ТЕКСТ ПО ЦЕНТРУ, там же в панели в настройках. Выберу настроить по центру. Теперь наш шедевр ))) можно и сохранять.
Чтобы было проще искать я даже обзову свою нетленку. Обязательно укажем формат файла.
Я все подчеркнула. Когда выскочит табличка жмем на ЭКСПОРТ, СОХРАНИТЬ КАК и потом на ОК.
Все. ЛЮБУЕМСЯ ШЫДЭВРОЙ!!!
Как видите все не только ПРОСТО, а ОЧЕНЬ ПРОСТО! Этот элементарный урок с голым каркасом комменташки вы можете сами усложнить как хотите и творить в свое удовольствие!
* Выбираем фон для нашего будущего текста и открываем его Файл > Открыть.
* Написать текст. Цвет шрифта тут не играет никакой роли, однако я предпочитаю белый.
* Выделить текст : Слой > Прозрачность > Альфа-канал - выделение. * Теперь сделаем наш текст невидимым : Слой > Прозрачность > Цвет в Альфа-канал. Вы дожны увидеть одно лишь выделение. * Активируем фон кликнув по нему на панели слоев. Копируем текст внутри выделения: Правка > Копировать. * Активируем слой с текстом и вставляем скопированную область: Правка > Вставить. На панели слоев появится плавающий слой, что бы его прикрепить к листу с текстом нажмите на значек якоря внизу панели слоев. Что бы посмотреть на полученный результат отключите фон, нажав на глаз рядом с иконкой на панели слоев.
* Сделаем обводку вокруг текста: Слой > Прозрачность > Альфа-канал - выделение потом Правка > Обвести выделенное... Я установила ширину обводки в 1 рх. * Добавим тень от текста (по желанию) : Фильтры > Свет и тень > Отбрасываемая тень. Можете оставить все по умолчанию, а можете поэксперементировать с цветом тени и ее прозрачностью и другими параметрами. * Объедените слои Тень и Текст, кликнув правой кнопкой по листу Тень и выбрав из меню : Объеденить с предыдущим. * Удалите отключенный слой с фото, которое использовали для фона : Слой > Удалить слой (это можно сделать и на панели слоев нажав на иконку мусорного ведра). И вот что мы получили в итоге :
В уроке используется один из приемов создания огня в GIMP. Приступим
1. Создайте новое изображение с черным цветом фона размером 420х300 пикселей в пространстве RGB.
2. С помощью инструмента Текст (T) напишите полужирным шрифтом gimper.ru белым цветом 62 пиксея. Я использовал шрифт Helvetica Bold.
3. Разместите надпись примерно по центру изображения с помощью инструмента Перемещение (M).
4. Нажмите на слое gimper.ru правой кнопкой и выбирите пункт Объединить с предыдущим.
5. Выбирите инструмент Палец (S) и установите параметры для него, как на рисунке.
6. С помощью инструмента Палец (S) обведите букву “g” на изображении сначала по краю буквы, а затем немного захватите середину. Важно, что бы буква стала светло-серой, как на рисунке ниже. Возможно это удобнее делать с помощью графического планшета, но у меня такового пока в наличии нет. Так же советую приблизить изображение для удобства редактирования.
7. Повторите то же самое для каждой буквы.
8. Теперь рисуем языки пламени - от начала буквы ведите волнообразными движениями мышь вверх по несколько раз.
9. Повторите то же самое для каждой буквы.
10. Основная работа сделана! Теперь для того, что бы окрасить наше пламя, выбирите пункт меню Цвет->Цветовой баланс и установите там следующие значения:
Тень Полутона Светлые части
Голубой - Красный +100 +100 +100
Пурпурный - Зелёный +30 +30 0
Жёлтый - Синий -30 -30 +100
11. Пламя уже готово. Теперь делаем собственно текст, который горит.
12. Повторите пункт 2, но теперь цвет шрифта должен быть черным, и разметстите полученный слой с помощью инструмента Перемещение (M) над пламенем.
13. Нажмите правой кнопкой мыши на слое с черным текстом и выбирите пункт “Добавить маску слоя”, в открывшемся диалоге выберите пункт “Белый цвет (полная непрозрачность)”. Рядом с эскизом слоя в панели слоёв появился новый эскиз. Нажмите на нем, чтобы вокруг него появилась белая рамка - индикатор выделенности.
14. Установите цвет переднего плана в черный, выберите градиент “Из основного в прозрачный”.
15. Залейте градиентом маску слоя снизу и сверху примерно на 10-20 пикселей.
16. Готово! Немного добавив эффектов из предыдущих уроков, вы получаете то, что в заголовке=)