хочу сюди!
 

Ліда

50 років, водолій, познайомиться з хлопцем у віці 46-56 років

Замітки з міткою «уроки»

Текст по кривой! Урок.

 border=
Иногда возникает необходимость разместить текст нелинейно (то есть не вертикально и не горизонтально). например, по кругу, или вдоль какой-нибудь фигуры. да мало ли)).

Для того, что бы разместить текст таким образом, нам нужно создать для него путь. приступим!)))
  border=
Пути мы создаем векторными инструментами, которые перекочевали в Photoshop из Illustrator'а. вот они (кроме Type Tool - этот сам по себе, и не векторный, и не ратровый)))
 (62x171, 34Kb)
Это всеми любимый инструмент Pen и его варианты, геометрические фигуры (прямоугольник, овал, многоугольник, линия и пользовательские фигуры). что бы вызвать их, надо кликнуть по иконке инструмента правой кнопкой и появится весь список "скрытых" инструментов

Предположим, нам понадобилась надпись, размещеная по кругу. выбираем инструмент Ellipse tool и, удерживая Shift, что бы нарисовать именно круг, то есть фигуру с правильными пропорциями, собственно, рисуем круг. Не принципиально, но все же. возможно, ваш круг будет залит каким-то
цветом (выбранным в качестве цвета переднего плана в данный момент). меня, насколько я помню, это смутило. мне не нужна была заполненная цветом фигура, а всего лишь ее контур. тогда я был маленький и глупый. Сейчас я не поумнел, но подрос)))). что бы избежать этой заливки, надо переключить наш инструмент в режим Paths. ведь нам именно и нужен путь!
 border=
Создав наш путь, мы берем инструмент Type Tool
 (114x328, 35Kb)
Мы ставим курсор на нашем созданном пути и, определившись со шрифтом, размером, цветом и т.п., начинаем писать. о, чудо! буквы располагаются четко по нашей окружности!)))) Зоркие дамы и господа, кроме того, могут заметить два маркера на окружности. с их помощью мы перемещаем текст по нашему контуру.перемещать их надо Paths Selection Tool'om (черной стрелкой из набора векторных инструментов) им же мы двигаем наш контур, если возникла необходимость, буквы будут "прыгать" за ним следом.
 (401x401, 44Kb)
На этом чудеса не заканчиваются. если этой черной стрелкой захватить текст и переместить ее (стрелку) во внутренний контур, текст послушно перескочит туда же. к сожалению, показать на картинке как это делает я не придумал как, поэкспериментируйте самостоятельно
 (400x400, 35Kb)
По тому же принципу текст размещается вдоль прямоугольников, многоугольников и т.д. то же самое происходит и с произвольным контуром, нарисованным ручкой. вроде бы все. осталось малость - избавиться от контура. при сохранении рисунка он как будто бы не сохраняется. на самом деле он есть, и еще как есть! за забытые контуры в приличной типографии могут оторвать уши))) но это лирика, а мы практики. долой контур! идем в палитру Paths. обычно она сопряжена общей вкладкой с палитрой Layers. если вы ее не нашли - window-paths.
 (216x226, 43Kb)
Что мы видим? два контура - наша окружность Work Path - рабочий контур (помечена галочкой) и еще какой-то путь. рабочий контур удаляем без раздумий. а вот путь нашей надписи удалить не удаться. почему? потому, что наш текстовый слой не растеризован. надо его растеризовывать или нет - на ваше усмотрение. дело в том, что растеризовав, мы превращаем его из текстового полноценного объекта в обычную картинку. это не всегда удобно и зависит от вашей конкретной задачи. после растеризации
путь пропадет сам, так что торопиться не стоит))) вдруг вы решите отредактировать текст, а растеризация делает это невозможным, увы)))

Пишущийся текст. Урок фотошоп.

Урок № 74

уроки от Елены.
Пишущийся текст

В этом уроке я Вам расскажу , как можно имитировать написание текста ручкой , пером , карандашом и т.д.



Все готовые картинки можете использовать для своих блогов


Открываем картинку на которой будем писать и картинку-клипарт , чем будете писать . Готовые клипарты можно взять Здесь

В окне Слои не забываем снять замочки . Активируем инструмент Перемещение и переносим Клипарт-Перо на нашу картинку . Для удобства я буду переименовывать слои , если вы не помните или незнаете как это сделать , тогда загляните Сюда

С помощью Свободного трансформирования Ctrl+T придайте Перу нужный размер (не забывайте удерживать Shift , что бы не сбить пропорции), поверните и расположите его так что бы при написании текста оно не терялось за рамками картинки (это можно будет подрегулировать когда уже будет написан текст)

В окне Слои создаём Новый слой , на нём мы будем писать Текст .

Выбираем Горизонтальный текст-маска , шрифт и размер

Кликаем на картинку и пишем



Жмём на инструмент Заливка

И заливаем нужным цветом , Ctrl+D - снять выделение .



Смотрим на надпись , представляем как будет писаться текст и примерно считаем сколько раз надо скопировать слой с текстом , если в процессе вам не хватит слоёв или окажутся лишние , то всегда можно последний слой скопировать ещё несколько раз или удалить лишние слои .
Я насчитала у себя 18 слоёв

Стоя на слое Текст жмём Ctrl+J  и копируем слои необходимое количество раз
Далее встали на слой Перо , зажали левую кнопку мыши и перетащили этот слой поверх всех слоёв .

Инструментом Перемещение установим Перо на начало текста

На время забудем про слой Перо и будем работать со слоями Текст .
Стоим на слое Текст . Активируем Ластик - жёсткость 100 % , размер - меняем по мере необходимости и удаляем часть текста , оставляя только первый отрезок буквы .

Переходим на слой Текст 2 , на предыдущем слое глазик - выкл. И снова стираем всё лишнее , оставляя уже первый и второй отрезок буквы .

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

А теперь самое важное , будем собирать анимацию .
Активирован инструмент Перемещение .

Всегда стоим на слое Перо
(горит синим цветом) - глазик вкл. всегда
Слой Картинка - глазик вкл. всегд .

1 кадр - слой Перо и слой Картинка (Перо стоит в начале текста)
2 кадр - слой Перо , слой Картинка и слой Текст
На этом кадре перемещаем Перо (не забудьте всегда активный слой Перо , меняем видимость только глазиков и перемещаем на каждом слое Перо)

3 кадр - слой Перо , слой Картинка и слой Текст 2
И снова передвигаем Перо

4 кадр - слой Перо , слой Картинка и слой Текст 3
И снова передвигаем Перо

5 кадр - слой Перо , слой Картинка и слой Текст 4
И снова передвигаем Перо

Теперь внимание : Переход на следующую букву .
6 кадр - слой Перо , слой Картинка и слой Текст 5
Передвигаем Перо на начало следующей буквы

Не меняя кадра вернём видимость передыдущему слою , т.е. слой 4 - глазик вкл. , слой 5 - глазик выкл. Таким образом Перо у нас стоит чётко на начале следующей буквы .

7 кадр - слой Перо , слой Картинка и слой Текст 5
И снова передвигаем Перо

8 кадр - слой Перо , слой Картинка и слой Текст 6
И снова передвигаем Перо

На 9 кадре выполняем переход на следующую букву , смотрите выше если забыли или не поняли как это делается . Дальше я думаю справитесь сами .

У меня получилось 28 кадров , вот так выглядит последний

Теперь зададим время передвижения кадров : последний - 3 сек., остальные по 0,1 сек.
Жмём на Запуск воспроизведения анимации


Если всё устраивает сохраняем : Файл-Сохранить для Web в формате GIF .




Анимация текста в SWFText. Урок.

Урок от Ольги Бор.
 


Анимация текста в SWFText.


Очень простая в использовании программа SWFText ( скачать с майл ру)позволяет создавать оригинальную анимацию текста и добавлять эффекты фона.

Для установки программы достаточно запустить установочный файл и следовать инструкциям.

Для работы в программе должен быть установлен flash player (скачать с майл ру) установочный файл 10.0 версии

Для импорта avi в фотошоп необходима программа QuickTime не ниже 7 версии ( скачать с майл ру) лекарство в архиве - серийник.

1.Открываем программу и выставляем параметры картинки на которой будем писать текст. Это может быть любое изображение (картинка из интернета, созданная картинка в графическом редакторе. и т.д.)

2.Переходим на вкладку «фон», активируем позицию «изображение», нажимаем «обзор» и находим у себя на компе ту картинку, на которой будем писать текст.

3.Переходим на вкладку «Текст» и пишем, что хотим.

4.Переходим на вкладку «Шрифт» и выбираем шрифт, размер, расположение на картинке, которые можно увидеть в окне просмотра.

5.Переходим на вкладку «эффекты текста», включаем и выбираем эффект

6.Переходим на вкладку «Фоновые эффекты» включаем эффекты и так же, как и у текста, выбираем эффект

7.Когда все эффекты выбраны, приступаем к сохранению. Здесь есть некоторые тонкости. Если вы хотите продолжить редактирование полученного изображения с текстом ( добавить рамку или ещё что-то), то советую сохранить  в формате  avi. Если ваше изображение не будет редактироваться, то сохраняйте в формате gif.
НО! В формате гиф картинка сохранится, но будет немного тяжёдой. Чтобы уменьшить вес картинки, советую  сохранение в  avi.

8.Открываем фотошоп, топаем в меню – файл – импортировать -  кадры видео в слои. Появится окошко

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

Всё, изображение откроется по слоям и вы можете редактировать его на своё усмотрение.
Не забывайте, что все действия выполняются при активном 1 кадре в панели анимации.
Если вы создаёте новые фоновые слои, то их нужно унифицировать.

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

Урок "Виртуозная работа ластиком".Урок фотошоп.

MADAM-48 все записи автора
Интересные возможности обработки фото получаются с применением дополнительного слоя, который заливается подходящим цветом или узором (все зависит от Вашей фантазии).

Затем выбирается инструмент "Ластик", форма которого может быть в виде кляксы или какой-то фигуры размером не меньше 100 пикселов.

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

Последовательность действий:

Открываем исходное изображение с размерами, готовыми для печати.


 

Создаем дополнительный слой и заливаем его краской.


Выбираем инструмент ластик и его форму.


Форма ластика под номером 41 выбрана из набора кистей Assorted Brushes.

Уменьшаем непрозрачность дополнительного слоя до 70% и начинаем стирать лишние участки.


Затем восстанавливаем непрозрачность до 100% и видим готовый результат.


Таким же методом сделана вот такая поздравительная открытка:


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


В этом варианте использовалась кисть под номером 14 из исходного набора кистей.


 

Попробуйте применить этот прием. Он не сложный. Вариантов выбора формы ластика очень много, главное чтобы размер составлял не меньше 100 пикселов.

Урок взят с сайта  http://www.adobemaster.ru

Перепечатка статьи допускается с обязательной ссылкой на сайт http://www.adobemaster.ru

Урок для начинающих фотошопперов.


Режем картинку на 4 части. Урок от Ольги Бор.

Всем приветик!

Сегодня разрежем картинку на 4 части.

Результат урока.

1. Открываем изображение и определяем направляющие: по горизонтали и по вертикали 50%

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

3. Копируем выделение на новый слой (Ctrl+J) Если закрыть исходны слой, то наш кусочек сразу будет виден.

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

5. Теперь мы все слои с кусочками уберём в одну группу. Для этого, удерживая клавишу Shift, кликаем на каждый слой, начиная с верхнего. Это действие позволяет нам выделить сразу все слои.

После этого топаем в меню-слой-новый-группа из слоёв - ок.

6. Уменьшим группу на 10%. Для этого топаем в меню - редактирование - свободная трансформация и выставляем параметры в верхней панели инструмента.

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

7.Сделаем у каждого кусочка кант.
Для этого, переходим на слой с кусочком, загружаем выделение слоя ( меню - выделение - загрузить выделенную область.) Затем топаем в меню - редактирование - выполнить обводку. Устанавливаем ширину в 3 пикселя, положение - внутри.

Снимаем выделение и получаем(направляющие можно удалить - меню - просмотри - удалить направляющие)

Повторяем этот пункт на каждом слое с кусочками картинки.

8. Расположение кусочков по документу.
Пользуясь свободной трансформацией(меню-редактирование-свободная трансформация) переместим и повернём кусочки. Не забывайте, что трансформация да и вообще любое действие, которое вы выполняете, происходит только на том слое, на котором вы находитесь в панели слоёв.

Примените трансформацию ко всем слоям с кусочками. В панели слоёв можно поменять порядок расположения слоёв, как вам нравится. Я поменяла местами 2 и 3 слой.

9. Добавление фона.
Создаём новый слой (вторая иконка справа внизу панели слоёв) и располагаем его под группой с кусочками.Называем слой "фон"

Заливаем его цветом или текстурой, кому как нравится.

10.В заключении добавим к кусочкам картинки тень.
Переходим на любой слой с картинкой и активируем стиль(вторая иконка слева внизу палитры слоёв)

Я проставила следующие параметры

Получаем такой эффект.

11. Нужно применить этот эффект ко всем кусочкам картинки.

Для этого делаем на слое с тенью клик правой кнопкой по слою в панели слоёв и выбираем в меню позицию "скопировать стиль слоя"

 

Переходим на следующий слой, делаем клик правой кнопкой мыши и выбираем из меню "вклеить стиль"

Вклейте стиль ко всем кусочкам картинки. Выполните сведение слоёв (меню - слой - сведение слоёв) и сохраните изображение.
Работа закончена. Удачи!

Урок для создания анимационной картинки.

Всем приветик!
Делаем вот такую надпись.

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

1. Берём какую нить картинку и пишем на ней, что хотим . Картинку берите не маленькую, мы потом её уменьшим. На большом размере нам будет удобнее редактировать надпись. Итак, взяли и написали. Я быстренько сварганила из своих отрисовок картинку и написала. Размер картинки у меня 700х700 пикс.
Растеризуйте текст, примените эффекты , если хотите ( если применяете эффекты, то закрепите их.) Вот, моё гениальное творение.

2. Работаем с текстом. Нам нужно каждую букву поместить на отдельный слой. Для этого поочерёдно выделяем буквы и копируем их на новые слои.( Я выделяла многоугольным выделением). Для удобства переименовывайте слои, как я.

3.Дублируем слой с картинкой и соединяем дубликат с текстом.

4. Создадим две паки с группами. В одну перетащим слой с картинкой, во вторую слой картинка с текстом. Сделаем невидимой вторую папку и слои с буквами. Уменьшим размер документа до 250пикс.

5. Работаем с первой группой. Сделаем 13 копий слоя. Переименуем слои. У нас получилось 14 слоёв( можно, конечно и не переименовывать, но так удобнее работать)

6. 14 слой делаем невидимым, переходим на 13 слой топаем в фильтры. Мазки кисти – аэрограф и ставим вот такие настройки.

7. Закрываем слой 13, опускаемся на 12. Идём в тот же фильтр, но меняем радиус разбрызгивания на 3 ( т.е. на 2 единицы больше.)

8. Продолжаем опускаться по слоям, каждый раз увеличивая радиус разбрызгивания на 2 единицы. В итоге у нас слой 1 будет с радиусом разбрызгивания 25.

9. То же самое проделываем и со второй папкой, но начинаете с слоя 14 и не увеличиваете радиус, а уменьшаете, так как у нас в фильтре сохранились последние настройки.9уменьшать начинаете с слоя 13) После всех манипуляций закрываем все слои у второй группы, открываем первую группу, слой 1 и приступаем к анимации.
10. Открываем панель анимации и ли топаем в Adobe ImageReady (зависит от версии фш)

11. Первый кадр – первый слой. 2 кадр – слой2 и так до 14 кадра.

12. 15 кадр оставляем тот же слой + открываем первую букву текста.

13. На каждый новый кадр, открываем следующую букву, пока не покажется весь текст. Слой 14 остаётся открытым. На 21 кадре получаем вот такой вид в панели анимации и в палитре слоёв.

14. На 22 кадре, закрываем слой 14 из первой группы, закрываем все буквы и открываем слой 1 из второй группы.

15. Дальше действуем, как и с первой группой.

Выставляем время и получаем результат. Я поставила для всех кадров 0,1сек.,а для 22 кадра 1,5сек.
И такой вариант.

Автор - ваш Admin- Ольга Бор.

Мозаичный эффект. Урок анимации.

Урок посвященный анимации!*О*
Эффект из квадратов в картинку.
Вот что у меня получилось - >
1.Открываем исходник.В моем случае вот этот.

2.Копируем слои при помощи сtrl-J 7-8 раз
3.Снимаем глазики в окне слои.Ставим глаз на слой задний план.
Идем в фильтры -> искажение -> волна.

4.Снимаем глаз с заднего плана.Ставим глаз на Слой 1.
Идем в фильтр волна.
Ставим другие настройки.

5.Тоже самое делаем с остальными слоями,уменьшая масштаб.Т.е.на 2 слое у вас будет масштаб 50.На 3 - 25.
6.На 4 слое - 15.На 5 - 10.На 6 - 5.7-ую копию слоя не трогаем.
7.Идем в ImageReady либо открываем окно анимации.В окне анимации создаем кадры из слоев.

8.Выставляем на всех кадрах время задержки 0,1.На последнем кадре делаем время 0,5.

9.Подписываем как хотим.
Сохраняем анимацию.Файл - >Cохранить оптимизированный как.
Если хотите уменшить размер.
Изображение -> Размер Изображения.

Из блога Надежды М.

Как загрузить формы в фотошоп. Урок.

Custom Shape Mix


Набор содержит 24 формы

Размер файла:: 372.26 Kb





30 Shapes Collection


Здесь вы найдете 30 форм

Размер файла:: 92.33 Kb








Как загрузить Shapes/Формы в Adobe Photoshop




Для
начала копируем файл с расширением .csh в папку с другими формами в
фотошоп, у меня это Program Files/Adobe/Adobe Photoshop
CS3/Presets/Custom Shapes.

Заходим в Adobe Photoshop,выбираем инструмент Custom Shape Tool (U) (1) и смотрим на скрин:

В
верхней части меню находим пиктограмку с изображением формы (2),
кликаем по рядом расположенной стрелочке, увидите выпадающее меню,
далее кликаем по круглой кнопочке справа (3), появится еще одно меню и
там выбираем пункт Load Shapes (4), в диалоговом окне выбираете файл с
формами и нажимаете Ок. После этого они появятся в окне (5) в самом
низу.