три часточки
А зараз я хочу розповісти вам як можна відносно легко оформити свій аніме лист. Для цього важливого справи вам буде потрібно:
Для початку краще чітко уявити, що ви збираєтеся зробити. Так як ми оформляємо анімеліст, то швидше за все його захочеться оформити в аніме-стилі, щоб в ньому була картинка з улюбленим аніме персонажем, хорошим Фанарт або красивим кадром з аніме. З цього насамперед підбираємо картинку. Краще щоб вона була відносно не великий і зображення на ній було більш-менш цілісним. тобто кадр або персонаж повністю містився на зображенні, а не так, що у нього зверху відрубана частина голови, знизу - ноги, праворуч або ліворуч - частина тіла. Я хочу сказати, що якщо у вас картинка з персонажем, то потрібно щоб вона містила хоча б верхню його частину, а якщо кадр - то щоб зберігалася його атмосфера, пейзаж або що там у вас на ньому. Як приклад я візьму ось цю картинку з Сейбер з аніме Fate / Stay Night.
Тепер заходимо на свій профіль в аніме-листі. У верхньому лівому кутку сторінки сайту вибираємо меню Profile -> Panel Edit.
Далі вибираємо My List Style
Тепер повернемося до картинки. Очевидно, що вона у нас не поміщається на весь екран, а займає лише його частина. З цього фон аніме листа буде являти собою розташовану на ньому картинку, а все інше простір буде залито одним кольором. У нашому випадку у нас є картинка з Сейбер. Основний фон у самій картинки у нас помаранчевий, значить у аніме-листа фон краще зробити таким же помаранчевим. Але неоднорідність фону картинки все одно буде позначатися. Якщо її просто помістити на помаранчевий фон, це буде не буде добре виглядати - чіткі межі зображення все одно будуть сильно виділятися на тлі. З цього нам треба як би "розчинити" кордону картинки, щоб, як показано нижче, з першого варіанту, ми отримали другий.
Погодьтеся, другий варіант виглядає куди краще першого. Щоб "розчинити" кордони нашої картинки в помаранчевому кольорі, відкриємо цю картинку в Фотошопі. За допомогою інструменту виділення виділяємо прямокутником будь край картинки:
Потім за допомогою інструменту градієнтна заливка нам потрібно залити виділений прямокутник їх оранжевого переходить в прозорий градієнтом. Має вийти приблизно ось так:
Код кольору, за допомогою якого ми робили заливку краще записати де-небудь - він нам ще знадобиться.
Проробляємо подібну операцію і з іншими гранями, поки не отримаємо ось таку картинку:
Тепер завантажуємо нашу картинку на аніме-лист. Для цього повертаємося на сайт до меню My List Style і там переходимо по посиланню Upload Wallpaper / Change My List Wallpaper Settings. У вікні вибираємо Огляд. там вибираємо вашу картинку, і натискаємо Upload Wallpaper. Навпаки пункту Show Wallpaper має стояти Yes. Після цього картинка завантажиться і буде фоном вашого аніме-листа. Але якщо ви подивитеся на аніме лист, то побачите, що розмір картинки менше розміру екрану і вона починає повторюватися. Щоб виправити цю помилку перейдемо в меню основних налаштуваннях стилю аніме листа. Для цього знову повернемося в меню My List Style і там перейдемо по посиланню Edit My Style. Після цього у нас з'явиться вікно з купою всіляких властивостей стилю аніме-листа. Змінюючи ці властивості, ви змінюєте безпосередньо оформлення аніме-листа. Для початку встановимо правильні властивості для нашого фонового зображення. Для цього опускаємося до пункту Wallpaper.
Почнемо знизу. Пункт Background-Repeat відповідає за повторення картинки. За замовчуванням картинка повторюється на весь екран, але якщо ми встановимо значення цього поля як no-repeat. то наша картинка перестане повторюватися (інші значення можна подивитися клацнувши на посилання More Info. Навпаки даного пункту).
Пункт Background-Position відповідає за розташування картинки на екрані. За допомогою цього пункту можна перемістити її в центр, в правий верхній кут або в лівий нижній. в нашому випадку перемістимо її в правий нижній кут, встановивши значення властивості як bottom right (інші значення можна подивитися клацнувши на посилання More Info. Навпаки даного пункту).
Пункт Background-Attachment відповідає за розташування картинки при прокручуванні вгору або вниз аніме-листа. За замовчуванням картинка буде "їхати", коли ви прокручуєте аніме-лист. Щоб картинка незалежно від прокручування завжди перебувала в одному місці необхідно встановити значення цієї властивості як fixed. (Інші значення можна подивитися клацнувши на посилання More Info. Навпаки даного пункту).
Встановивши всі вищевказані властивості і застосувавши їх ми отримали аніме лист зі статичної не повторювати картинкою, що знаходиться в правому нижньому кутку.
Далі знову повернемося до Edit My Style. Встановивши картинку, ми повинні зробити навколишній її фон помаранчевим кольором, а не білим, яким він є за замовчуванням. Для цього в пункті General в Edit My Style знаходимо пункт Background Color
Встановлюємо його значення як шістнадцятковий код кольору, яким ми робили градієнтну заливку. Так як картинка у нас знаходиться в правому нижньому кутку, буде краще пересунути сам лист трохи вліво. Для цього в пункті Alignment треба поміняти значення на Left.
Робота з фоном закінчена, залишилося тільки відредагувати сам список. Якщо придивитися до аніме-листу то список являє собою головну рядок (в ній знаходяться заголовки Anime Title, Score, Type) і чергуються різним кольором рядки з назвами аніме. Параметри цих рядків, включаючи їх колір, шрифт тексту, що знаходиться в них, можна змінити у відповідних пунктах меню Edit My Style. За заголовну рядок відповідає пункт Row Header Properties а за що чергуються Row 1, 2 Properties.
Подальше редагування цих та інших параметрів краще проробляти самостійно. Розписувати їх властивості залишилися пунктів не має сенсу, так як їх занадто багато і при бажанні з ними можна розібратися самостійно.
Нижче наведено кілька порад щодо оформлення:
Намагайтеся, щоб колірна гамма списку була схожа з кольоровою гамою фонової картинки, це зробить ваш аніме-лист більш привабливим. Наприклад в моєму випадку рядка списку пофарбовані в усі той же помаранчевий колір, змінений на кілька відтінків, а текст забарвлений в синій, під колір сукні Сейбер.
І взагалі намагайтеся щоб ваш аніме-лист виглядав красиво)
Якщо у ви не вміти працювати з фотошопом або не хочете паритися з фоновим зображенням, то можете пошукати картинку з однотонним фоном. В цьому випадку не доведеться робити ніяку градієнтну заливку, а досить просто завантажити зображення на аніме-лист. Як приклад з вот такой вот картинкою з Харухі:
Може вийде ось такий ось привабливий аніме-лист:
Лист Лайка.
Наведений в цій статейку спосіб оформлення аніме-листа найбільш зручний в порівнянні з іншими. Одне невелике статичне зображення з хорошим оформленням буде прекрасно виглядати, причому на моніторах з будь-яким дозволом екрану.