ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов

Объявление

ДОРАБОТАЕМ ВМЕСТЕ СКРИПТ ПЕРВОАПРЕЛЬСКИХ РОЗЫГРЫШЕЙ

Акция продлится до 1 апреля;
Поддержите нашего разработчика в улучшении его скрипта первоапрельских розыгрышей.
Мы отблагодарим баллами, как за предоставление идей новых шуток, так и за помощь в их реализации.

Принять участие

GEMcross

Кроссовер, ориентированный на активную игру и уютный флуд.
Собираем у себя драгоценных игроков уже два года.

Посетить

TVD: FACELESS

В каждой истории есть две стороны.
Я и герой, и злодей.

Посетить

ЭНТЕРОС

Магия и технологии, эпизоды, 18+
ПутеводительХотим видетьРасы

Посетить

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

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

узнать подробности

💰 Продаётся: функционал, упрощающий жизнь админу форума

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

Как купить

📣 Наш проект: Ролевой поисковик

Поиск роли на текстовых ролевых
Проект от специалистов FD

Спойлеры и обсуждение

❤️ Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
SuggestionsReviews

Details
🎨 Голосуйте за лучшие парные аватарки до 29.02! Отдать голос.
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Конкурс "Делимся опытом"

Сообщений 31 страница 37 из 37

31

Название урока: Создание мэп-карты в GIMP.
Ссылка на форум: http://onepiecenewgen.rolka.su

раскукожить|скукожить

На ForumDesign TS уже есть описание процесса создания мэп-карты, с которым можно ознакомиться здесь. Этот же урок рассчитан на пользователей GIMP’а.

1. Откройте в GIMP готовую картинку с уже наложенными надписями (заказать можно здесь)

http://uploads.ru/t/h/b/7/hb7GO.jpg


2. Далее выберите в меню пункт «Фильтры» > «Веб» > «Карта изображения»

http://uploads.ru/t/z/8/p/z8pa1.jpg

Откроется окно создания мэп-карты.

http://uploads.ru/t/k/P/6/kP6FH.png

Рассмотрим окно поподробнее. Кнопка с лупой позволит нам увеличить изображение, если понадобится более точное выделение небольшой области. Кнопки слева от изображения регулируют форму области выделения – прямоугольник, круг и многоугольник.

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

3. Увеличим изображение и приступим непосредственно к выделению областей-ссылок.

http://uploads.ru/t/l/t/T/ltTp3.jpg

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

http://uploads.ru/t/w/h/4/wh4sE.jpg
http://uploads.ru/t/W/b/Q/WbQTN.jpg

4. Повторим действие для следующей ссылки.

http://uploads.ru/t/0/s/O/0sOV9.jpg

И так до тех пор, пока все нужные области-ссылки не будут созданы. Справа мы видим список ссылок, которые, при желании, сможет отредактировать.

http://uploads.ru/t/8/h/B/8hBJj.jpg

5. Остается лишь сохранить нашу карту в нужную папку в расширении .map

6. Далее открываем получившийся файл через блокнот и копируем получившийся код.

<img src="map.png" width="400" height="250" border="0" usemap="#map" />
<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR: Eri-->

<area shape="rect" coords="51,88,162,115" href="https://forumd.ru/viewforum.php?id=86" />
<area shape="rect" coords="50,115,211,144" href="https://forumd.ru/viewforum.php?id=69" />
<area shape="rect" coords="50,145,152,171" href="https://forumd.ru/viewforum.php?id=70" />
<area shape="rect" coords="84,124,158,140"  nohref="nohref" />
</map>

Выделенную курсивом часть кода можно спокойно удалить.

7. Карта закончена, получившийся код вы можете вставить в объявление или любое другое нужное вам место, где работает html.

+3

32

Кажется я сейчас напложу бесполезных уроков из серии "Гимп для нубов" *прилегла отдохнуть лицом в ладонь* А то раздел у вас пустой почти

Название урока: Кадрирование и масштабирование в GIMP.
Ссылка на форум: http://onepiecenewgen.rolka.su

Свернутый текст

Две важнейшие функции, без которых вы не сможете обойтись при создании аватара или обработке любой картинки. Обрезать и изменить размер изображения могут практически все графические редакторы, и Гимп – не исключение. Именно об этих функциях я расскажу вам в этом уроке.

1. Откройте нужное изображение.
Через меню Файл – Открыть или же просто перетащите нужный файл из папки в открытое окно программы.
http://uploads.ru/t/8/f/t/8ft0N.jpg

2. Обрежьте ваше изображение.
Вы можете выбрать более удобный вам способ из двух, описанных мной ниже.

способ первый.

- Выберите из списка инструментов «Прямоугольное выделение».
http://uploads.ru/t/d/5/4/d54Es.png

Как вы видите, настройка этого инструмента позволяет нам сразу же скруглить его углы или же задать выделению определенный размер, пропорции.

- Выберете параметры и выделите нужный участок изображения.
http://uploads.ru/t/p/d/o/pdoFX.jpg

- Переходим в меню Изображение – Откадрировать в выделение.
http://uploads.ru/t/O/g/X/OgXnx.jpg

- Итог: картинка обрезана.
http://uploads.ru/t/1/b/Z/1bZ82.jpg

способ второй.

- Выберите из списка инструментов «Кадрирование».
http://uploads.ru/t/D/L/U/DLUTt.jpg

- Если нужно, задайте параметры инструмента.
- Выделите нужный участок изображения и кликните мышкой по нему.
http://uploads.ru/t/L/R/k/LRkuE.jpg

- Итог: картинка так же обрезана, все танцуют.

3) Измените размер изображения.

- Выберите меню Изображение – Размер изображения.
http://uploads.ru/t/g/R/p/gRpom.jpg

- В открывшемся окне задайте нужный размер. Если цепочка рядом с шириной и высотой активирована, при введении первого параметра второй подгоняется автоматически.
http://uploads.ru/t/c/z/U/czU4O.png

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

Название урока: Пунктирная рамка в GIMP
Ссылка на форум: http://onepiecenewgen.rolka.su

Свернутый текст

Простой эффект для завершения аватара.

1. Откройте нужное изображение, обрежьте и обработайте его, как ваша душенька велит.
http://uploads.ru/t/j/m/I/jmIRv.jpg

2. Создайте новый слой для обводки.
http://uploads.ru/i/o/S/8/oS86W.jpg

3. Выделите все изображение с помощью меню Выделение – Выделить все.
http://uploads.ru/t/D/l/A/DlAn2.jpg

4. Меню Правка – Обвести выделенное.
http://uploads.ru/t/6/h/J/6hJTB.png

В открывшемся окне вводим нужные нам параметры стиля линии, выбираем частый пунктир нужной нам толщины (я взяла три пикселя) и нажимаем Обвести.
К сожалению выделение слоя в Гимпе не дает нам насладиться эффектом в полном объеме, но в окне навигации все прекрасно видно.

5. Настраиваем прозрачность и режим наложения слоя с обводкой и сохраняем наш аватар.
http://uploads.ru/t/C/X/2/CX2gf.png

+1

33

Создаем шар в Photoimpact

Открыть урок|Закрыть

Шаг 1
Рисуем круг произвольного размера.
http://uploads.ru/i/y/A/4/yA4rz.jpg

Шаг 2
Применяем эффект. Выставьте все парметры как на скринах.
http://uploads.ru/i/8/C/K/8CKOd.jpg
http://uploads.ru/i/l/4/g/l4gJb.jpg
http://uploads.ru/i/k/3/c/k3c0u.jpg

Шаг 3
Рисуем еще один кргу белого цвета и применяем эффект исчезновение.
Передвигаем наш белый круг на первый синий и переключаемся на инструмент "Редактирование контура"
http://uploads.ru/i/A/o/9/Ao9MI.jpg
http://uploads.ru/i/O/x/G/OxGqm.jpg

Шаг 4
Переместите точки ка на скрине.
http://uploads.ru/i/R/j/n/RjnlV.jpg

Шаг 5

http://uploads.ru/i/X/5/8/X58qF.jpg

+1

34

Открыть|Закрыть

http://uploads.ru/i/I/W/D/IWDU5.jpg

Урок полностью мой, вотермарки с моего форума. Завтра еще кое-что выложу

+1

35

Дорогие друзья!
Конкурс скоро подойдёт к концу, через 7 дней будет открыто голосование. http://uploads.ru/i/K/Z/U/KZUwI.gif
Спешите прислать свои работы и не забывайте о вкусных призах. http://uploads.ru/i/k/5/H/k5HLq.gif

Первое место
300 рублей
500 призовых баллов
Баннер вверху форума на 1 неделю

Второе место
250 призовых баллов
Баннер вверху форума на 1 неделю (в порядке очереди)

Третье место
150 призовых баллов
любое украшение профиля на выбор

+1

36

Всем привет)
Я расскажу вам, как сделать фентезийную карту в Гимп.

Название урока: Карта фентезийного мира в Gimp
Сайт: priceofsoul.rolka.su
Предупреждения: все отлично и понятно, но Paint сожрал 1/3 скринов - низ. Там ничего важного нет, все и без низа все предельно ясно. Но некрасиво. Если не нравится - переделаю.

Свернутый текст

За основу взял этот урок для фотошопа - htt p://rumor.ru/wiki/Adobe_Photoshop:Рисуем_карту_игрового_мира (убрать пробел)

Итак, приступим.

Шаг 1. Делаем материки. Все приблизительно и некрасиво.

Открываем Гимп, создаем слой размером 600х400 пикселей.
Называем его, допустим, "Основа".
Применяем Фильтры/Визуализация/Облака/Разностные облака
Зерно - 2514419745 например
Детализация - 15
Х - 2.8
У - 1.2

Применяем Фильтры/Цвет/Яркость-Контраст
Яркость: -106
Контраст: 73

Далее Фильтры/Имитация/Комикс
Все на максимум

Получаем:

http://uploads.ru/t/z/u/y/zuybR.png

Применяем Выделение по цвету (ищем в Панели инструментов).
Щелкаем по серому, как здесь:
http://uploads.ru/t/Y/i/c/YichR.png

Повторяем, выделяя новые места, пока наша карта не приобретет симпатичный вид:

http://uploads.ru/t/Z/8/e/Z8ekE.png

Внимание! У вас должен получится прозрачный слой, на котором размещены ОДНОТОННЫЕ очертания материков. Если у вас остались серые места, то используйте выделение по цвету. Кликаем на черный, выбираем Выделение/Инвертировать и жмем Delete. Вновь инвертируем выделение, переходим к следующему шагу.

Шаг 2.  Материки - теперь красиво.

Не снимаем имеющееся выделение, создаем новый слой.
Назовем его "Земля".
Делаем заливку слоя каким-нибудь светлым цветом, например e8d2b3.
Применяем к слою (не снимаем выделение!) все те же разностные облака:

http://uploads.ru/t/B/W/p/BWpaf.png

Ползем в Цвет/Тонировать:

Тон - 42
Насыщенность - 23
Освещенность - 8

Получаем вот что:

http://uploads.ru/t/R/F/C/RFCsT.png

Как-то слишком ярко, вам не кажется? А мне кажется. Потому я лезу в Панель инструментов и выбираю Осветление/затемнение:

Масштаб - максимум
Прозрачность - 27

Затираем весь экран, получаем:

http://uploads.ru/t/2/g/P/2gP3O.png

Инвертируем выделение, помним как?

Применяем Фильтры/Свет и тень/Отбрасываемая тень:

Смещение по Х - 0
Смещение по У - 0
Радиус размывания - 15
Цвет - желтенький какой нибудь, например edc870
Прозрачность не трогаем
Галочку снимаем

Получаем вот что:

http://uploads.ru/t/J/p/L/JpLOr.png

Сводим слой тени (самый верхний) и земли, снимаем выделение.
Используем Фильтры/Карта/Рельеф:

http://uploads.ru/t/t/K/O/tKOVA.png

Последний пункт не видно, но его менять не надо - оставляем стандартно.

Снова ползем в инструменты, берем Выделение по цвету, тыкаем в прозрачность, инвертируем выделение.
Применяем фильтры тени (все той же):

http://uploads.ru/t/8/c/e/8ceGV.png

Что вышло:

http://uploads.ru/t/H/Y/1/HY1m9.png

Объединяем все слои, применяем Слой к размеру изображения (панель слоев слева, ткнуть на слой правой клавишей мыши).
Материки готовы.

Шаг 3. Вода.

Создаем новый слой, называем его водой.
Пихаем слой под слой "Земля".

Применяем любимые облака, только теперь - плазма.
Фильтры/Визуализация/Облака/Плазма
Получается такая красивая фигня:

http://uploads.ru/t/J/t/x/JtxYG.png

Ползем в Цвет/Тонировать:

http://uploads.ru/t/s/9/C/s9Crf.png

В принципе на этом все, осталось только украсить.

Шаг 4. Украшательства.

Создаем новый слой "Полоски".
Ползем в инструменты, берем кисть Calligraphic Brush

масштаб - 0.1
цвет - черный

Рисуем полоски из нижнего правого угла:

http://uploads.ru/t/1/w/I/1wInq.png

Для этого кликаем левой клавишей мыши в углу (начало линии), не отпускаем и зажимаем shift, отпускаем левую клавишу - радостно ведем линию. Доводим до конца, делаем клик, отпускаем шифт.
Вышло вот что:

http://uploads.ru/t/Y/K/D/YKDeT.png

Некрасиво.

Применяем Фильтры/Карта/Иллюзия

деление - 0
режим 1

Вышло вот что:

http://uploads.ru/t/4/3/U/43Uta.png

Сдвигаем слой "Полоски" под слой "Земля".

Добавляем розу ветров, рамку, названия и прочее, например:

http://uploads.ru/t/4/G/E/4GE3P.png

Paint сожрал низ изображения. Желтым пунктиром выделено край вставленной розы ветров. Слева видно, как установить прозрачность слоя для этой самой розы.

Готово!

http://uploads.ru/i/G/p/T/GpTI2.jpg

+2

37

Поправка: после второго скрина и перед фразой "Повторяем, выделяя новые места, пока наша карта не приобретет симпатичный вид:" должно присутствовать следующее:
Очистить выделенную область при помощи Delete.

+1