Плохо! Плохо!:  0
Страница 1 из 2 12 ПоследняяПоследняя
Показано с 1 по 10 из 17

Тема: Фотошоп туториал: Как нарисовать косые лучи.

  1. #1
    Маститый Аватар для Nalia
    Информация о пользователе
    Регистрация
    18.09.2009
    Адрес
    Пенза
    Сообщений
    1,412
    Записей в дневнике
    105
    Репутация: 87 Добавить или отнять репутацию

    По умолчанию Фотошоп туториал: Как нарисовать косые лучи.

    Эффекты освещения: косые лучи

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

    Спойлер Вот как оно выглядит в игре:











    Но как их сделать?
    Конечно, в «нашем всё» фотошопе. Минутка ностальгии: если в ХР без фотошопа я была как без рук, то в Асе— как без рук и без ног. Потому что убогость маппинга… Ох, я ж собралась писать о косых лучах, да?

    Итак.

    Шаг 1. Открываем фотошоп и создаём новый файл. Советую сразу настроить сетку.
    Настройка сетки: сначала идём с меню просмотр > показать > сетку (или просто ctrl + Э), потом настраиваем размер ячейки сетки: редактирование > установки > направляющие, сетка и фрагменты, в открывшемся окне, в разделе «сетка» в поле «линия через каждые» пишем 32, а из единиц измерения выбираем пиксель (пикс.). Т.е. нам нужна линия через каждые 32 пикселя; ячейка сетки должна быть размером 32х32, как сетка в мейкере. Это позволит вам сразу увидеть, сколько места будет занимать тот или иной объект на карте. В поле «внутренне деление» лучше поставить число 2; т.е. каждая ячейка внутри будет поделена ещё на четыре пунктирными линиями.
    Настроили? Включите опцию привязки к сетке (просмотр > привязка), если она отключена. Пляшем дальше.

    Шаг 2. Залейте фон чёрным цветом. Абсолютно чёрным. Потом посмотрите на клеточки и прикиньте, какого размера будет ваш луч. Желательно, чтобы он умещался в квадрат. Ради вашего же удобства. Затем используем инструмент обрезки: выделив нужное нам поле, мы нажимаем галочку, и готово— рисунок обрезан.

    Спойлер Обрезка рисунка:


    Это всё присказка. Сказка будет дальше.

    Шаг 3. Создаём новый слой. Это Ctrl + Shift + N, или Слои > Новый > Слой…. На нём и будем рисовать лучи. Чёрный нам нужен только как задник. Отключаем привязку к сетке и саму сетку (выше описано, как всё это включить; так вот, отключить также)— они нам будут только мешать. Выбираем инструмент «кисть». Выбираем белый цвет. И -- наконец-то! – рисуем. Три-четыре диагональные линии. Старайтесь, чтобы они были в середине очерченного вами квадрата.

    Спойлер Линии:



    Шаг 4. И снова меню: Фильтр > Размытие > Размытие в движении. Настраиваем угол и смещение. Угол— это, собственно, в какую сторону оно будет размываться, смещение— то, насколько сильно будет размываться. Словом, поиграйтесь с ползунками, не забудьте при этом поставить галочку в пункте «просмотр», чтобы видеть результат нашей «игры» на рисунке. Чтобы луч вышел за границы рисунка, совсем не желательно, сами понимаете.
    Когда результат удовлетворить вас, нажимаем ОК.

    Спойлер Да будет свет!:



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

    Шаг 5. То, что мы нарисовали луч, это не значит, что работа завершена. От него пока пользы мало: нужно знать, как вставить его в проект.

    Способ 1: Просто прилепить его на нужное место в параллаксе, который отвечает за свет и тьму. Но, думается нам, если вы способны создать такой параллакс, то операция копирования и вставки для вас элементарна, равно как шаги 1 и 2, и потому я не буду это описывать.

    Способ 2: В виде спрайта. То бишь чара, если переводить с общеигрового на мейкерский. На привёдённых выше скриншотах используются именно чары. Для того, чтобы создать чар с изображением, сначала включаем сетку и внимательно считаем количество клеточек, которые наш луч занимает. В моём случае это квадрат 5х5. Поскольку каждая сторона клетки у нас равна 32 пикселя, то, следовательно, в пикселях величина одного кадра чара равна 5*32 = 160. Этих кадров в чаре эйсовского формата у нас 4 в высоту, 3 в ширину. Итого 160*4 = 640, 160*3 = 480. Так что величина чарлиста у нас должны быть 640х480.
    Трудно считать? Калькулятор никто не отменял, не говоря уж о том, что вы можете просто взять мои замеры.

    Шаг 6. Итак, создаём новый файл с указанными размерами: 640х480. Заливаем его чёрным цветом— на белом или прозрачном фоне лучиков просто не видно. Создаём новый слой. Затем открываем файл, в котором у нас изначально рисовался лучик, комбинацией клавиш ctrl + A (латинское, русское— ctrl + Ф) всё, копируем и вставляем в новый файл. Опять не забывайте считать клеточки: лучик должен занимать столько же, сколько занимал в исходном файле (в нашем случае 5х5 клеток). Отключаем чёрный фон: для этого заходим в меню слоёв (клавиша F7, или этот
    значок, должен торчат на панели справа), находим нужный слой (скорее всего, это будет слой под названием «фон», иначе— вам нужен тот, что чёрный), выключаем его видимость (щёлкаем на «глазике» рядом со слоем).

    Шаг 7. Сохраняем результат. Файл > сохранить как > .png. Не забудьте, что в Эйсе для одиночного чарсета (т.е. не блока из восьми чарсетов) в начале файла следует ставить $.
    После этого ничего не мешает заполнить оставшиеся ячейки чарсета другими лучами, нарисованными по описанной методике.

    Шаг 8. Вставляем в проект. Ну, тут всё просто. Помещаем в нужном месте событие, выбираем в качестве графики созданный нами чарсет. Затем в «движении» прописываем следующее кастомное: change blending (изменить наложение) – add (добавление), change opacity (изменить прозрачность) – 100. Не забудьте сделать чар фиксированным, проходимым и расположенным над героем. Желательно при этом изменить цветовую гамму экрана на "темноту": в ней лучи смотрятся эффектнее всего.
    Последний раз редактировалось Nalia; 11.03.2014 в 13:17.
    Я отрицаю вашу реальность и заменю её своей. (c) Джон Адам Севидж

    Надо работать, работать надо. Ремешки под касками затянуть потуже, шинели в порядок привести, в кобуру засунуть трудолюбие 36 калибра и марш за мейкер! (с) Tall Men

  2. #2
    Маститый Аватар для Seibur
    Информация о пользователе
    Регистрация
    07.01.2012
    Адрес
    Изумрудный город
    Сообщений
    1,206
    Записей в дневнике
    3
    Репутация: 58 Добавить или отнять репутацию

    По умолчанию

    Спасибо за статью!
    Можешь ее скопировать сюда: http://rpgmaker.su/forumdisplay.php/...88%D0%BE%D0%BF
    Прохлада и спокойствие мне вполне по душе

    Спойлер :

    き っ と 、 女 の 子 は お 砂 糖 と ス パ イ ス と 素 敵 な 何 か で で き て い る。

  3. #3
    Хранитель Форума Аватар для Валера
    Информация о пользователе
    Регистрация
    15.04.2008
    Адрес
    Москва
    Сообщений
    14,006
    Записей в дневнике
    3
    Репутация: 166 Добавить или отнять репутацию

    По умолчанию

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

    И как же муторно в фотошопе делаются такие простые вещи...
    Я бы к статье добавил как сделать анимированные лучи ( которые как бы переливаются из одного в другой ).

    Спойлер И как тебе не стыдно-то, а, Валера?:


    Оборона форта: http://rghost.ru/8kLGxFtD2
    Сделать, чтоб все происходило, как я хочу, - вот, собственно, и весь мейкер!
    Адский Рейд: http://rpgmaker.su/vbdownloads.php?d...downloadid=106

  4. #4
    Маститый Аватар для Nalia
    Информация о пользователе
    Регистрация
    18.09.2009
    Адрес
    Пенза
    Сообщений
    1,412
    Записей в дневнике
    105
    Репутация: 87 Добавить или отнять репутацию

    По умолчанию

    И как же муторно в фотошопе делаются такие простые вещи...
    Валера, просто я стараюсь объяснить для чайников. Большая часть статьи-- объяснение, как сетку поставить, как по сетке выровнять, как обрезать и пр.
    Я отрицаю вашу реальность и заменю её своей. (c) Джон Адам Севидж

    Надо работать, работать надо. Ремешки под касками затянуть потуже, шинели в порядок привести, в кобуру засунуть трудолюбие 36 калибра и марш за мейкер! (с) Tall Men

  5. #5
    Бывалый Аватар для caveman
    Информация о пользователе
    Регистрация
    15.02.2013
    Сообщений
    766
    Записей в дневнике
    47
    Репутация: 85 Добавить или отнять репутацию

    По умолчанию

    гуд, не все пользовать готовые
    back to the primitive

    http://cavemangame.blogspot.ru/ - разные идеи и новости
    http://cavescripts.blogspot.ru/ - мои скрипты
    http://cavecrusader.blogspot.ru/ - текущий проект

  6. #6
    Пользователь Аватар для Anonymous
    Информация о пользователе
    Регистрация
    05.03.2014
    Сообщений
    39
    Репутация: 2 Добавить или отнять репутацию

    По умолчанию

    Тоже думал, не добавить ли статью, как делать анимированную воду в параллаксе. Стоить такую писать?

  7. #7
    Маститый Аватар для Nalia
    Информация о пользователе
    Регистрация
    18.09.2009
    Адрес
    Пенза
    Сообщений
    1,412
    Записей в дневнике
    105
    Репутация: 87 Добавить или отнять репутацию

    По умолчанию

    Стоит. Однозначно. Лично я её прочитаю (хоть пока и не собираюсь делать оную).
    Я отрицаю вашу реальность и заменю её своей. (c) Джон Адам Севидж

    Надо работать, работать надо. Ремешки под касками затянуть потуже, шинели в порядок привести, в кобуру засунуть трудолюбие 36 калибра и марш за мейкер! (с) Tall Men

  8. #8
    Пользователь Аватар для Anonymous
    Информация о пользователе
    Регистрация
    05.03.2014
    Сообщений
    39
    Репутация: 2 Добавить или отнять репутацию

    По умолчанию

    Хорошо, напишу статью, но только ближе к выходным. Потому как работаю допоздна.

  9. #9
    Местный Аватар для LeeLoo
    Информация о пользователе
    Регистрация
    14.09.2013
    Сообщений
    196
    Записей в дневнике
    5
    Репутация: 4 Добавить или отнять репутацию

    По умолчанию

    Цитата Сообщение от Anonymous Посмотреть сообщение
    Тоже думал, не добавить ли статью, как делать анимированную воду в параллаксе. Стоить такую писать?
    Мне кажется, достаточно перевести шапку в Modern Algebra's Animated parallax script. Только я впервые слышу, чтобы кто-нибудь вообще делал перевод шапок скриптов.
    Давайте тогда все популярные скрипты так сделаем, а?

    Цитата Сообщение от Валера Посмотреть сообщение
    Я бы к статье добавил как сделать анимированные лучи ( которые как бы переливаются из одного в другой ).
    Сменой картинок?
    Последний раз редактировалось LeeLoo; 11.03.2014 в 22:39.

  10. #10
    Хранитель Форума Аватар для Валера
    Информация о пользователе
    Регистрация
    15.04.2008
    Адрес
    Москва
    Сообщений
    14,006
    Записей в дневнике
    3
    Репутация: 166 Добавить или отнять репутацию

    По умолчанию

    Ну, у нас все анимации делаются сменой картинок... тот же параллакс с водой.

    Спойлер И как тебе не стыдно-то, а, Валера?:


    Оборона форта: http://rghost.ru/8kLGxFtD2
    Сделать, чтоб все происходило, как я хочу, - вот, собственно, и весь мейкер!
    Адский Рейд: http://rpgmaker.su/vbdownloads.php?d...downloadid=106

Страница 1 из 2 12 ПоследняяПоследняя

Информация о теме

Пользователи, просматривающие эту тему

Эту тему просматривают: 1 (пользователей: 0 , гостей: 1)

Метки этой темы

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •  
Фотошоп туториал: Как нарисовать косые лучи.