http://trivia

Привет, Гость
  Войти…
Регистрация
  Сообщества
Опросы
Тесты
  Фоторедактор
Интересы
Поиск пользователей
  Дуэли
Аватары
Гороскоп
  Кто, Где, Когда
Игры
В онлайне
  Позитивки
Online game О!
  Случайный дневник
BeOn
Ещё…↓вниз
Отключить дизайн


Зарегистрироваться

Логин:
Пароль:
   

Забыли пароль?


 
yes
Получи свой дневник!

http://trivia > .tutorial




суббота, 7 июня 2014 г.
tutorial #7: lighting and coloring guide Anduin 13:26:25
Основные PC-понятия все знают, перевод по просьбам.

­­

Подробнее…So, this is a little guide about the way I work with lighting and coloring. It's just a way among many others and as a guide, you must be inspired by it. If you have any questions, just shoot .D

~ Textures

­­ ­­ ­­ ­­ ­­

I won't present textures to you. I love them, they make such amazing things ! I have so many textures that sometimes it's difficult to choose which I'm going to use. I use especially light textures, I really love the colors they bring, and the first step to lighting and softness IS light textures. I set them a lot to Screen and Soft Light. Erasing part I don't want, transforming them, coloring them, etc. But the best way is experimenting ;). Play around with a lot of different textures and see what's best. Examples talk so much more so look at that (without and with (light) textures):

­­ ­­ ­­ ­­ ­­
­­ ­­ ­­ ­­

~ Light Blobs
Not enough light ? Why not adding them ourselves ? I can't make an icon without these black and white little blobs. They change EVERYTHING et add a lot of softeness and brightness. Add a new transparent layer and with a soft brush amplify the lights already there with white. You can add brightness to a part of the icon too. Same with the blacks. If your blobs are too hard, you can blur them. I often set the layer to Soft Light but sometimes letting it to Normal can work. (though I have to improve \o/). With Disney icons, they bring a pretty relief. Look at that (without and with blobs):

­­ ­­ ­­ ­­
­­ ­­ ­­ ­­

~ Gradients
Another thing I can't live without: gradients. I don't make an icon without one of them, they bring contrast and light and yeaah! You can use the classic black&white gradient which is very helpful to bring out the subject. You can use colorful gradients too, they change the colors and bring depth. You can set them in various blend mode, just try! Look:

­­ ­­ ­­
­­ ­­ ­­ ­­

As the light blobs, be careful to which way your light comes. Changing the angle of your gradients can transform the whole icon.

­­ ­­ ­­ ­­
(top left) // (top right) // (bottom) // (top)

You can also use gradients to correct the way light comes.

­­ ­­ ­­ ­­

~ Blur
Blur can be used in many many ways. You can duplicate your icon, blur it and set it to Lighten, Screen, Overlay, Soft Light... You can erase the part you don't want with a mask, color it, ... They can bring amazing light, softness and coloring.

­­ ­­ ­­
­­ ­­ ­­ ­­
­­ ­­ ­­ ­­ ­­

~ Color Blobs
It's the same technique as the light blobs. If there aren't enough colors, why not adding them ? Here again, with a soft brush you can paint on a transparent layer and set it to whatever blend mode you want. Even Normal work! I usually do that first before anything color related. It can be another way to bring softness.

­­ ­­ ­­ ­­
­­ ­­ ­­ ­­
­­ ­­ ­­ ­­

No that we saw the different techniques I use, let's do a quick icon that summarizes everything. Nothing is better than practicing and experimenting!

­­ - ­­

{1} We start with this screecap because I love working with TLOR. I prepare the base (light + contrast).

­­

{2} I take this texture and color it. I set it to Soft Light.

­­ ­­ ­­

{3} I create this texture and set it to Screen 30% opacity.

­­ ­­ ­­

{4} I take this texture and set it to Screen 80% opacity. I erase the left brown part that I don't want.

­­ ­­ ­­

{5} I duplicate my base and drag it to the top. I set it to Soft Light. I duplicate that base and Blur / Gaussian Blur 9. I set it to Soft Light but it was a little too dark, I added a little brightness on this layer.

­­ ­­ ­­

{6} New gradient, #5b6128 to white, angle 25°. I set it to Soft Light and duplicate it.

­­ ­­

{7} I add a new transparent layer and paint my light and shadow blobs. I'm not really precise, I just amplify the light already there. Then I blur it and set it to Soft Light.

­­ ­­ ­­

{.8.} Finally, Color Balance +19, +2, -10.

­­ ­­

That's it!

­­ ­­



оригинал:
http://aubedelune.l­ivejournal.com/5072.­html


Категории: .tutorial, !resource
комментировать 3 комментария | Прoкoммeнтировaть
суббота, 24 мая 2014 г.
Anduin 09:52:20
Запись только для автора.
воскресенье, 2 февраля 2014 г.
tutorial #5: complex icons Anduin 13:52:29
­­

Подробнее…Что делает аватар сложным?

Первый вопрос, который я задала себе, когда меня попросили написать этот гайд. Что по-вашему делает аватар сложным?
Я собираюсь предоставить на ваше обозрение некоторые аватары, как примеры того, как их можно сделать сложными. Используем примеры мастеров, которые делают это лучше, чем я.

/!\ Целью есть не копировать данный стиль, а вдохновиться для того, чтобы найти свой собственный для скринов, с которыми вы работаете!

1) аватары, где что-то происходит на заднем плане

­­ ­­ ­­ ­­ ­­

Обычная отличительная черта сложного аватара - несколько изображений. Здесь, как вы видите, мастера использовали несколько изображений, чтобы сделать задний план. В первом - это город, на втором мастер дублировал Майкла, чтобы сделать фон и etc. В этом плане возможностей очень много! У вас широкий выбор: вы можете использовать стоковые изображения, дублировать ваше главное изображение, использовать силуэт, использовать другой скрин, etc. Возможности действительно бесконечны!

Вот мой пример ­­
(Здесь два скрина: Hawkeye и Black Widow, и немного текста!)

2) аватары, в которых используется блок

­­ ­­ ­­ ­­ ­­

По-моему, это самый легкий способ сделать сложный аватар. Их очень легко делать и подойдет почти любой кроп. Как вы можете видеть на аватарах выше почти нет "чистого" разделения между скринами. Легкое размытие смотрится более эстетически. Как можно достичь этого? Работая с большим форматом. Например, если вы работаете на холсте размером 200х200 и вы копируете ваши два скрина в одно изображение, то при уменьшении к нужному размеру линии между ними слегка размоются.

­­ ­­
с | без

Для меня первый вариант смотрится лучше, чем второй, но, все же, это не нерушимое правило, так что делайте так, как вам нравится! :)­

Мой пример: ­­

3) аватары с использованием вариаций блока

­­ ­­ ­­ ­­ ­­

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

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

Мой пример: ­­
(Здесь мы видим три скрина: один из них Шерлок с телефоном, поставленный на screen, второй, где мы видим его со спины, и третий - Мориарти, расположенный сверху и снизу аватара.)

4) аватары с использованием стока
/стоком мы называем изображения (в данном случае текстуры) без конкретной тематики, т.е. стоковые изображения/

­­ ­­ ­­ ­­ ­­

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

Мой пример: ­­
(Здесь я использовала два скрина, один из которых я дублировала три раза и изменила размеры. Я разместила кое-что из bone-stock /дос. "стока костей", ну вы поняли, что имеется в виду первая попавшаяся текстура/изображение с костьми/ справа, т.к. в этой сцене Эллисон, без сомнений, умрет. Я так же использовала границы/линии.)

5) аватары с использованием текста

­­ ­­ ­­ ­­ ­­

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

Мой пример: ­­
(Кто сказал, что крошечный текст вышел из моды?)

Но как? Советы и "приемы"

Если все прошло удачно, то из объяснений выше вы получите несколько подсказок, как сделать сложный аватар (если нет, I suck).

Что вы можете использовать? Давайте резюмируем:
- задний план/фон: сток, скрины, дублирование, силуэты, текстуры.
- блок: вам следует найти симметрию, взаимозависимость между скринами и цветами (красный/синий, голубой/оранжевый, зеленый/фиолетовый), контраст (далеко/близко), освещение (свет/тень), action (различные приемы), размытие скринов и etc. Используйте кисти, маски, трансформацию, дублируйте все, двигайте по всему аватару, используйте разные размеры.
- сток: не изменяйте контексту, используйте его как хотите, используйте фигуры (круги, квадраты), работайте с цветом (сток не всегда белый).
- текст: дублируйте его, используйте разные шрифты, разные цвета (не только белый!), двигайте его, трансформируйте..

В завершение: ИСПОЛЬЗУЙТЕ ВСЕ. Откройте много текстур, дублируйте все, двигайте по всему аватару, GO CRAZY.

Пример:
­­ ­­ ­­ ­­ ­­ ­­

1 изменяем размер текстуры
2 добавляем текст
3 добавляем сток природы красного цвета
4 добавляем текст
5 добавляем скрин и текст. ГОТОВО!

­­ ­­ ­­ ­­ ­­

1 изменяем размер текстуры
2 добавляем скрин
3 добавляем другие скрины
4 добавляем текстуру внизу
5 добавляем сток костей. ГОТОВО!

­­ ­­ ­­
­­ ­­ ­­
­­

1 база/основа
2 добавляем auto Curves + Curves для яркости + Color Balance, чтобы добавить сиреневого/magenta и голубого
3 добавляем голубой градиент на первый скрин
4 другой холст с другими скринами
5 повторяем 2й пункт
6 добавляем сиреневый градиент + Curves для яркости
7 вставляем скрин на аватар, ставя его на screen. Добавляем яркости и контраста.
ГОТОВО!

Чего вы не должны делать:

­­ ­­ ­­
//ужасный блок // ужасное дублирование и расположение // ужасное расположение, ужасный текст, ужасный блок.

1. Старайтесь придерживаться линии. Летающие прямоугольники - это совсем не круто. СИММЕТРИЯ!
2. Go crazy, да, но это должно быть красиво. Не насилуйте скрин. Я верю, что из любого скрина можно сделать сложный аватар, но иногда вы просто не дотягиваете до нужного результата. Этот кроп совершенно не для сложного аватара. И линии плохи, диагональ портит композицию.
3. Никогда, НИКОГДА не используйте текст так. Вы получите два скучных скрина, если используете его так, ничего не происходит, никакого контраста, никакой взаимосвязи, ограниченность. Текст расположен по центру, ужасное расположение, т.к. он заслоняет второй скрин, и подобное расположение ничего не несет, текст просто там, раздражает. НЕ НАДО! Если скрин не подходит для текста, не тулите его туда насильно.

Как сделать лучше:

­­ ­­ ­­

симметрия: скрины выглядят лучше, цвета сочетаются лучше, линии выглядят хорошо.
текст: если хотите.
вращение: почему бы и нет.

­­ ­­ ­­ ­­

контраст: свет/тень, достаточно скучно.
текстура: почему бы и нет.
вращение, обрезка, etc.: ПОЧЕМУ БЫ И НЕТ.
цвет: /автор урока повторяется/




___________________­
все права принадлежат автору урока
ссылка на оригинал
http://aubedelune.l­ivejournal.com/11007­.html


Категории: !resource, .tutorial
комментировать 8 комментариев | Прoкoммeнтировaть
среда, 29 января 2014 г.
tutorial #4: screencap colouring Anduin 18:09:44
Ссылка на скачивание в конце.
Колор мой, акк на тумбе, соответственно, тоже мой.
Использовать можете, как заблагорассудится, но не выдавайте за своё.


­­

Подробнее…Со скринами я возиться не люблю, следовательно, колоры у меня для них максимально простые и короткие.
Правда, иногда я ударяюсь в ступенчатость, т.е. на один корректирующий слой у меня идет, допустим, изменение только одного цвета / добавление одного нового. Здесь вот похожий случай.
Фотошоп у меня английский, но все просто и понятно.
Итак, начнем.

Исходник нам нужен в любом случае с синими/голубыми тонами.
Можете взять мой:
­­

При работе с темными скринами из TeenWolf'а, почти всегда, необходимо дублировать слой, чтобы поставить его на screen.
С моим непрозрачность оставляем на 100%, а с вашим собственным смотрим по обстоятельствам.
Получилось:
­­

Далее применяем Curves /они же Кривые/ вот с такими настройками /точки снизу вверх/:
­­ ­­
Получаем:
­­

У меня хроническая аллергия на недостаток контраста, поэтому - Contrast +28, и смотрим:
­­

Этот этап называется 'base preparing', т.е. мы сейчас подготовили базу для колора.
Теперь приступаем к цветовой коррекции:
Selective Color
Reds -64 -43 +70 0
Blues 0 -66 0 0

Избавились от голубых/синих/пурпурных:
­­

Добавляем зеленого, по сути желтого, но смотрим, что выходит:
Color Balance - Midtones - Yellow -24
­­

Затем, универсальным способом, читай "если лень другим", осветляем скрин еще немного, не затрагивая контраст.
Обычный чб-градиент ставим на screen - непрозрачность 30%:
­­

И финальный штрих. С помощью Selective Color делаем помаду Лидию не "лепестки розы", а "терракот" .D
Вообще, так же мы убираем этим корректирующим слоем ненужные нам Magentas:
Selective Color
Reds 0 -25 +37 0
Magentas 0 - 89 0 0

­­

Вот и все. Колор достаточно прост, использовать его легко. Ничего сверхъестественного, соляной круг не нужен.



Результат:
­­







_______________
ссылку на скачивание найдете в посте
http://mosaicolours­.tumblr.com/post/749­49392248/psd-1


Категории: !resource, .tutorial
комментировать 2 комментария | Прoкoммeнтировaть
вторник, 28 января 2014 г.
tutorial #3: screencap colouring Anduin 17:51:35
Я так люблю колоры с Лидией, тем более скриновые.
У неё суперский цвет волос (клубничный блонд, ага) и ей идет розовый.
Третий перевод.

___________________­____________________­_

­­

Подробнее…Вот оригинал скрина, который я взяла:
­­

По стандартам teenwolf'а этот скрин достаточно светлый, т.к. сцена снималась днем, ха-ха-ха, но он все равно тусклый.
Так что первое, что я сделала - дублировала слой и поставила его на screen; вот что у меня вышло:
­­

Мне хотелось сфокусировать внимании на Лидия&Стайлз, поэтому я создала новый слой, взяла мягкую круглую кисть и зарисовала пространство между ними
этим цветом #d5b8a7; слой поставила на linear light:
­­

Теперь я копирую все слои в один /copy merge/ и ставлю получившийся слой над всеми, ставлю его на soft light, чтобы придать скрину немного цвета и контраста:
­­

Следующим шагом будет слой vibrance - +77 /верхний ползунок/ - поставленный на colour; получаем это:
­­

Еще один слой с vibrance - +73 - поставленный на colour - 77% непрозрачности; снова копируем все слои в один, убираем логотип /со Стайлза/ и добавляем резкости /сами регулируем/;
получаем это:
­­

Теперь займемся розовыми цветами. Для этого я использовала selective colour с такими настройками:
RED: -67, +34, -12
­­

Затем я использовала одну из своих собственных light-текстур (эту http://i.imgur.com/OCAcO6a.png), отразила её по горизонтали и поставила её на
screen, разместив её слева от Лидии:
­­

Затем мне показалось, что нужно добавить еще контраста и насыщенности, т.ч. я создала новый слой brightness\contrast
и увеличила contrast на +5; и добавила слой vibrance - 16 - поставленный на colour:
­­

Мне все еще хотелось больше цвета и контраста, т.ч. я снова копирую все слои в один, ставлю выше всех имеющихся на soft light.
Я размываю этот слой gaussian blure (примерно 12), непрозрачность ставлю на 53%, чтобы получить это:
­­

Затем я снова копирую все слои в один, вставляю получившееся новым слоем и добавляю резкость /smart sharpen или просто sharpen/
и ставлю на непрозрачность 28%:
­­

Мне все еще кажется, что задний план немного отвлекает, т.ч. я создаю новый слой, беру мягкую круглую кисть и зарисовываю
пространство между Лидией и Стайлзом цветом #dac19a, оставляю слой на normal, непрозрачность 40%
­­

Наконец-то я создаю еще один слой vibrance +31 и вуаля!
­­



___________________­_____
ссылка на оригинал:
http://allhalestili­nski.tumblr.com/post­/55088667771/colouri­ng-tutorial
все права принадлежат автору




Категории: !resource, .tutorial
комментировать 2 комментария | Прoкoммeнтировaть
среда, 8 января 2014 г.
tutorial #2: vibrant colouring Anduin 16:09:09
1й урок сожрал бот
пора начинать войну

Урок по яркой колоризации для screencaps, понятное дело, что перевод.
Второй в этом сообществе.
/****/ - так будут выделены мои комментарии,
все остальное - оригинальный текст автора.

___________________­____________________­


­­ ­­

Подробнее…1. Добавляем слой Hue/Saturation: 0, +43, 0

2. Добавляем слой с Curves, который выглядит так (и регулируем opacity/непрозрачность, если ваш скрин супер яркий):

­­

3. Добавляем слой Brightness/Contrast: +23,0

4. Добавляем слой Color Balance: Midtones - 0, 0, 23

5. Добавляем еще один слой Color Balance: Midtones - +24, +11, -8

6. Добавляем слой Selective Color (вот где все становится сложноватым):

Red: +10, +6, -5, 0
Yellow: -10, +9, +4, 0
Green: 0, 0, 0, 0
Cyan: +10, +29, +8, +5
Blues: +9, -25, -17, +38
Magentas: 0, 0, 0, 0
Whites: 0, 0, 0, 0
Neutrals: 0, 0, -9, 0
Blacks: -13, -2, -33, +52


Фух!

7. Еще один слой Color Balance: Shadows - -100, -100, -100

8. Еще один слой Color Balance: Shadows - +100, +100, +100

9. И еще один слой Color Balance: Midtones: -25, 0, 0; Shadows - +50, +50, +50

10. Добавляем еще один слой Curves и делаем вот такую S-образную кривую в Blue/Синих, вот так:

­­

11. Идем в Layer>New Fill Layer>Gradient и выбираем чб-градиент на 90градусов так, чтобы белый был сверху.
Ставим слой на Soft Light и 50% непрозрачности.

12. Добавляем еще один слой Selective Color и ставим на Soft Light:
Neutrals: +40, +15, +2, -20

13. Повторяем действие я в пункте 11, только слой с градиентом ставим на 15% непрозрачности вместо 50%.

Это мой базовый колор. Теперь начинается самое интересное.

14. На моем скрине сиденья достаточно красные, так что я начну с увеличения Vibrance. Раскрашиваем сиденья /на новом слое, конечно же/ в чудесный ярко-красный цвет #c72628 и ставим слой на Soft Light. Я позволяю этому красному немножко слиться с футболкой Скотта, чтобы сделать колоризацию более сливающейся с самими персонажами, что сделает скрин немного более "сплоченным". /в общем, делаем так, чтобы окраска сидений не казалась лишней/

­­

Легко, правда? Регулируйте непрозрачность этого слоя, как вам нужно, опираясь на ваш скрин или настолько насыщенным вы хотите, чтобы он был. В последний момент я решила, что хочу поставить непрозрачность на 100-60%, но вы можете делать так, как вам нравится.

15. Я хотела сделать контраст между сиденьями и металлическим корпусом автобуса, так что я выбрала желтый (#dbae18) и закрасила им /тоже на новом слое/ эту область, а затем поставила слой на Color.

16. Дублируем слой с желтым и ставим его на Soft Light.

17. Я хотела сделать так, будто из окон в автобус струится солнечный свет, так что на новом слое цветом #dbae18 я нарисовала линии приблизительно под углом в 60 градусов от оконных рам, поставил слой на Soft Light и непрозрачность на 68%.

Вот так:

­­

Вы можете размыть этот слой с помощью Gaussian blur - 20px (что я и делаю для того, чтобы сделать эффект более тонким).

18. Добавляем слой Vibrance: +36,-2.

19. Почти все... добавляем слой Color Balance: +25, +10, +15

20. Копируем все слои, объединяем в один и ставим вверху, размытие в Gaussian Blur - 40px, ставим слой на Soft Light и 67% непрозрачности.

21. Добавляем слой с темно-голубым цветом (я использовала#03041b) и ставим на Screen, чтобы смягчить blacks.

22. Повторяем действия пункта 20, и увеличиваем резкость с помощью Smart Sharpen it (Amount: 87, 3px), и затем идем в Edit>Fade слой с резкостью примерно на 22%.

ГОТОВО!!!!

Базовая колоризация (пункты 1 - 13):

­­

Дополнительная колоризация (пункты 14 - 22):

­­




___________________­________
ссылка на оригинал:
http://buckeebarnes­.tumblr.com/post/719­07314053/vibrant-col­oring-tutorial
все права принадлежат автору


Категории: !resource, .tutorial
комментировать 2 комментария | Прoкoммeнтировaть


http://trivia > .tutorial

читай на форуме:
давайте соо создадим :-O
пройди тесты:
Знакомство.
кунг-фу панда 7
Meine Freiheit(немц. - моя свобода)
читай в дневниках:
Тест: •Ангел и Демон знака Зодиака•...
ушел смотреть бокурано 14 серию :3а...
наконец-то заказал фигурку Юки Нага...

  Copyright © 2001—2018 BeOn
Авторами текстов, изображений и видео, размещённых на этой странице, являются пользователи сайта.
Задать вопрос.
Написать об ошибке.
Оставить предложения и комментарии.
Помощь в пополнении позитивок.
Сообщить о неприличных изображениях.
Информация для родителей.
Пишите нам на e-mail.
Разместить Рекламу.
If you would like to report an abuse of our service, such as a spam message, please contact us.
Если Вы хотите пожаловаться на содержимое этой страницы, пожалуйста, напишите нам.

↑вверх