Оформление вашей биографии - гайд (на доработке)

  • IV <> V
    • Следите за дальнейшими новостями в официальном паблике проекта в ВК или в треде новостей проекта.
    • Регистрация персонажей открыта!
    • Регистрация топиков персонажей, фракционных топиков и других тредов, связанных с ролевым миром - вновь действуют.
Статус
Закрыто для дальнейших ответов.

iamgroks

ГРУКС
Администратор в отставке
480
523


jxM7IXv.png




Приветствую тебя, дорогой читатель. В этой теме речь зайдет об оформлении. Занятие столь легкое для обывателей, и одновременно, невероятно сложное. Тема до такого ужаса субъективна, что по ней невозможно написать одно единое руководство, способное выполнить требования каждого игрока. Всяко, мною будет предпринята попытка представить уникальный взор на этот аспект, с описанием, как делать оригинальные вещи, способные внести разнообразия в вашу биографию. И в связи с тем, что планируется весьма широкий ассортимент информации, большая часть будет заносится под спойлер, отдельными сообщениями, с пометками. Обратная связь и желание дополнить тему своим взглядом, и советом - приветствуется. Просьба отписать в личные сообщения @iamgroks по этому вопросу. Приятного ознакомления.

Шаг первый - концепция.

Формат, который я затрагиваю в этом руководстве, это биография-картинка. Потому первым делом мы определяемся с концепцией. Будь то дневник, досье, комикс, визуализация сознания, или окружающий персонажа мир, с всплывающими вокруг мыслями. Всё зависит от того, какого героя вы собираетесь играть. Отталкивайтесь от того, что будет уместно в его случае. Ведь оформление, как вишенка на торте, должно дополнять вашу историю. А в моем понимании, идеальное оформление - это то, которое отражает восприятие мира, через призму вашего чара. Или тесно переплетается с его сущностью.

Шаг второй - фон.

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

08jiLAI.jpeg

И вот, что у нас получилось.

Hbx9Za1.jpeg

Шаг третий - текст.

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

Найдя шрифт, кидаем текст в фотошоп, и настраиваем. Получается пока что примерно вот такая картина.

I1mNDqZ.jpeg

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

Шаг четвертый - стилизация.

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

CcJZJmb.jpeg

Но.. Выглядит не очень, правда? Тут уже нужно крутить всякие ползунки, по типу параметров наложения, и так далее.

Давайте затрону самые необходимые в работе инструменты.

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

Q7gUxJ9.jpeg



Наложение. Крайне полезная штука, находится на правой части экрана, возле непрозрачности (тоже очень полезная вещь).

6XcO0he.jpeg



Коррекция. Помогает подогнать изображение по цвету, насыщенности, контрасту, и остальным параметрам. Находится сверху, при нажатии на изображение.

UkOXH8W.jpeg



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

U5i4Lvt.jpeg



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

NKvd9fO.jpeg

И вот, после танцев с бубном, и всеми этими инструментами (крайне колхозными, имейте ввиду, ибо можно сделать в разы лучше, зная, куда тыкать), получаем результат. Да, сделано на скорую руку, как простейший пример. НО! В который раз упомяну, что это дело вкуса. Не нужно делать 1 в 1 как показано здесь, ибо главная цель этого гайда, это продемонстрировать, что при должном креативе можно делать вполне себе уникальные вещи. Ниже будут еще примеры, и я надеюсь, что они сподвигнут вас на новые свершения.

kbC5j2M.jpeg
 
Последнее редактирование:

iamgroks

ГРУКС
Администратор в отставке
480
523
Под этим спойлером разберем то, какие BB-коды существуют на форуме, и за что они отвечают.

Всякие изменения и прочее, а также полный перечень кодов - здесь. Ниже де-факто повторение всего основного, что содержится в разделе помощь.

Медиаконтент
1. [img] ссылка [/img] - отвечает за вставку изображения. Пример.

stalker01________.jpg


2. [img align=left/right] ссылка [/img] - отвечает за обтекание картинки текстом, позволяя писать слева или справа от изображения. После align нужно выбрать left, или right, в зависимости от того, с какой стороны должна быть картинка. Пример.

stalker01________.jpg

Сначала я подумал, что это Темный Сталкер. Неясная тень мелькнула возле здания азотно-кислородной станции, даже не тень, а намек на движение, неясный образ, мелькающий в сновидениях. Очки-усилители зафиксировали несколько квантов, дисплей индикации движения выдал блеклый кружок и сразу виновато погас. Я метнулся туда, но ничего…

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




3. [media] ссылка [/media] - используется для вставки медиа-файлов из различных ресурсов, включая музыку, видео, изображения. Пример.


4. [url=ссылка] текст ссылки [/url] - делает текст кликабельным для перехода по заданной ссылке. Пример.

Вольные сталкеры.


Работа с текстом

5. [b] текст [/b] - делает текст жирным. Пример.

Появился как-то в зоне, чёрный сталкер...

6. [i] текст [/i] - курсив текста. Пример.

Появился как-то в зоне, чёрный сталкер...

7. [s] текст [/s] - зачеркивает текст. Пример.

Появился как-то в зоне, чёрный сталкер...

8. [u] текст [/u] - подчеркивает текст. Пример.

Появился как-то в зоне, чёрный сталкер...

9. [color=цвет] текст [/color] - окрашивает текст в заданный цвет. Также допустимо использование HTML кодов. Пример.

Появился как-то в зоне, чёрный сталкер...

10. [font=название шрифта] текст [/font] - отвечает за шрифт. Пример.

Появился как-то в зоне, чёрный сталкер...

11. [size=число] текст [/size] - отвечает за размер текста. Пример.

Появился как-то в зоне, чёрный сталкер...

12. [quote] текст [/quote] - заносит текст под цитату. Пример.

Появился как-то в зоне, чёрный сталкер...

13. [spoiler=название спойлера] содержание спойлера [/spoiler] - скрывает материал под спойлером. Пример.

Появился как-то в зоне, чёрный сталкер...

14. [ispoiler] текст [/ispoiler] - размытие текста. Для того, чтобы его открыть, нужно по нему нажать. Пример.

Появился как-то в зоне, чёрный сталкер...

15. [indent] текст [/indent] - отвечает за отступление текста от краев. Пример.

Появился как-то в зоне, чёрный сталкер...​
Появился как-то в зоне, чёрный сталкер...​

16. [background=цвет] текст [/background] - отвечает за фоновый цвет вашего сообщения. Пример.

АКС-74У - По своим габаритам и массе близок к пистолетам-пулемётам, однако устройство механизма почти полностью идентично АКМ-74/2. Малые габариты оружия позволяют успешно использовать его в условиях городской застройки и в стесненных условиях, а пробивающее действие пули довольно велико. Среди недостатков — малая прицельная дальность и склонность к быстрому перегреву.


17. [textarea] текст [/textarea] - создает рамку вокруг вашего текста. Пример.

Появился как-то в зоне, чёрный сталкер...
 
Последнее редактирование:
Статус
Закрыто для дальнейших ответов.