Litera.ru

Форум для начинающих и продолжающих авторов, читателей, критиков и бет.
Текущее время: 05-05, 05:36

Часовой пояс: UTC + 4 часа




Начать новую тему Ответить на тему  [ Сообщений: 5 ] 
Автор Сообщение
 Заголовок сообщения: Photoshop. Уроки. Эфекты с текстом.
СообщениеДобавлено: 12-07, 14:18 
Не в сети
Член графоманского движения
Аватара пользователя

Зарегистрирован: 26-05, 10:55
Сообщения: 94
Откуда: Из МИрА ПлаГиАта и ФлешМобоФФ
Трехмерная надпись

Этап 1
Советую точно выполнять данный туториал, поскольку он является довольно трудным для восприятия и только правильное воспроизведение этапов позволит вам получить такой же результат как у меня. В дальнейшем, когда вы поймете значение каждого этапа для конечного результата, вы можете поэкспериментировать. А сейчас откройте ваш Photoshop.

Этап 2
Cоздайте изображение размером 1000 на 1000 пикселей. Работайте с ним в 50 %-уменьшении. Потом, когда вы уменьшите уже готовое изображение до 50%, то получите более высокое качество картинки, чем если бы вы работали изначально в 500 на 500. Заполните первый слой темно-серым цветом и назовите его backdrop. (для переименования слоя кликните правой кнопкой мышки в меню слоев и выберите пункт свойства. Измените имя слоя с layer1 на backdrop). Мы заполняем фоновый слой темно-серым цветом для того, чтобы было лучше видно наши трехмерные буквы.

Этап 3
Создайте новый уровень и назовите его forgroundletters. Он должен находиться выше уровня backdrop.

Изображение

Этап 4
Выберите Type Mask Tool (T) и щелкните им где-нибудь в центре изображения. Я собираюсь использовать шрифт под названием Impact. Это довольно простой шрифт и я советую вам использовать именно его или подобный ему шрифт. Более сложный шрифт труднее будет сделать трехмерным. Напечатайте слово GFX и поставьте размер шрифта приблизительно 400 пикселей. Нажмите [OK].

Изображение


Этап 5
На слое forgroundletters залейте выделенную текстом область белым цветом. Теперь отмените выделение. У вас должна получиться надпись, как на приведенном выше рисунке.

Изображение

Этап 6
В меню выберите: Edit/Transform/skew. Переместите правый верхний и нижний углы так, как показано на рисунке.

Этап 7
Сделайте копию слоя forgroundletters (переместите иконку слоя на ниже расположенную кнопку 'новый слой') и назовите его guide. Слой guide, это слой который не будет удален до тех пор, пока мы не закончим всю работу над эффектом. Для облегчения работы вы можете периодически включать и выключать его.

Изображение

Этап 8
Измените прозрачность слоя forgroundletters до 50 %. Теперь выберите слой guide и сдвиньте его на 100-200 пикселей влево. Выставите у него прозрачность до 20%. В итоге ваше изображение должно выглядеть подобно приведенному выше.


Изображение

Этап 9
У вас все еще должен быть выбран слой guide, если же нет — выберите его. Выберите в меню: Edit/Transform/Scale. Уменьшите немного высоту символов слоя guide. Пытайтесь достичь того, что изображено на рисунке. В дальнейшем это уменьшение создаст иллюзию глубины.

Изображение

Этап 10
Теперь сделайте копию слоя guide. Переименуйте его в Gside. Этот слой должен находиться выше слоя guide. Мы называем этот слой Gside потому, что он будет являться боковиной нашей буквы G. Создайте новый слой и назовите его Gside2. Расположение всех ваших уровней должно быть таким, как на выше приведенном рисунке. Backdrop должен быть весь серым. Guide должен быть более укороченной версией слоя forgroundletters'а. Gside должен быть копией слоя guide. Gside2 сейчас должен быть пуст. Forgroundletters должен быть слегка увеличенной версией слоя guide. Если ваши слои так не выглядят, значит вами где-то допущена ошибка.

Изображение

Этап 11
Выберите Polygonal Lasso


Изображение



Этап 12
Выберите слой Gside2. Используйте Polygonal Lasso для того, чтобы соединить соответствующие стороны буквы G на слое forgroundletters и слое guide. Я знаю, что это звучит запутанно, но вам достаточно посмотреть на рисунок, чтобы понять необходимые действия. Теперь заполните выделение белым цветом, удостоверившись, что вы делаете это на слое Gside2.

Этап 13
Измените прозрачность слоя Gside до 100%. Теперь объедините слои Gside2 и Gside. Для того чтобы это сделать выберите слой Gside, а затем щелкните на пустом квадратике рядом с глазком слоя — появится иконка цепи, что означает объединение слоев. Теперь зайдите в меню и выберите Layer/Merge Linked. Теперь должен получиться один уровень под именем Gside.

Изображение

Этап 14
Выберите слой Gside и удерживая нажатой клавишу CTRL выберите слой forgroundletters. Появиться выделенный контур этого слоя. Удостоверитесь, что вы все еще на слое Gside и нажимаете DEL. Это позволит стереть все сегменты слоя Gside, которые были внутри выделения слоя forgroundletters. Теперь берите eraser tool и стирайте все оставшиеся небольшие фрагменты, которые не входят в букву G. Это, опять же, тяжело звучит на словах, но вам достаточно просто посмотреть на рисунок и удалить все кусочки помеченные красным цветом. Теперь у вас готова боковина буквы G — приготовьтесь ее затенять.

Изображение

Этап 15
Здесь вам придется поиграться с градиентами, для того чтобы получить реальный эффект затенения. Вы можете использовать foreground to transparent градиент с черным, установленным основным цветом. Удерживая CTRL выберите слой Gside. Создайте два новых слоя выше слоя Gside. Вам не обязательно их называть, но, если есть желание, можете назвать их top shade и bottom shade. Используйте градиент один раз на каждом слое для того, чтобы затенить боковину буквы G. Посмотрите на рисунок если вы испытываете трудности с местом приложения градиента. Объедините оба новых слоя со слоем Gside.

Изображение


Этап 16
Повторите этапы 11-15 для других частей буквы G, а также для букв F и X. Затем удалите слой guide и измените слой backdrop. Если вы знаете как работает источник света, то вы можете достичь градиентом иллюзию трехмерного затенения. Ваш окончательный рисунок должен выглядеть подобно приведенному выше.

Когда вы закончите: Если вы хотите получить по-настоящему крутой эффект из этого туториала, попытайтесь немного развернуть изображение, наложить текстуру на буквы или добавить другой текст поверх этого эффекта.


Источник: http://photoshop.demiart.ru/3d.shtml



Обсудить урок вы можете вот тут

_________________
[img]http://files.spaces.ru/fff/0/3519361905/122135/812роо.JPG[/img]
Я самый кавайный в манге! (c) L+)


Последний раз редактировалось Эл...Просто Эл+) 12-07, 17:39, всего редактировалось 1 раз.

Вернуться к началу
 Профиль  
 
 Заголовок сообщения:
СообщениеДобавлено: 12-07, 14:38 
Не в сети
Член графоманского движения
Аватара пользователя

Зарегистрирован: 26-05, 10:55
Сообщения: 94
Откуда: Из МИрА ПлаГиАта и ФлешМобоФФ
Выгравированный текст

Очень простой туториал наглядно показывающий, как с помощью "эффектов слоя" (layer effects) сделать выгравированный текст на произвольной текстуре.

Изображение

Создайте новое изображение 200x200 @72 dpi. Возьмите любую текстуру на ваш выбор, или, если есть желание используйте приведённую выше.
Продублируйте слой текстуры. У вас должно быть два слоя, выглядящие как один.
Выберите инструмент outline text. Напишите любую букву, лучше фонтом большого размера. Я использовал размер 200 пикселей. Спозиционируйте букву в середину, как показано.



Изображение

Теперь выберите Select>Inverse (control + shift + i ) и нажмите delete. Отмените выбор (control + d). Пока никаких различий с первоначальным изображением, но уже на следующем шаге вы увидите разницу.

Изображение

С помощью "эффектов слоя" (layer effects) примените Bevel and Emboss. Значание выставляйте по вашему усмотрению. Там же примените эффект Inner Shadow — параметры также по вашему усмотрению.


Изображение

Теперь ваше изображение должно выглядеть подобно приведенному выше. Неплохо, но можно добавить ещё реализма. Всё что вам нужно, это зайти в Image>Adjust>Levels (control + L) и сместить средний ползунок немного влево, для того чтобы немного затемнить нашу букву.

Изображение


Источник:http://photoshop.demiart.ru/engraved.shtml


Обсудить урок вы можете вот тут

_________________
[img]http://files.spaces.ru/fff/0/3519361905/122135/812роо.JPG[/img]
Я самый кавайный в манге! (c) L+)


Последний раз редактировалось Эл...Просто Эл+) 12-07, 17:40, всего редактировалось 1 раз.

Вернуться к началу
 Профиль  
 
 Заголовок сообщения:
СообщениеДобавлено: 12-07, 14:48 
Не в сети
Член графоманского движения
Аватара пользователя

Зарегистрирован: 26-05, 10:55
Сообщения: 94
Откуда: Из МИрА ПлаГиАта и ФлешМобоФФ
Взрывающийся текст

Очень красивый эффект взрывающегося текста.

Изображение

Создайте новое изображение 200x200 @72 dpi. Напишите любое слово. Растеризируйте текст и продублируйте получившийся слой.
Заполните свободное пространство слоя белым цветом: Edit > Fill (use: white; mode: multiply).

Изображение

Теперь немного размажем: Filter > Blur > Gaussian Blur (radius: 1,4).

Изображение

Для дальнейших действий нужно перевести слой в прямоугольную систему координат (потом мы вернем его обратно): Filter > Distort > Polar Coordinates (option: polar to rectangular).


Изображение

Повернем наш слой на 90° по часовой стрелке и применим фильтр ветра: Filter > Stylize > Wind. Теперь ещё раз: CTRL+F. Немного скорректируем гамму: Image > Adjust > Auto Levels.


Изображение

Инвертируем изображение: CTRL+I. И снова применяем ветер: Filter > Stylize > Wind. И ещё раз: CTRL+F. Поворачиваем изображение на 90° против часовой стрелки, то есть на исходную позицию.

Изображение

Возвращаем полярную систему координат: Filter > Distort > Polar Coordinates (option: rectangular to polar). Выставляем у слоя режим Hard Light.

Изображение

Изменим палитру: Image > Adjust > Hue/Saturation. В режиме “Colorize” поиграйтесь со значениями. В вышеприведённом примере использовались значения: Hue=32, Saturation=79.


Источник: http://photoshop.demiart.ru/exploding.shtml


Обсудить урок вы можете вот тут

_________________
[img]http://files.spaces.ru/fff/0/3519361905/122135/812роо.JPG[/img]
Я самый кавайный в манге! (c) L+)


Последний раз редактировалось Эл...Просто Эл+) 12-07, 17:42, всего редактировалось 1 раз.

Вернуться к началу
 Профиль  
 
 Заголовок сообщения:
СообщениеДобавлено: 12-07, 18:01 
Не в сети
Член графоманского движения
Аватара пользователя

Зарегистрирован: 26-05, 10:55
Сообщения: 94
Откуда: Из МИрА ПлаГиАта и ФлешМобоФФ
Граффити

Начните с соответствующего фонта. Тут использован Tag Extreme. Кликните правой кнопкой мыши на имени слоя и растеризируйте его (rasterize type).

Изображение

Создайте заказную градиентную заливку (blending option в свойствах слоя), подобно приведённому ниже (в шестом фотошопе она уже существует):

Изображение

Выделите слой (левым кнопка мыши + CTRL). Залейте слой созданным градиентом направляя его сверху-вниз

Изображение

Не отменяя выделение слоя, создайте новый слой. В меню EDIT выберите STROKE. Добавьте по 2 пикселя серого цвета в outside.

Изображение

Размойте слой блюром на 0.8: Filters > blur > gaussian blur.

Изображение


Соедините слои с надписью и обводом: CTRL+E.

Изображение

Теперь добавим еще один ободок, но на сей раз чёрного цвета.

Изображение

Продублируйте получившийся слой и залейте новый слой чёрным цветом.

Изображение


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

Потом можно добавить подходящий бэкгроунд и сменить режим слоя на Hard light. Наложить небольшие блики и граффити готов.

Изображение

Обсудить урок вы можете вот тут

_________________
[img]http://files.spaces.ru/fff/0/3519361905/122135/812роо.JPG[/img]
Я самый кавайный в манге! (c) L+)


Вернуться к началу
 Профиль  
 
 Заголовок сообщения:
СообщениеДобавлено: 12-07, 18:11 
Не в сети
Член графоманского движения
Аватара пользователя

Зарегистрирован: 26-05, 10:55
Сообщения: 94
Откуда: Из МИрА ПлаГиАта и ФлешМобоФФ
Текстурирование

Создайте новое изображение 150x160 @72 dpi. Тут мы будем текстурировать букву S фонта Marlett размером 190px. Цвет, для начала, возьмите темно-синий. Растеризируйте ваш текст. Сделайте Ctrl+Click на этом слое (в окошке слоёв) для того чтобы выделить непрозрачную область вокруг текста. Примините Select > Modify > Contract cо значением 3. Теперь заполните выделенную область светло-синим цветом.


Изображение

Теперь залочьте прозрачность слоя нажав на клавиатуре символ '?', либо поставив галочку в окошке слоёв. Сейчас мы слегка заблюрим эти два цвета: Filter > Blur > Gaussian Blur со значением радиуса 3.5.
Пора начать текстуирование буквы. Выделяйте всё (Ctrl+A) и копируйте в новый слой (Ctrl+J). Теперь Ctrl+Click на новом слое и заходите в Select > Modify > Contract, используйте значение 4. Инвертируйте выделение (Ctrl+Shift+I) и удалите выделенную часть нажав клавишу backspace. Инвертируйте выделение еще раз. Заходите в Filter > Texture > Stained Glass. Выставьте, соответственно, значения: 2, 1 и 4.

Изображение


Продолжаем текстуировать изображение — заходите в Filter > Artistic > Sponge и используйте значения: 1, 18 и 2. После применения этого фильтра надо немного осветлить получившуюся текстуру — нажимайте Ctrl+L и перемещайте нижний правый ползунок влево. Высветляйте по вкусу.


Изображение


Добавим тени и отсвет. Выберите первый слой с текстом (он находится над слоем background). Создайте новый слой и сделайте Ctrl+Click на слое находящемся выше (это должен быть текстурированный слой). Залейте выделение белым цветом и отмените выделение (Ctrl+D). Удерживая Ctrl подвиньте этот слой клавишей 'стрелка вверх' (примерно на 2-3 пикселя). Повторите эти шаги на новом слое, но залейте его теперь ярко-голубым цветом и сдвиньте уже вниз. Можно слегка размыть эти два слоя блюром (Gaussian Blur) со значением 0.5.


Изображение

Последний шаг — подкладываем под текст тень. Создайте новый слой под основным слоем с текстом и сделайте Ctrl+Click на слое с текстом. Залейте область тёмно-синим цветом. Отмените выделение (Ctrl+D). Измените прозрачность слоя до 45% и заблюрьте (Gaussian Blur) слой со значением 1. Используя трансформацию (Ctrl+T) сожмите слой по вертикали. Сдвиньте его немного вниз. Можно добавить небольшой белый вертикальный градиент наверху, так чтобы казалось что верх буквы находится дальше от поверхности, чем низ.

Изображение

Обсудить урок вы можете вот тут

_________________
[img]http://files.spaces.ru/fff/0/3519361905/122135/812роо.JPG[/img]
Я самый кавайный в манге! (c) L+)


Вернуться к началу
 Профиль  
 
Показать сообщения за:  Поле сортировки  
Начать новую тему Ответить на тему  [ Сообщений: 5 ] 

Часовой пояс: UTC + 4 часа


Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 0


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения

Найти:
Перейти:  
cron
Powered by Forumenko © 2006–2014
Русская поддержка phpBB