Наши кнопки

Баннер

Авторизация



Сейчас онлайн

Сейчас 114 гостей и 0 пользователей онлайн
Нет пользователей онлайн.

altПриветствуем вас в разделе уроков нашего сайта!
Очень надеемся, что наши уроки вам пригодятся, помогут воплотить в жизнь ваши небольшие графические фантазии :)

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

Внимание! Копирование уроков сайта разрешено только при согласии администрации и при наличии в скопированном уроке прямой (кликабельной!) ссылки на оригинал-урок. 

Подробнее ...
 
Накладываем текстуру
Автор: acu4ka   

Одно из основных знаний, необходимых в работе со статикой. 

 alt 

С чем мы познакомимся в этом уроке: принципы работы с текстурами

Потребуется знание уроков: Эффекты наложения слоев 

 

1. Делаем простой и ничем неприметный авик:

 

alt

 

2. Открываем и переносим на аватар текстурку.

Откройте в фотошопе одну из предложенных текстур:

 

alt   alt  alt

 

Я выбрала последнюю.

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

Это можно сделать двумя способами:

а) копировать текстуру и вставить ее на аватару.

Для этого, выберите инструмент "rectengular marquee tool" (прямоугольное выделение) и выделите целиком всю текстуру:

 

alt

 

убедившись, что работаете с картинкой-текстурой, вызовите команду меню "Edit - Copy" (Редактировать - копировать):

 

 alt

 

Сделайте активным картинку-аватару и вызовите команду меню "Edit - Paste" (Редактировать вставить):

 

alt

 

Примечание: вместо вызова команд меню, вы можете также использовать горячие клавиши "ctrl c" и "ctrl v".

б) Расположите оба изображения в окне фотошопа так, чтобы можно было видеть одновременно оба:

 

alt  

 

Теперь воспользуйтесь инструментом "move tool" (инструмент перемещения), зажмите левой кнопкой мыши текстуру и перетащите ее на аватар. Перетащив, отпустите кнопку мыши и, по необходимости, тем же инструментом выровняйте текстуру на аватаре.

Выберите более удобный для вас способ и пользуйтесь им в дальнейшем.

 

Итак, текстура лежит сверху аватары (вы видете только текстуру), а панель "layers" (слои) изменилась - текстура стала новым верхним слоем нашего окумента с аватарой:

 

  alt


3. Меняем режим наложения текстуры.

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

Примечание: подробно разобраны эти режими в уроке "Эффекты наложения слоев"

Я выбрала режим "multiplay" (смешивание):

 

alt

 

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

4. Стираем лишнее.

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

Я воспользовалась инструментом "Eraser tool" (ластик), стерла часть плеча под текстурой.

 

alt

 

Примечание: чтобы видеть, где предположительно надо стереть мужчину, вы можете временно убавить прозрачность его слоя:

 

alt

 

А на текстуре я решила,  снизив параметр прозрачности ластика (opacity) до 30 %, очистить немного мужчину, а то он был слишком зелёным (но и совсем убирать зеленость тоже не стоит - иначе мужчина будет выпадать из общей картины):

 

alt

 

Убедитесь, что плечо стираете, находясь на слое с мужчиной, а зеленость подчищаете на слое с текстурой!

 

alt



Вот и все манипуляции с текстурой и ее наложением на аватар:

- перенести на аватар

- поиграть с ее режимами наложения

- стереть что-то ненужное, если таковое есть

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

P.S. Если у вас возникли какие-то вопросы по уроку – опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться  на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее.

Лучшее "спасибо" за урок - ваш комментарий! :)

 

Комментарии  

 
#18 Alisa 01.10.2010 08:40
Цитирую Аня:
Огромное СПАСИБО!:lol:
даже такая дура как я врубилась :D

:))) Не наговаривайте на себя :) Главное - грамотно объяснить :)

Цитирую Schcuryk:
Люди добрые!!! Всем привет)))
Я первый день как осваиваю фотошоп)))
И у меня вопросик, как загрузить текстуры в фотошоп?(текстури, это тоже самое что и узоры?)
И как скачать текстуры с сайта, или как загрузить их в фотошоп!

А текстуры в фотошоп никуда загружать не нужно. Просто сохраните нужные текстуры у себя на компьютере (в любую удобную папочку), а дальше откройте нужную в фотошопе, как обычную картинку. И перетащите на вашу аватару зажатой левой клавишей мыши (проверьте, чтобы при этом был выбрать инструмент move tool). Почитайте еще разок внимательно пункт 2 этого урока :)
Кстати текстуры даже не обязательно сохранять на компьютере. Например, вам понравилась конкретная текстура на нашем сайте - нажмите правой кнопкой на нее, выберите "скопировать", а потом откройте нужную аватару в фотошопе и выберите команду "edit - paste" (редактировать - вставить). И тогда текстурка наложится сверху вашей аватарки.
Если непонятно или будут проблемы - пишите, мы вам все подробно распишем :)
Цитировать
 
 
#17 Schcuryk 29.09.2010 18:15
Люди добрые!!! Всем привет)))
Я первый день как осваиваю фотошоп)))
И у меня вопросик, как загрузить текстуры в фотошоп?(текстури, это тоже самое что и узоры?)
И как скачать текстуры с сайта, или как загрузить их в фотошоп!
Цитировать
 
 
#16 Аня 20.09.2010 14:44
Огромное СПАСИБО!:lol:
даже такая дура как я врубилась
Цитировать
 
 
#15 Alisa 26.08.2010 12:45
Цитирую Настя:
А это можно сделать в онлайн фотошопе?

Я не знаю, что такое онлайн фотошоп :) Но вряд ли это полноценная программа :)

Цитирую Fler2010:
Большое CПАСИБО!!!!!! Отличный урок!!!!! Так долго искала, чтобы все было написано просто и доходчиво!!!ВСЁ ПОЛУЧИЛОСЬ СУПЕР!!!! УРА!!!:-)

Я очень рада, что у вас получилось задуманное! :)
Цитировать
 
 
#14 Fler2010 22.07.2010 03:13
Большое CПАСИБО!!!!!! Отличный урок!!!!! Так долго искала, чтобы все было написано просто и доходчиво!!!ВСЁ ПОЛУЧИЛОСЬ СУПЕР!!!! УРА!!!:-)
Цитировать
 
 
#13 Настя 28.05.2010 18:22
А это можно сделать в онлайн фотошопе?
Цитировать
 
 
#12 Саша 21.03.2010 22:16
Цитирую ju_tayna:
Че то у меня нет пункта слои :sad:

В меню есть окно и там в низу написанно слои)или нажми F7
Цитировать
 
 
#11 Alisa 27.02.2010 11:21
Цитирую Seaman:
то изображение которое я открываю первым в слоях именуется background и блокируется (нарисован замочек), соответственно на этом слое я не могу изменять прозрачность... а второе изображение именуется layer 1, с ним все нормально...
что необходимо изменить?

спасибо

Конечно же, имеет сымсл менять прозрачность только у того слоя, что находится выше. Под ним есть чему просвечивать ;) Но по желанию можно управлять прозрачность всех слоев. Если дважды щелкнуть левой кнопкой мыши по заблокированном у слою и нажать окей на возникшее диалоговое окно - ваш слой-фон превратиться в обычный рабочий слой, с которым можно работать, блокировка снимется.
Цитировать
 
 
#10 Seaman 22.02.2010 17:25
то изображение которое я открываю первым в слоях именуется background и блокируется (нарисован замочек), соответственно на этом слое я не могу изменять прозрачность... а второе изображение именуется layer 1, с ним все нормально...
что необходимо изменить?

спасибо
Цитировать
 
 
#9 ju_tayna 09.02.2010 00:34
Получилось Спасибо большое!
Цитировать
 
 
#8 Alisa 08.02.2010 23:26
Цитирую ju_tayna:
Че то у меня нет пункта слои :sad:

Это не пункт, это такое меню :) Если его на экране нет - откройте его в "window - layers"

п.с. невнимательно урок делаете ;)
Цитировать
 
 
#7 ju_tayna 08.02.2010 23:15
Че то у меня нет пункта слои
Цитировать
 
 
#6 Alisa 08.02.2010 22:09
Цитирую ju_tayna:
А как делать активным исходник. У меня картинка и слой накладываются друг на друга. Ничего не получается((

они и дожны накладываться друг на друга :) А что из под одной стало видно другую - надо менять режимы наложения, о которых сказано в 3 пункте. Вы выполнили третий пункт? :)
Цитировать
 
 
#5 ju_tayna 08.02.2010 21:07
А как делать активным исходник. У меня картинка и слой накладываются друг на друга. Ничего не получается((
Цитировать
 
 
#4 Нютка 31.01.2010 13:45
Пасиииииии!!!!
Я нашла то, что искала!!!!!!
::*****:****:** *
Цитировать
 

Добавить комментарий


Защитный код
Обновить