Эта тема посвящается Adobe Photoshop. Предлагаю здесь выкладывать примеры, демонстрирующие возможности популярного графического
пакета. Нельзя забывать, что даже такая совершенная программа, как Photoshop, — всего лишь
средство для достижения цели. Чтобы с ее помощью добиться нужного результата, мало знать
интерфейс и уметь пользоваться инструментами, необходимы практические навыки.
QuattroPro
15.01.2009, 12:50
Картина из фотографии
1.Открыть изображение(кстати мое изображение было 1600х1200 пикселей, если ваше изображение будет сильно отличаться возможно настройки инструментов придется подбирать самим)
2.сочетанием клав "Ctrl+U" откроем меню "hue/saturation" и увеличим saturation(насыщенность) до 45
3.применем к изображению фильтр "glass" в поле текстура выберем Canvas(Холст), установим значение параметров "distortion", "smoothness" и "scaling" равными 3, 3 и 80 соответственно.
4.создадим новый слой для эффекта в меню галлерея фильтров.
5.применем фильтр наклонные штрики с пар-ми Direction balance-46,Stroke lenght-3,Sharpness-1.
6.повторим пункт 4
7.используем фильтр масленная живопись Brush SIze-4, Sharpness-1 тип кисти не трогаем
8.повторим пункт 4
9.фильтр текстуризатор с пар-ми Texture-Canvas, scaling-52%, Relief-4, light-top left и закроем галерею фильтров
10. создадим дубликат слоя и нажатием сощетания клавиш Shift+Ctrl+U обесветим изображение
11.к созданому слою применим фильтр Emboss c пар-ми угол-135, Height-1,Amount-500% изменим тип смешивания на overlay(перекрытие)
картина готова
1.jpg_до
2.jpg-после
QuattroPro
15.01.2009, 17:09
Вода на листке
1.Откроем изображение
2.создадим новый слой
3.с помощью кисти со 100% жесткостью нарисуем несколько пятен произвольной формы
4.применем фильтр WAVE, чтобы форма пятен напомянала каплю
5.изменем смешивание слоя на screen, чтобы придать пятнам прозрачность
6.войдем в меню стиль слоя
7.включить параметр Drop Shadow (Opacity - 22%,Contour - Cone,anti-aliased - on)
8.Inner Shadow(opacity - 22%)
9.Inner Glow( желтый цвет эфекта который используется по умолчанию изменем на черный, blend mode - Multiply,opacity - 23%)
10.Bevel and emboss(Depth - 73%,size - 13,Opacity - 100%, Shadow Mode - Lighten - белый цвет)
11.жмем кнопку ОК, теперь если вы попробуете пройтись китью по изображению вы сможете нарисовать новые капли
p.s. стиль можно сохранить для того чтобы использовать в других проектах, для этого нужно щелкнуть по кнопке New Style... в меню стиля слоя
Jack Sparrow
15.01.2009, 19:36
Люблю юзербары :)
Sir@m, можешь написать способ создания анимированых юбиков ?
Игр@м@н
16.01.2009, 09:53
Sir@m, можешь написать способ создания анимированых юбиков ?
Я напишу:
Для начала создайте документ 350 х 20 и заполните его каким-нибудь цветом. Я использовал градиент. (Layer - Layer Style - Gradient Overlay)
http://s56.radikal.ru/i153/0810/48/9221bfc13323.jpg
Затем разместите на юзербаре картинку, так чтобы было видно только начало этой картинки, в моем случае это такая вот рыбка:
http://s59.radikal.ru/i163/0810/82/7b1a82ad9783.jpg
Теперь, когда мы разместили нашу рыбку на юзербаре, создаем новый слой и с помощью Eliptical Marqueе Tool, так, чтобы это выделение было на половину юзербара. Затем берем кисточку, белого цвета и с параметром Opacity равным 30 закрашиваем наше выделение, чтобы получилось так:
http://s46.radikal.ru/i114/0810/12/c1c5f9fe6991.jpg
Затем еще раз создаем новый слой, и идем Edit - Fill и выбираем такую текстуру.
http://s60.radikal.ru/i168/0810/8c/5e5919b2c2c8.jpg
Уменьшаем Opacity слоя до 25, чтобы получилось так:
http://s56.radikal.ru/i152/0810/07/fc49a5bc1f75.jpg
Затем в панели инструментов нажимаем на кнопку перехода в Image Ready:
http://s45.radikal.ru/i109/0810/42/3bb8d2ff1d69.jpg
В окне анимации нажимаем на кнопку дублирования слоя, чтобы получилось два кадра.
http://s56.radikal.ru/i154/0810/df/24cb108fddd6.jpg
На втором кадре, перетаскиваем картинку с рыбкой вниз, чтобы было видно кончик картинки, ну то етсь где она заканчивается. Получится примерно так:
http://i033.radikal.ru/0810/8b/ce64039f120a.jpg
Нажимаем на кнопку Tween в панели анимации, и задаем значение - 7.
http://s41.radikal.ru/i093/0810/e7/f80b5ea3f38c.jpg
http://s45.radikal.ru/i110/0810/67/1e62b1564b52.jpg
Нажимаем на Play и любуемся результатом.
http://s40.radikal.ru/i089/0810/04/a4cd6f010ffd.jpg
Вот, что получилось у меня:
http://i026.radikal.ru/0810/25/4eb253a61f58.gif
Можно еще задать обратную совместимость, и добавить рамочку. Ну и конечно же, написать текст. Мой окончательный результат: http://s56.radikal.ru/i153/0810/4a/5d45062764c6.gif
Затем еще раз создаем новый слой, и идем Edit - Fill и выбираем такую текстуру.
сначала нужно ее создать текстуру.
создадим новый документ, 6х6 рх, фон сделайте прозрачным
получившийся документ масшабируйте до 1600% (для тех кто плохо видит может сделать еще больше(шутка!!!))
Щелкните правой кнопкой по инструменту Кисть, из выплывающего списка выберите Карандаш.
Размер установите на 1рх, цвет - черный. Нарисуйте диагональ из левого верхнего угла в противоположный
переходим в меню Редактирование -определить узор/текстуру(Edit> Define Pattern), дайте имя, нажмите ОК
Затем в панели инструментов нажимаем на кнопку перехода в Image Ready:
для CS3 делать этого не нужно!
Анимация
Создайте новый документ 350х350рх с белым фоном
откройте картинку, которую вы будете разрезать в фотошопе. разместите ее в центре документа
картинка должна быть меньше
Установите линейки следующим образом(разделите на четыре равные части)
рис 1
чтобы сделать этот инструмент активным нажмите Ctrl+r или View>Rules(Просмотр - Линейки)
затем нажмите ctrl+J чтобы скопировать выделение на новый слой
теперь вернитесь к основному изображению и проделайте то же самое с каждым квадратом. В конце просто удалите слой с картинкой
Каждому кусочку примените такие стили
layer>layer Style> Blending Options(Слой - стиль слоя - параметры наложения)
Тень:рис 2
Обводка:рис 3
затем разверните их каким-нибудь уникальным образом
рис 4
теперь оставьте видимым только один слой на фоне
В рабочем окне перетащите картинку в верхний правый угол таким образом, чтобы остался видимым только маленький уголок
Затем нажмите на кнопку Создать дубликат текущего кадра
после чего перетащите картинку в рабочем окне снова на положенное место
выделите эти два кадра и нажмите на кнопку Tween(добавить промежуточные кадры)
в окне Tween установите такие настройки
начать с: Выделенный кадр
Добавить кадров:8
Слои:Все слои
далее на последнем кадре делаем видимым еще один слой в палитре и проделываем те же действия с каждым кусочком
когда у вас все будет готово, зайдите в меню Файл> сохранить WEB...
Быстрый Photoshop урок по созданию текстуры в стиле хаки.
1. Создадим новый документ с 1000×1000 px и зальем его таким цветом #476031.
http://www.photoshop-master.ru/lessons/2008/241108/military_style/military_style_01.jpg
2. Применим Filter > Texture > Texturizer(Фильтр>Текстура>Текстуризатор) с такими настройками:
http://www.photoshop-master.ru/lessons/2008/241108/military_style/military_style_02.jpg
3. Теперь мы имеем вот такой рельеф:
http://www.photoshop-master.ru/lessons/2008/241108/military_style/military_style_03.jpg
4. Создадим новый слой и заливаем его черным цветом.
После применим Filter > NoiseAddNoise (Фильтр > Шум > Добавить шум) с такими настройками:
http://www.photoshop-master.ru/lessons/2008/241108/military_style/military_style_04.jpg
5. В чёрном слое меняем режим наложения и прозрачность. Я использовал режим Осветление (Screen) и прозрачность 50%.
http://www.photoshop-master.ru/lessons/2008/241108/military_style/military_style_05.jpg
6. Сейчас добавим текстуру ткани к нашему фону.
Создайте новый документ с прозрачным фоном размером 4×4 пикселей, увеличьте документ и нарисуйте диагональ, используя Инструмент Карандаш, как это показано на картинке ниже.
http://www.photoshop-master.ru/lessons/2008/241108/military_style/military_style_06.jpg
7. Затем перейдите в меню Редактирование > Определить Узор (Edit - Define Pattern) и сохраните этот образец.
После, возвращаемся к нашему главному документу, создаем новый слой, снова переходим в меню Редактирование и выбираем команду Выполнить заливку (Fill) - выберите из списка новую текстуру.
Измените стиль слоя, на Перекрытие (Overlay) и установите непрозрачность на 30% для этого слоя.
http://www.photoshop-master.ru/lessons/2008/241108/military_style/military_style_07.jpg
8. Хорошо, теперь добавим военную текстуру стиля.
В первую очередь нажмите D, чтобы установить черный и белый цвет, затем создаем новый слой и применяем Фильтр > Рендеринг> Облака (Filter - Render - Clouds):
http://www.photoshop-master.ru/lessons/2008/241108/military_style/military_style_08.jpg
9. Теперь нажмите Image > Adjustments >Threshold (Изображение > Корекция > Изогелия) с такими настройками :
http://www.photoshop-master.ru/lessons/2008/241108/military_style/military_style_09.jpg
Теперь мы имеем такую картинку:
http://www.photoshop-master.ru/lessons/2008/241108/military_style/military_style_10.jpg
10. Чтобы придать больше реалистичности применим Фильтр > Размытие > Размытие по Гауссу (Filter - Blur - Gaussian Blur):
http://www.photoshop-master.ru/lessons/2008/241108/military_style/military_style_11.jpg
Ваша картинка будет выглядит так:
http://www.photoshop-master.ru/lessons/2008/241108/military_style/military_style_12.jpg
11. Применяем Image > Adjustments >Threshold(Изображение>Корекция>Изогелия) с такими параметрами
http://www.photoshop-master.ru/lessons/2008/241108/military_style/military_style_13.jpg
Теперь узор выглядит лучше:
http://www.photoshop-master.ru/lessons/2008/241108/military_style/military_style_14.jpg
12. Меняем наложение слоя на Умножение (Multiply) с непрозрачностю 20%.
http://www.photoshop-master.ru/lessons/2008/241108/military_style/military_style_15.jpg
13. Пришло время добавить мелкие детали к нашему слою.
Для этого вы можете использовать кисти Grunge, их можно скачать здесь (http://www.photoshop-master.ru/lessons/2008/241108/military_style/military_style_grunge_brushes.zip). Используй их на новом слое с непрозрачностю 50%.
http://www.photoshop-master.ru/lessons/2008/241108/military_style/military_style_16.jpg
14. Теперь я предлагаю добавить темных участков на текстуру. Для этого создайте новый слой, возьмите инструмент Кисть (200 px) и нарисуйте большие темные пятна по текстуре.
http://www.photoshop-master.ru/lessons/2008/241108/military_style/military_style_17.jpg
15. Примените к этому слою фильтр Filter > Blur > GaussianBlur(Фильтр>Размытие>Размытие по Гауссу) c параметрами:
http://www.photoshop-master.ru/lessons/2008/241108/military_style/military_style_18.jpg
Установите непрозрачность слоя 70%
http://www.photoshop-master.ru/lessons/2008/241108/military_style/military_style_19.jpg
Ура! Наш стиль хакки готов.
http://www.photoshop-master.ru/lessons/2008/241108/military_style/military_style_20.jpg
Ссылка на источник урока (http://www.photoshopstar.com/effects/military-style-texture/)
QuattroPro
17.01.2009, 18:50
Из этого урока вы узнаете, как сделать фотошоп кисточку из обычного листа мятой бумаги, а потом, как эту кисть использовать, чтобы воссоздать в фотошопе старинную рукопись.
1 шаг.
Создание кисти.
Для того чтобы создать кисть с текстурой мятой бумаги, возьмите белый лист А4, сложите его дважды и положите в карман, пусть он полежит там пару часов, а вы пока займитесь другими делами. Если хотите получить результат быстрее, то просто "пожамкайте" свернутый листик руками.
Теперь листик разворачиваем, кладем в сканер, сверху покрываем каким-нибудь журнальчиком (желательно с темным рисунком) и сканируем в режиме Grayscale (Градации серого).
Импортируем отсканированное изображение в Фотошоп.
Создаем под сканированной бумагой новый слой и заливаем белым цветом.
(*Хотя вы можете выбрать и другой способ изготовления текстуры, например, сфотографировать помятую бумагу, а потом перевести ее в черно-белые тона)
Если у вас была фотография, то чтобы обесцветить ее просто перейдите в меню Image>Adjustments>Desaturate (Изображение - Коррекция - Обесцветить)
http://www.photoshop-master.ru/lessons/2008/150508/step1000.jpg
2 шаг
Сейчас важно уловить один момент: когда мы из этого листа будем делать кисть, то все области белого цвета станут полностью прозрачными, только черные и серые области будут видны.
Выберите инструмент http://www.photoshop-master.ru/lessons/tools/marque.png, создайте выделение вокруг той области, которую вы хотите превратить в кисть.
http://www.photoshop-master.ru/lessons/2008/150508/step2000.jpg
3 шаг
При активном выделении выберите меню Редактирование - Определить кисть (Edit>Define Brush Preset), дайте кисти имя и нажмите ОК.
Вот как все просто!
Переключитесь теперь на инструмент Кисть, самая последняя будет ваша свежесохраненная.
http://www.photoshop-master.ru/lessons/2008/150508/step3000.jpg
4 шаг
Слой с отсканированной бумагой вы можете теперь удалить и продолжить работу.
Создайте новый слой, дайте ему имя "фон для бумаги", установите цвета переднего и заднего плана, как показано на картинке:
http://www.photoshop-master.ru/lessons/2008/150508/step40000.jpg
Возьмите http://www.photoshop-master.ru/lessons/tools/marque.png, и установите в настройках инструмента Заданные пропорции для листа бумаги 8.5 x 11.
http://www.photoshop-master.ru/lessons/2008/150508/step4000.jpg
5 шаг
Все настройки готовы, можно создавать выделение. Заполните выделение цветом переднего плана, для этого можно нажать Alt-Backspace.
http://www.photoshop-master.ru/lessons/2008/150508/step5000.jpg
6 шаг
При активном выделение перейдите в меню Фильтр - Рендеринг - Облака (Filter>Render>Clouds). Этот фильтр даст хороший эффект плавного смешения цветов заднего и переднего плана.
Теперь можете снять выделение Ctrl+D.
http://www.photoshop-master.ru/lessons/2008/150508/step6000.jpg
7 шаг
Применим стиль слоя Внутреннее свечение (Inner Glow), чтобы затемнить уголки бумаги.
Для того, чтобы найти стили слоя, кликните на кнопку с буквой "f" внизу палитры слоев.
Установите такие же настройки и нажмите ОК.
http://www.photoshop-master.ru/lessons/2008/150508/step7000.jpg
8 шаг
Создайте новый слой и назовите его "Текстура".
http://www.photoshop-master.ru/lessons/2008/150508/step8000.jpg
9 шаг
Настал звездный час для нашей кисти!
Нажмите кнопку D, чтобы цвета в палитре установились на черно-белый. Возьмите инструмент http://www.photoshop-master.ru/lessons/tools/brush.png и выберите ту кисть, которую мы с вами создавали.
Если вы заметили, кисть у нас в горизонтальном варианте, а вот лист, над которым мы работаем, стоит вертикально. Это нужно исправить!
Нажмите F5, чтобы открыть окно редактирования кисти.
Выберите опцию Форма отпечатка кисти (Brush Tip Shape) и измените угол/Angle на 90°.
http://www.photoshop-master.ru/lessons/2008/150508/step9000.jpg
10 шаг
Настройте размер кисти по бумаге, чтобы делать это быстро, нажимайте на [ - левая квадратная скобка для уменьшения, ] - правая квадратная скобка для увеличения.
Потом кликните всего один раз по бумаге.
http://www.photoshop-master.ru/lessons/2008/150508/step1001.jpg
11 шаг
Клик правой кнопкой по слою с текстурой в палитре Слои, выберите команду Создать обтравочную маску (Create Clipping Mask).
Это действие наложит текстуру на бумагу и спрячет все остальное.
Обтравочная маска позволит стилю слоя "Внутреннее свечение" перейти также на слой с текстурой.
http://www.photoshop-master.ru/lessons/2008/150508/step1100.jpg
12 шаг
Измените режим смешивание слою "Текстура" на Затемнение основы (Color Burn) и Заливку (Fill) уменьшим до 40%.
http://www.photoshop-master.ru/lessons/2008/150508/step1200.jpg
13 шаг
Как известно, время постепенно разрушает бумагу, она рвется, стирается...
Перейдем на слой с бумагой. Кликните по значку http://www.photoshop-master.ru/lessons/tools/mask.png Добавить маску слоя. Появится белый прямоугольник рядом со слоем.
Это позволит нам разрушать уголки бумаги не стирая и не удаляя их.
http://www.photoshop-master.ru/lessons/2008/150508/step1300.jpg
14 шаг
Возьмите http://www.photoshop-master.ru/lessons/tools/brush.png, выберите кисть под названием Мел 60 (Chalk 60).
Эта кисть придаст эффект оборванных краев.
http://www.photoshop-master.ru/lessons/2008/150508/step1400.jpg
15 шаг
В качестве переднего плана установите черный цвет. Начните рисовать черной кистью по уголкам и сгибам.
http://www.photoshop-master.ru/lessons/2008/150508/step1500.jpg
16 шаг
При активном слое с бумагой создайте новый слой http://www.photoshop-master.ru/lessons/tools/new%20layer.png. Заметьте, что новый слой сразу попадет в обтравочную маску.
Нажмите букву X, чтобы изменить цвет на белый, затем той же кистью, только прозрачность установите на 30%, еще раз пройдитесь по уголкам бумаги, чтобы придать им еще более потрепанный вид.
http://www.photoshop-master.ru/lessons/2008/150508/step1600.jpg
17 шаг
С помощью различных фотошоп кистей, которыми изобилует наш сайт, вы можете добавить какие-то рисунки, знаки или слова на эту старинную бумагу. Для этого создайте новый слой уже в обтравке, примените кисти, режим установите Затемнение основы, прозрачность Заливки 22%.
http://www.photoshop-master.ru/lessons/2008/150508/step1700.jpg
18 шаг
Снова перейдите на слой с бумагой, добавьте стиль слоя "Тень" с такими настройками:
http://www.photoshop-master.ru/lessons/2008/150508/step1800.jpg
19 шаг
Как же рукопись и без рукописного текста!
Возьмите инструмент текст, кликните по документу и протяните прямоугольное выделение. Найдите красивый рукописный шрифт и вставьте текст.
Слой с текстом должен быть самым верхним.
http://www.photoshop-master.ru/lessons/2008/150508/step1900.jpg
20 шаг
Естественно, текст должен хорошо "лечь" на бумагу. Для этого меняем режим на Затемнение основы и прозрачность 50%.
При активном слое с текстом зажмите Ctrl и кликните на иконку слоя "Текстура", чтобы загрузить выделение.
Теперь просто нажмите на кнопку http://www.photoshop-master.ru/lessons/tools/mask.png Добавить маску слоя, чтобы выделение превратилось в маску слоя. Это действие моментально преобразует текст с учетом складок и рванных краев.
http://www.photoshop-master.ru/lessons/2008/150508/step2001.jpg
21 шаг
Из-за режимов наложения и прозрачности текст выглядит очень бледно, поэтому просто нажмите Ctrl+J, чтобы дублировать текстовый слой.
http://www.photoshop-master.ru/lessons/2008/150508/step2100.jpg
22 шаг
Вот и готово! Классный эффект с использованием собственной фотошоп кисти!
http://www.photoshop-master.ru/lessons/2008/150508/final000.jpg
QuattroPro
19.01.2009, 12:09
В этом Фотошоп уроке мы попробуем с вами воспроизвести эффект светящихся линий от проезжающих машин. Такой эффект получается, когда мы фотографируем ночной город с большой выдержкой на фотоаппарате.
Вот примеры фотографий сделанные таким способом:
http://www.photoshop-master.ru/lessons/2008/100908/1.jpg
http://www.photoshop-master.ru/lessons/2008/100908/2.jpg
1 шаг
Возьмем фото с дорогой, на которую мы хотим добавить световой эффект.
http://www.photoshop-master.ru/lessons/2008/100908/3.jpg
2 шаг
Приступаем к рисованию световых полос, для этого нам понадобится инструмент Перо http://www.photoshop-master.ru/lessons/tools/pen.jpg
В режиме контуров http://www.photoshop-master.ru/lessons/tools/r_path.gif рисуем контур, повторяющий изгиб дороги.
http://www.photoshop-master.ru/lessons/2008/100908/4.jpg
Создаем новый слой http://www.photoshop-master.ru/lessons/tools/new%20layer.png. Устанавливаем размер кисти (у меня картинка была большая, поэтому размер получился 25 px), среднюю мягкость и цвет персиковый (#fa8966)
Переключаемся на Перо, клик правой кнопкой, выбираем команду Stroke Path (Выполнить обводку контура), галочку рядом с "Имитировать нажим" ставить НЕ нужно.
Нажимаем ОК.
Вот, у нас получился первый луч.
http://www.photoshop-master.ru/lessons/2008/100908/5.jpg
Комбинация клавиш Ctrl + H, поможет скрыть контур.
3 шаг
Сделаем так, чтобы луч светился.
Для этого нам нужно добавить Layer Style - Outer Glow (Стиль слоя - Внешнее свечение)
Здесь вам нужно будет выбрать цвет свечения и подобрать размах и размер:
http://www.photoshop-master.ru/lessons/2008/100908/6.gif
http://www.photoshop-master.ru/lessons/2008/100908/7.jpg
Теперь луч засветился.
Дублируем слой с лучом 3 раза, разместим следующим образом, используя Ctrl + T (свободная трансформация):
http://www.photoshop-master.ru/lessons/2008/100908/8.jpg
Или вы могли бы для каждого луча рисовать свой контур, потом копировать созданный для первого луча стиль на все остальные.
Это мы нарисовали световые лучи от тех машин, которые едут от нас.
4 шаг
Теперь приступим к созданию лучей от машин, которые движутся к нам, соответственно фары у них будут белые.
Здесь мне придется для каждого луча создавать свой контур и получится вот так:
http://www.photoshop-master.ru/lessons/2008/100908/9.jpg
Не забываем к белым полосам добавлять стиль Внешнее свечение, для цвета свечения можете выбрать светло-желтый или светло-оранжевый.
5 шаг
Все слои с лучами сливаем в один слой (выделяем их с помощью Shift и нажимаем Ctrl + E)
Дублируем слой с лучами.
Верхнему слою изменяем режим смешивания на Linear Dodge (Линейный осветлитель)
Нижнему слою с лучами применяем фильтр Blur - Motion Blur (Размытие - Размытие в движении).
Настройки фильтра подберите сами, смотрите как будет эффектнее и интереснее смотреться этот расплывчатый световой эффект.
http://www.photoshop-master.ru/lessons/2008/100908/10.jpg
Если фантазия у вас разыгралась, то вы можете продолжить эксперименты. Менять цвет линий и их свечения с помощью Стилей слоя, дублировать слой с линиями, применять различные фильтры к дубликату, использовать различные режимы наложения и варьировать параметр непрозрачности... и т.д. и т.п.
Удачных экспериментов в программе Фотошоп!
QuattroPro
19.01.2009, 12:11
В этом Фотошоп уроке вы научитесь за 10 простых шагов рисовать безумные огненные линии. Такой сумасшедший эффект придаст вашей фотографии больше экспрессии и динамики.
http://www.photoshop-master.ru/lessons/2008/220908/1.jpg
1 шаг
Для этого урока стоит подобрать самое эффектное фото, которое есть в вашем архиве. Если подобного не оказалось, лучше возьмите фотоаппарат и сотворите свой образ!
Откройте фото в фотошопе и превратите его в черно-белое.
Если вы не знаете, как это сделать, то смотрите этот (http://photoshop-master.ru/articles.php?rub=19&id=29) урок.
2 шаг
После того, как фото готово, включите панель Контуры (paths) и нажмите на кнопку Создать новый контур (create new path) на рисунке отмечена буквой (A) .
Нажмите на английскую букву "P" на клавиатуре, чтобы выбрать инструмент Перо http://www.photoshop-master.ru/lessons/tools/pen.jpg.
А теперь остановитесь и подумайте, как лучше всего расположить огненные линии. Придумали? Тогда вперед! Держите направление пока в голове.
http://www.photoshop-master.ru/lessons/2008/220908/2.jpg
3 шаг
A. Кликните по документу, чтобы поставить первую точку контура.
Б. Добавьте вторую точку, придайте контуру плавный изгиб.
В. Продолжайте работать, следуя своей гениальной идее.
Помните, что в любой момент вы можете изменить форму контура.
Вы можете зажать Ctrl и переключиться на инструмент Белая стрелка (direct selection tool), чтобы быстро откорректировать контур.
Если для вас инструмент Перо еще непонятен, то советую посмотреть этот (http://photoshop-master.ru/articles.php?rub=22&id=35) урок.
http://www.photoshop-master.ru/lessons/2008/220908/3.jpg
4 шаг
Наконец-то, контур готов! Кстати, на тех участках, которые в дальнейшем спрячутся за руками и ногами, долго не останавливайтесь, ведь их все равно будет не видно.
http://www.photoshop-master.ru/lessons/2008/220908/4.jpg
5 шаг
A. Теперь возьмите инструмент мягкую круглую Кисть http://www.photoshop-master.ru/lessons/tools/brush.png, размер на ваше усмотрение (в уроке использовалась кисть = 5 px) оранжевого цвета.
Б. Создайте новый слой и назовите его "Огонь"!
В. Вернитесь в палитру Контуры и выберите кнопку внизу, которая называется Выполнить обводку (stroke path, отмечена буквой С).
http://www.photoshop-master.ru/lessons/2008/220908/5.jpg
6 шаг
По контуру моментально появится рыжая линия! Чтобы контур вам не мешал, нажмите Ctrl + H, чтобы спрятать его.
На рисунке вы, должно быть, заметили, что появились дополнительные линии оранжевого цвета. Такой эффект придает иллюзию движения огня, правда! Но ведь для них мы не создавали контуров!
Как такое сделать? Очень просто - берете штамп http://www.photoshop-master.ru/lessons/tools/stamp.gif, выбираете кисть Брызги (spatter) клонируете участок линии и размещаете рядом.
7 шаг
С помощью ластика http://www.photoshop-master.ru/lessons/tools/eraser.png сотрем лишние участки линии, которых не должно быть видно за ногами и руками.
8 шаг
Щелчок правой кнопкой мыши по слою с Огнем, выбираем Параметры наложения (blending options), где можно добавить различные стили слоя.
Попробуйте применить те же стили и настройки, которые вы видите ниже, но знайте, что параметры можно корректировать на свой вкус и цвет.
Итак, добавляем:
Внутренняя тень, Внешнее свечение и Внутреннее свечение
http://www.photoshop-master.ru/lessons/2008/220908/6.jpg
9 шаг
Дублируйте слой "Огонь" и измените режим смешивания слоя на Перекрытие (Overlay)
На слое дубликате выключите глазики у стилей Внутренняя тень (inner shadow) и Внутреннее свечение (inner glow), чтобы деактивировать их.
http://www.photoshop-master.ru/lessons/2008/220908/7.jpg
10 шаг
А теперь дважды щелкните по оставшемуся стилю Внешнее свечение, чтобы изменить его параметры.
http://www.photoshop-master.ru/lessons/2008/220908/8.jpg
ФИНИШ!
Еще немного, а может быть и много, времени нужно потратить на свою работу, чтобы получить нечто подобное...
http://www.photoshop-master.ru/lessons/2008/220908/9.jpg
Еще маленькое замечание... дублируйте слой Огонь еще раз и примените к нему фильтр - искажение - волна (filter>distort>wave)... Поиграйте с уровнем непрозрачности и режимами наложения, особенно с Перекрытием.
Удачи!
Ссылка на источник (http://www.anothera.net/view_tutorial.php?id=3)
QuattroPro
19.01.2009, 12:14
В этом уроке я покажу как создавать реалистичный огонь. Делается он очень просто!
Для начала создадим новый файл, размером примерно 600х500 px. Заполним его белым цветом. Теперь будем использовать Filter->Render->Cloud (Фильтр->Рендеринг->Облака).
http://www.photoshop-master.ru/lessons/2008/110708/fire/2.jpg
Далее используем Filter -> Render-> different clouds (Фильтр->Рендеринг->Облака с наложением).
Нажмите несколько раз Ctrl+F, пока это не станет похоже на настоящий огонь.
http://www.photoshop-master.ru/lessons/2008/110708/fire/3.jpg
Возьмем мягкую кисть черного цвета размером 45 px. И закрасим примерно половину нашего огня, чтобы появились языки пламени.
http://www.photoshop-master.ru/lessons/2008/110708/fire/4.jpg
http://www.photoshop-master.ru/lessons/2008/110708/fire/5.jpg
Дальше мы будем придавать пламени еще более реалистичный вид. Заходим Filter -> Liquify (Фильтр->Пластика… или Shift+Ctrl+X), берем в открывшемся окне инструмент Деформация (W) и немного вытягиваем, чтобы получились языки пламени.
http://www.photoshop-master.ru/lessons/2008/110708/fire/6.jpg
Теперь осталось только раскрасить наш огонь. Заходим Image -> adjustment ->Gradient map (Изображение->Коррекция->Карта градиента) и устанавливаем там примерно такие параметры:
http://www.photoshop-master.ru/lessons/2008/110708/fire/7.jpg
Ну вот, наш огонь готов. Он очень похож на настоящий.
http://www.photoshop-master.ru/lessons/2008/110708/fire/1.jpg
Рыж
01.02.2009, 20:20
Sir@m, потряс! Научи, пожалуйста, как сделать на авке фон с падающим снегом. У меня никак не получается. Пробовала урок. Напиши, как бы ты это сделал, плиззз!
QuattroPro
02.02.2009, 13:00
Sir@m, потряс! Научи, пожалуйста, как сделать на авке фон с падающим снегом. У меня никак не получается. Пробовала урок. Напиши, как бы ты это сделал, плиззз!
http://www.photoshop-master.ru/lessons/2007/061207/elka/81000000.jpg
Начнем с того, что выберем фотографию или картинку, подходящую для нанесения на нее анимации падающего снега.
Далее выбираем инструмент Кисть и открываем палитру Кисти (F5). Выбираем Brush Tip Shape (Форма отпечатки кисти) и применяем следующие установки.
http://www.photoshop-master.ru/lessons/2008/070808/2.gif
Динамика формы:
http://www.photoshop-master.ru/lessons/2008/070808/3.gif
Рассеивание:
http://www.photoshop-master.ru/lessons/2008/070808/4.gif
Используем белый цвет для снега, который создаем на новом слое.
Создаем копию снежного слоя и поднимаем ее настолько вверх, чтобы нижняя часть нового снежного слоя касалась верхней части первоначального снежного слоя. Слейте оба снежных слоя - выделите их и нажмите Ctrl + E.
Откройте окно анимации. Для первого слайда оставьте рисунок со снежным слоем
Скопируйте имеющийся слайд (нажмите на в окне анимации) и плавно спустите снежный слой так, чтобы на изображении показалась верхняя часть снежного слоя (которая была за пределами изображения).
Выделите оба слайда и нажмите Tweens animation frames (Создать промежуточные кадры) в окне анимации.
Выберите в появившемся окне Frames данные параметры.
http://www.photoshop-master.ru/lessons/2008/070808/10.gif
У вас автоматически получатся промежуточные слайды с движением снега.
Удаление последнего слайда закрепит круговорот анимации падающего снега, сделает его непрерывным. Отрегулируйте задержку продолжительности каждого слайда (под слайдом установите время его продолжительности), как показано внизу.
Чтобы сохранить анимацию переходим Файл - Сохранить для web.
Выбираем формат GIF и количество цветов 256.
http://image041.mylivepage.ru/chunk41/2583331/2188/Снег.gif
http://www.photoshop-master.ru/lessons/2008/070808/14.gif
Рыж
03.02.2009, 21:19
Sir@m, спасибо огромное за помощь, попробую твоим способом. Он другой. Трудность такая, что не в каждой картинке получается тащить вниз (вверх идёт, а вниз нет). Вот какие аватарки получились, но очень тяжёлые... Мне для другого форума нужно 100x100 не больше 15Кб.
http://i033.radikal.ru/0902/6b/f73fbfcdcc26.gif (http://www.radikal.ru) http://i073.radikal.ru/0902/39/faab48c12266.gif (http://www.radikal.ru)
QuattroPro
22.03.2009, 16:40
Создание текстуры поверх текста
создаем новое изображение. набираем любой текст и называем его text1. дублируем слой и называем - text2. скрываем text1. применяем к text2 фильтр render/fibers.
http://image041.mylivepage.ru/chunk41/2583331/2188/1.png
применяем фильтр artistic/Dry brush...
http://image041.mylivepage.ru/chunk41/2583331/2188/3.png
Выбераем в меню select/color range в пунке select выбераем Highlight и очищаем выделеную область, проделываем тоже самое со средними тонами. теперь применим фильтр Texture/grain.
http://image041.mylivepage.ru/chunk41/2583331/2188/4.png
нажимаем ctrl+f чтобы повторно применить фильтр.затем фильтр pixelate/mezzotint.
http://image041.mylivepage.ru/chunk41/2583331/2188/5.png
снова нажимаем ctrl+f.применим фильтр sketch/graphic pen.
http://image041.mylivepage.ru/chunk41/2583331/2188/6.png
теперь добавим этому слою пару стилей.
тень.
http://image041.mylivepage.ru/chunk41/2583331/2188/7.png
внутренняя тень не меняя параметров.
внутреннее свечение
http://image041.mylivepage.ru/chunk41/2583331/2188/9.png
параметр цвета
http://image041.mylivepage.ru/chunk41/2583331/2188/8.png
затем у слоя text1 уменьшаем степень заливки до нуля.добавляем этому слою стили тень не меняя параметров, обводка размер 1px цвет черный.вот такой текст у нас получился.
http://image041.mylivepage.ru/chunk41/2583331/2188/10.png
тело брейка
09.05.2009, 23:32
Sir@m
ппц даеш! +1
QuattroPro
10.05.2009, 15:30
Всех с прошедшим днем победы:)
спасибо за репу.:thank_you:
В честь дня великой победы Советского союза:russian: над немецко-фашистскими захватчиками:diablo2pg: посвящается. Для начала создадим новый документ 512 на 512 пикселей. Нарисуем пять линий три оранжевых и две черные. применим фильтр искажение/ Волна…
http://image041.mylivepage.ru/chunk41/2583331/2616/1pobeda.png
Установим для ленточки параметры слоя
тень
http://image041.mylivepage.ru/chunk41/2583331/2616/10pobeda.png
тиснение
http://image041.mylivepage.ru/chunk41/2583331/2616/11pobeda.png
далее используя инструмент произвольная фигура создадим звезду. Зажав клавишу Shift растягиваем фигуру до нужного размера. Установим для звезды параметры слоя
тень
http://image041.mylivepage.ru/chunk41/2583331/2616/2pobeda.png
тиснение
http://image041.mylivepage.ru/chunk41/2583331/2616/3pobeda.png
контур - оставим без изменений
теперь создадим несколько произвольных фигур в форме огня и дадим им параметры слоя такие
внешнее свечение
http://image041.mylivepage.ru/chunk41/2583331/2616/4pobeda.png
тиснение
http://image041.mylivepage.ru/chunk41/2583331/2616/5pobeda.png
наложение градиента
http://image041.mylivepage.ru/chunk41/2583331/2616/6pobeda.png
теперь нужно сделать надпись. После того как надпись будет завершена установим параметры слоя
внешнее свечение
http://image041.mylivepage.ru/chunk41/2583331/2616/7pobeda.png
тиснение
http://image041.mylivepage.ru/chunk41/2583331/2616/8pobeda.png
наложение градиента
http://image041.mylivepage.ru/chunk41/2583331/2616/9pobeda.png
И вот что получилось
http://image041.mylivepage.ru/chunk41/2583331/2616/zvezda.png
Жан Давид
11.11.2009, 19:36
Плиз кто нить научите одно изображение уменьшать, которое ты вырезаешь. Заранее спасибо!:rolleyess:
QuattroPro
11.11.2009, 19:53
Плиз кто нить научите одно изображение уменьшать, которое ты вырезаешь. Заранее спасибо!
не понял я тебя
обясни лучше, в чем тебе нужна помощь
Жан Давид
12.11.2009, 15:59
не понял я тебя
обясни лучше, в чем тебе нужна помощь
Ну вот я хочу на один скрин лицо поставить с фотки, а когда ставлю оно получается гораздо больше, не по размеру. Я вот хочу это лицо уменьшить, что б оно подошло по размеру.
QuattroPro
12.11.2009, 16:36
Ну вот я хочу на один скрин лицо поставить с фотки, а когда ставлю оно получается гораздо больше, не по размеру. Я вот хочу это лицо уменьшить, что б оно подошло по размеру.
свободная трансформация поможет, вызывается Ctrl-T или через правку
P.S. с зажатым шифтом будет уменьшать сохраняя пропорции
надеюсь все понятно
Жан Давид
12.11.2009, 16:55
Благодарю!:thank_you:
QuattroPro
22.05.2010, 07:46
http://i032.radikal.ru/1005/6a/0ef3ba242a7et.jpg (http://radikal.ru/F/i032.radikal.ru/1005/6a/0ef3ba242a7e.jpg.html)
1. Открываем файл с картинкой. Дублируем изображение. (Ctrl+J), убираем цвета (Shift+Ctrl+U) и топаем в Меню – Изображение – Регулировки – Выборочный цвет. Находим секцию «белый» и меняем настройки, как на скрине, чтобы убрать белые яркие пятна. Обратите внимание, что метод выбран «абсолютный»
http://i061.radikal.ru/1005/2f/f63a93055d26t.jpg (http://radikal.ru/F/i061.radikal.ru/1005/2f/f63a93055d26.jpg.html)
2. Поворачиваем документ на 90градусов по часовой стрелки.
Идём в фильтр – стилизация – ветер . Настройки, как на скрине.
http://s43.radikal.ru/i099/1005/7e/aa6228a37ef1t.jpg (http://radikal.ru/F/s43.radikal.ru/i099/1005/7e/aa6228a37ef1.jpg.html)
Развернём документ в исходное состояние, т.е. повернём на 90градусов против часовой стрелки.
3. Фильтр - резкость – контурная резкость.
http://s001.radikal.ru/i193/1005/37/bc29e452861ct.jpg (http://radikal.ru/F/s001.radikal.ru/i193/1005/37/bc29e452861c.jpg.html)
Тонируем цветом (Ctrl+U)
http://i078.radikal.ru/1005/ce/26416b6319act.jpg (http://radikal.ru/F/i078.radikal.ru/1005/ce/26416b6319ac.jpg.html)
Добавим фильтр – искажение – стекло
http://s53.radikal.ru/i141/1005/61/d561b3aa7cc0t.jpg (http://radikal.ru/F/s53.radikal.ru/i141/1005/61/d561b3aa7cc0.jpg.html)
и изменим кривые (Ctrl+M)
http://s56.radikal.ru/i151/1005/a3/a95990d7011dt.jpg (http://radikal.ru/F/s56.radikal.ru/i151/1005/a3/a95990d7011d.jpg.html)
Ледниковый период готов.
4. На этом слое включаем маску (иконка внизу панели слоёв) и линейным градиентом от чёрного к белому (настройте градиент так, чтобы переход от одного цвета к другому был почти резким)
http://i024.radikal.ru/1005/98/7e08b8d20121t.jpg (http://radikal.ru/F/i024.radikal.ru/1005/98/7e08b8d20121.jpg.html)http://i062.radikal.ru/1005/e7/bdfc97388be7t.jpg (http://radikal.ru/F/i062.radikal.ru/1005/e7/bdfc97388be7.jpg.html)
Готово!
QuattroPro
22.05.2010, 08:07
Открываем фото.
http://s55.radikal.ru/i149/1005/3e/c58533634ee1t.jpg (http://radikal.ru/F/s55.radikal.ru/i149/1005/3e/c58533634ee1.jpg.html)
Шаг 1. Копируем слой(Сtrl+J)
Шаг 2. Обесцвечиваем копированный слой. (Shift+Ctrl+U)
Шаг 3. Копируем обесцвеченный слой и инвертируем его. (Ctrl+I)
Меняем режим смешивания на "осветление основы"
Шаг 4. Идём в фильтр «размытие по гауссу.
Вот здесь начинается самое интересное. Радиус размытия зависит от размера фото. Я поставил радиус размытия в 5 пикс.
http://s60.radikal.ru/i169/1005/8b/88b01216361et.jpg (http://radikal.ru/F/s60.radikal.ru/i169/1005/8b/88b01216361e.jpg.html)
Шаг 5. Соединяем все слои в новый слой (Shift+ Ctrl+ Alt+E)
Меняем режим смешивания на "умножение"
Применяем размытие по гауссу, но с меньшим радиусом. Я поставил 2 пиксела. Вуаля.
http://s45.radikal.ru/i110/1005/6e/784f415550b9t.jpg (http://radikal.ru/F/s45.radikal.ru/i110/1005/6e/784f415550b9.jpg.html)
вот еще пример
http://s16.radikal.ru/i191/1005/67/797fb2c66b81t.jpg (http://radikal.ru/F/s16.radikal.ru/i191/1005/67/797fb2c66b81.jpg.html)
Steve
24.05.2010, 12:33
Фотошоп штука хорошая. В общем раз уж речь о фотках :
Оригинал:
http://img338.imageshack.us/img338/3649/85688224.jpg
Touched by Photoshop :
http://img526.imageshack.us/img526/7473/24801151.jpg
http://img683.imageshack.us/img683/3001/61000447.jpg
http://img541.imageshack.us/img541/4181/99509468.jpg
http://img412.imageshack.us/img412/2676/65324694.jpg
http://img185.imageshack.us/img185/292/71067083.jpg
Как-то так. это конечно детский лепет. Если есть у кого идеи или может над фотку обработать ну или рисунок сделать (а это уже не бесплатно ), обращайтесь.
Пример :
Девушка :
http://img405.imageshack.us/img405/6971/35326145.jpg
Вектор:
http://img689.imageshack.us/img689/874/78166472.jpg