Отправлено: 03.06.08 12:42. Заголовок: Tutorial list 01

Представленные уроки:

1. =>
2. =>
3. =>
4. =>
5. =>
6. =>
7. =>
8. =>
9. =>
10. =>
11. =>
P.S. Точечный паттерн.
12. =>
P.S. "Скругленные" края на аватаре.

 Отправлено: 03.06.08 12:58. Заголовок: Для начала создаем о..

By Black Cat

Для начала создаем основу. Мною взяты вот эти фотографии. http://i284.photobucket.com/albums/ll1/my-decaydance/kinopoiskru-Ian-Somerhalder-706221_.jpg и http://i284.photobucket.com/albums/ll1/my-decaydance/a20134fbfdb6.jpg. Поскольку будем делать коллаж, то советую поработать в обычном размере, а не размере аватаров

Шаг 1.
Для начала берем фотографию с девушкой и открываем ее в фотошопе. Очередь за парнем. Открываем эту картинку и уменьшаем до размеров 298*224. Примерно при таком размере и девушка и парень будут пропорциональны. У нас выйдет так



Шаг 2.
Мы стираем все лишнее, чтобы это было похоже не на коллаж а на фотографию. У меня вышло вот так.



Шаг 3.
Мы потихоньку добиваемся нужного нам результата. Теперь можно уменьшить и обрезать нашу основу. Для начала идем в Layer> Merge Visible. После уменьшения и обрезки вышло вот так.



Шаг 4.
Копируем нижний слой и ставим Blend Mode на Screen. A Opacity на 54%



Шаг 5.
Идем в Filter>Blur>Motion Blur
Angle ставим на 0, а Distance на 50



Шаг 6.
Идем в Layer> New Adjustments Layer> Hue/Saturation
Saturation ставим на 21.



Шаг 7.
Идем в Layer> New Adjustments Layer> Selective Color
Помните, что режим должен быть не Relative, а Absolute

Reds
Cyan -100
Magenta +9
Yellow +100
Black 0

Yellows
Cyan -100
Magenta +10
Yellow -50
Black 0

Neutrals
Cyan +32
Magenta -8
Yellow -12
Black 0



Шаг 8.
Идем в Layer> New Adjustments Layer> Selective Color

Reds
Cyan -13
Magenta -11
Yellow +12
Black 0

Yellows
Cyan +26
Magenta +8
Yellow -20
Black 0



Шаг 9.
Идем в Layer> New Adjustments Layer> Selective Color

Neutrals
Cyan +18
Magenta +28
Yellow +23
Black -14



Шаг 10.

Добавляем текстуры и текстовые эффекты по выбору.

 Отправлено: 03.06.08 13:04. Заголовок: By Mirage..

By Mirage


Для начала кадрируем наше изображение, уменьшая до нужного размера:


1. Layer ==> New Adjustment Layer ==> Color Balance
Далее выставляем следующие значения:
Midtones: -30, 0, 16
Highlights: -41, 0, 39


2. Layer ==> New Adjustment Layer ==> Сurves
RGB: 118/143


3. Layer ==> New Adjustment Layer ==> Сurves
RGB
Point one: 114/146
Point two: 131/172


4. Layer ==> New Adjustment Layer ==> Color Balance
Shadows: -14, 0, 16
Midtones: -41, -9, 30


5. Layer ==> New Adjustment Layer ==> Selective Coloring
Reds: -100, 25, 100, 15
Cyans: 100, -50, -100, 81
Blues: 43, -21, -56, -14
Whites: 0, 0, 63, 50
Neutrals: 3, -4, -7, 0


6. Дублируем предыдущий слов, изменяя только Reds на:
-100, 25, 100, -39


7. Layer ==> New Adjustment Layer ==> Hue/Saturation
Выставляем значение Saturation на 16


8. Layer ==> New Adjustment Layer ==> Selective Coloring
Reds: -58, 0, -32, 0
Yellows: -100, 13, 59, 0
Whites: 0, 0, -17, -15


9. Layer ==> New Adjustment Layer ==> Hue/Saturation
Saturation
Master: +9
Yellows: -27


10. Создаем новый слой, заливаем его цветом #06001d и ставим режим смешивания слоев - Exclusion [100 % непрозрачность]


11. Создаем ещё один новый слой, заливаем его цветом #dadada и ставим режим смешивания слоев - Multiply [100 % непрозрачность]


12. Layer ==> New Adjustment Layer ==> Hue/Saturation
Выставляем значение Saturation на 23


... готово ^^

 Отправлено: 04.06.08 18:40. Заголовок: By Black Cat Исходн..

By Black Cat

Исходная картинка:


Шаг 1.
Идем в Layer> New Adjustments Layer> Selective Color

Reds
Cyan +100
Magenta -12
Yellow +100
Black +100

Yellows
Cyan -100
Magenta +100
Yellow +100
Black +100

Cyans
Cyan -100
Magenta +100
Yellow +100
Black +100

Neutrals
Cyan +11
Magenta -16
Yellow -11
Black -3

Blacks
Cyan -54
Magenta -46
Yellow -48
Black +100

Шаг 2.
Идем в Layer> New Adjustments Layer> Selective Color

Reds
Cyan +100
Magenta 0
Yellow 0
Black +100

Yellows
Cyan +100
Magenta +100
Yellow +100
Black +100

Cyans
Cyan +100
Magenta +100
Yellow +100
Black +100

Neutrals
Cyan +13
Magenta +1
Yellow -11
Black -0

Blacks
Cyan +100
Magenta 0
Yellow 0
Black 0

Шаг 3
Копируем основу и перетаскиваем ее на самый верх. Ставим Blend Mode на Screen. Opacity ставим на от 20 до 40. В этой картинки прозрачность 30.

Шаг 4.
Добавляем текстуры и надписи по желанию.

 Отправлено: 04.06.08 18:40. Заголовок: By Black Cat Исходн..

By Black Cat

Исходная картинка:

Шаг 1.
Идем в Layer> New Adjustments Layer> Selective Color

Reds
Cyan -100
Magenta +11
Yellow +100
Black +36

Yellows
Cyan -100
Magenta 0
Yellow +100
Black +27

Greens
Cyan +100
Magenta +100
Yellow +100
Black +100

Cyans
Cyan +100
Magenta +100
Yellow +100
Black +100

Neutrals
Cyan -20
Magenta -8
Yellow +4
Black +20

Blacks
Cyan +100
Magenta +100
Yellow +100
Black +100

Шаг 2.
Идем в Layer> New Adjustments Layer> Selective Color

Reds
Cyan -100
Magenta +8
Yellow +100
Black +22

Yellows
Cyan -100
Magenta -100
Yellow +38
Black -19

Greens
Cyan +100
Magenta +100
Yellow +100
Black +100

Neutrals
Cyan +85
Magenta 0
Yellow -64
Black -0

Шаг 3.
Добавляем текстуры и надписи по желанию.

 Отправлено: 04.06.08 18:41. Заголовок: By Black Cat Исходн..

By Black Cat

Исходная картинка:

Шаг 1.
Идем в Layer> New Adjustments Layer> Selective Color

Reds
Cyan -100
Magenta +21
Yellow +100
Black +25

Yellows
Cyan -38
Magenta -26
Yellow +100
Black +9

Neutrals
Cyan +100
Magenta 0
Yellow -20
Black 0

Blacks
Cyan +100
Magenta +100
Yellow +100
Black +100

Шаг 2.
Идем в Layer> New Adjustments Layer> Selective Color

Reds
Cyan +100
Magenta +8
Yellow +100
Black +12

Yellows
Cyan -100
Magenta 0
Yellow -100
Black +9

Neutrals
Cyan -4
Magenta -4
Yellow +9
Black +3

Blacks
Cyan +100
Magenta +100
Yellow +100
Black -47

Шаг 3.
Идем в Layer> New Adjustments Layer> Selective Color

Reds
Cyan -7
Magenta -16
Yellow +35
Black +7

Yellows
Cyan -100
Magenta -16
Yellow +7
Black -10

Neutrals
Cyan +34
Magenta +2
Yellow -25
Black -3

Шаг 4.
Добавляем текстуры и надписи по желанию.

 Отправлено: 04.06.08 18:41. Заголовок: By Black Cat Исходн..

By Black Cat

Исходная картинка:

Шаг 1.
Идем в Layer> New Adjustments Layer> Selective Color

Reds
Cyan -100
Magenta -58
Yellow +100
Black +100

Yellows
Cyan +100
Magenta +100
Yellow +100
Black 0

Neutrals
Cyan +28
Magenta -11
Yellow -32
Black 0

Blacks
Cyan 0
Magenta 0
Yellow 0
Black +100

Шаг 2.
Идем в Layer> New Adjustments Layer> Selective Color

Reds
Cyan +100
Magenta +6
Yellow +40
Black +27

Yellows
Cyan -100
Magenta +8
Yellow -30
Black +9

Neutrals
Cyan +36
Magenta 0
Yellow -25
Black -2

Шаг 4.
Добавляем текстуры и надписи по желанию.

 Отправлено: 04.06.08 18:42. Заголовок: By Black Cat Исходн..

By Black Cat

Исходная картинка:

Шаг 1.
Идем в Layer> New Adjustments Layer> Selective Color

Reds
Cyan -100
Magenta -7
Yellow +100
Black +100

Yellows
Cyan -100
Magenta +100
Yellow +100
Black +100

Neutrals
Cyan +47
Magenta -27
Yellow -56
Black 0

Blacks
Cyan 0
Magenta 0
Yellow 0
Black +100

Шаг 2.
Идем в Layer> New Adjustments Layer> Selective Color

Reds
Cyan +100
Magenta -1
Yellow +100
Black +1

Yellows
Cyan -100
Magenta +100
Yellow +100
Black -100

Neutrals
Cyan +39
Magenta +2
Yellow -6
Black +16

Blacks
Cyan +100
Magenta +100
Yellow +100
Black +100

Шаг 4.
Добавляем текстуры и надписи по желанию.

 Отправлено: 04.06.08 18:42. Заголовок: By Black Cat Исходн..

By Black Cat

Исходная картинка:

Шаг 1.
Идем в Layer> New Adjustments Layer> Selective Color

Reds
Cyan -100
Magenta +11
Yellow +100
Black +15

Yellows
Cyan -100
Magenta +100
Yellow +100
Black +100

Cyans
Cyan +100
Magenta +100
Yellow +100
Black +100

Neutrals
Cyan +41
Magenta 0
Yellow -36
Black 0

Blacks
Cyan +100
Magenta +11
Yellow +100
Black -6

Шаг 2.
Идем в Layer> New Adjustments Layer> Selective Color

Reds
Cyan -100
Magenta -100
Yellow -100
Black -100

Yellows
Cyan +100
Magenta -100
Yellow -100
Black +100

Neutrals
Cyan -11
Magenta 0
Yellow +3
Black 0

Blacks
Cyan +100
Magenta 0
Yellow -5
Black +4

Шаг 4.
Добавляем текстуры и надписи по желанию.

 Отправлено: 27.09.08 20:09. Заголовок: Создаем основу. У ме..

Создаем основу. У меня вышло это



Шаг 1.
Идем в Layer> New Adjustments Layer> Hue/Saturation

Hue: 0
Saturation: 25
Lightness: 0



Шаг 2.
Идем в Layer> Fill Layer> Solid Color

Blend Mode ставим на Soft Light. Opacity на 100%. Цвет выбираем c4df9b



Шаг 3.
Идем в Layer> New Adjustments Layer> Selective Color

Reds
Cyan -100
Magenta +7
Yellow +30
Black +16

Yellows
Cyan -29
Magenta 0
Yellow -25
Black 0

Neutrals
Cyan +40
Magenta -13
Yellow -30
Black -10



Шаг 4.
Идем в Layer> New Adjustments Layer> Selective Color

Reds
Cyan -100
Magenta +61
Yellow +45
Black +29

Yellows
Cyan +20
Magenta 0
Yellow -66
Black 0

Neutrals
Cyan 0
Magenta 0
Yellow 0
Black +12

Blacks
Cyan 0
Magenta 0
Yellow 0
Black +20

Ставим Opacity на 50%



Шаг 5.
Идем в Layer> New Adjustments Layer> Brightness/Contrast

Brightness -3
Contrast +10



Шаг 6.
Добавляем текстуры и надписи по желанию.



Другие примеры:

 Отправлено: 28.09.08 20:02. Заголовок: Создаем основу. У ме..

Создаем основу. У меня вышло это


Шаг 1.
Идем в Layer> New Adjustments Layer> Hue/Saturation

Hue: 0
Saturation: 28
Lightness: 0


Шаг 2.
Идем в Layer> New Adjustments Layer> Selective Color

Reds
Cyan -14
Magenta 0
Yellow +14
Black 0

Yellows
Cyan -100
Magenta 0
Yellow +18
Black 0

Neutrals
Cyan +41
Magenta -7
Yellow -19


Шаг 3.
Идем в Layer> New Adjustments Layer> Selective Color

Reds
Cyan -100
Magenta 0
Yellow +72
Black 0

Yellows
Cyan -100
Magenta 0
Yellow +42
Black 0

Neutrals
Cyan +15
Magenta +14
Yellow -7
Black 0


Шаг 4.
Идем в Layer> New Adjustments Layer> Selective Color

Reds
Cyan -100
Magenta 0
Yellow +100
Black 0

Yellows
Cyan -100
Magenta 0
Yellow +100
Black 0

Neutrals
Cyan +17
Magenta 0
Yellow 0
Black 0


Шаг 5.
Добавляем текстуры и надписи по желанию.


Другие примеры:

 Отправлено: 10.01.09 21:19. Заголовок: Как мне сказали, да..

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

Примеры:


Начну с нуля. Как сделать сам паттерн.

1. Необходимо открыть документ 2*2 пикселя с прозрачным фоном. Далее масштабировать его.

2. Карандашом по диагонали рисуем две точки.
Карандаш находится на панели инструментов. Нужно ткнуть правой кнопкой на "Кисть".
Получается вот такая штука.

3. Далее паттерн нужно сохранить.
Идем в Меню - Edit - Define pattern.
Нажимаем OK.
Паттерн готов.

Как применить паттерн на рисунок?

1. Создаем новый слой. Layer - New layer.

2. Берем любую кисть, выбираем любой цвет, ставим на нужную прозрачность и делаем "кляксу" на новом слое.

3. Далее нажимаем кнопку Add a layer style в окне слоев.

4. Выбираем Pattern overlay. Тыкаем на выбор заливок. Выбираем недавно созданную. Жмём OK.

Voilа tout!

psd примера
Предложения по улучшению данного эффекта и туториала дайте мне знать

 Отправлено: 04.06.10 22:53. Заголовок: По просьбам желающих..

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

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



2. Выбираем "Rounded Rectangle Tool" - это специальная функция для создания прямоугольных (квадратных) фигур, включая квадратные, с закругленными краями. Самостоятельно в графе сверху "Radius" выставляем нужное нам значение радиуса скругления. Затем четко по контуру аватара вытягиваем квадрат. Внимание! Чтобы квадратполучился ровным, вы на собственный глазомер отступайте от верхнего и левого краев аватара по одному пикселю, а до нижнего и правого края ведите курсор до конца, останавливаясь на границе аватара.
Примечание: в примере радиус скругления равен 10 px.



3. Далее переводим свое внимание на графу "Layers", которая находится в право нижнем углу вашего окна. Там выбираем слой с только что нарисованным вами квадратом. В нашем случае слой называется "Shape 1". Далее нажимаем на него правой кнопкой мыши, после чего появляется меню, где следует выбрать пункт "Rasterize Layers", после чего слой с нарисованным вами квадратом становится "обычным".



4. Теперь возвращаемся к панели инструментов и выбираем на ней "Magic Wand Tool". Данным инструментом выделяем область, свободную от заливки вашего квадрата.



5. Вновь переводим свое внимание на панель "Layers", где создаем новым слой командой "Create a new layer", которая выглядит как квадратик с загнутым уголком. Заодно снимаем видимость слоя "Shape 1", нажатием на индикатор с глазом, который именуется как "Indicates layer visibility".



6. Возвращаемся опять к панели инструментов, где теперь выбираем "Paint Bucket Tool" и заливаем на только что созданном вами слоем выделенную область. То же самое можно сделать кистью "Brush Tool", особенно если вы сделали квадрат ровно по краям аватара и вам следует закрашивать каждый из закругленных краем по отдельности.
Стоит заметить, что цвет заливки должен совпадать с цветом форума. В нашем случае это цвет: #dfdfdf.
Если же на форуме в качестве тона стоит текстура, то вам следует скачать эту текстуру, открыть ее в Фотошопе с сделать паттерном с помощью команды: Edit > Define Pattern..., после чего выбрать ее в инструменте "Paint Bucket Tool", заменив значение сверху с Foreground на Pattern и в окошке рядом выбрать нужный паттерн.



7. Вот и все, аватар с рамкой готов!



Специально для ленивых предоставляется psd<\/u><\/a> данной рамки, которое вы можете просто вставить самым верхним слоем на ваш аватар. Данное psd подходит под версию дизайна форума лета 2010 года.

Урок создавался в версии программы Photoshop CS2.