Про співтовариство

Для тех, кто любит работать в программе Фотошоп, хочет научиться приемам работы, хочет поделиться своими знаниями, кто любит просто смотреть и оценивать красивые работы, созданные мастерами компьютерной графики.
Вид:
короткий
повний

Фотошоп

Анимация бабочки. Урок Фотошоп для новичков.

Анимация бабочки.
Спасибо Sexy Lady.
Я обычно использую готовую картинку, вырезаю бабочку, размещаю на новом слое, зарисовываю дырку на фоне и анимирую, но новичкам советую пользоваться  клипартом бабочки. Урок может показаться новичку на первый взгляд сложным, но это не так - быстрее сделать, чем процесс описывать.
Подберите красивый фон, найдите клипарт-бабочку. Новичкам опять-таки советую выбрать вид сверху и под прямым углом. Открываем фон, перетаскиваем на него бабочку. Удобнее всего работать, когда, как я уже писала, вид сверху, под прямым углом. Всегда можно повернуть при помощи Edit -> Transform -> Rotate.
Дублируем слой. Выделяем одно крылышко. Я пользуюсь Magnetic Lasso Tool
( (24x20, 0Kb)). Выбираем Edit -> Transform -> Distort и "сужаем" крылышко.
 (371x333, 29Kb)
Тоже самое проделываем со вторым крылышком.
Дублируем слой сужаем крылышки еще. Получаем примерно следующее:

 (370x308, 27Kb)
Я хочу разместить бабочку под углом, поэтому выделяю слои с бабочками, как описывала выше, иду в меню Edit -> Transfom -> Rotate и поворачиваю - повернутся все три.
 (347x320, 26Kb)
Переходим в окно анимации - Window -> Animation. Дублируем кадры. Их будет 4.
 (277x123, 12Kb)
На первом кадре делаем видимыми первый (фон) и второй слой (снизу верх).
 (237x134, 7Kb)
На втором кадре - первый и третий, на третьем - первый и четвертый слой, на четвертом кадре снова первый и третий. Время показа кадра - 0,2. Первого кадра может быть и больше. Сохраняем через Save for Web в формате GIF.
 (543x425, 295Kb)

Текст с эффектом появления. Урок.

Текст с эффектом появления
В этом уроке мы научимся создавать анимашки с появляющимся и исчезающим текстом.





Итак, приступим :)

1. Открываем Adobe Photoshop и создаем новый документ вот с такими параметрами:





Должно получиться вот такое изображение:



Сетка серо-белого цвета на данном изображении обозначает прозрачность фона.


2. Выберем уже знакомый нам инструмент Horizontal Type Text  и напишем текст:



3. Мда… Текст как-будто размазан, да и вообще не впечатляет, скажете
Вы. Именно поэтому в Фотошопе существует такая замечательная вещь, как
стили! Посмотрим в панель Color и заметим вкладку справа, называющуюся
Styles (на рисунке выделено красным):



4. Нажмем на эту вкладку, и нам откроется панель с разнообразными
стилями, обозначенными маленькими квадратами. Теперь нажмем на кнопку,
выделенную на рисунке красным цветом:



В нижней части открывшегося меню представлены отдельные группы разнообразных стилей (на рисунке они отмечены красными точками):



5. Выберем, к примеру, группу Text Effects. В панели Styles высветится другая группа стилей:



Я выбрала самый первый стиль, Вы можете выбрать на свой вкус любой стиль из любой группы. Получаем вот такое изображение:



6. Теперь сохраняем наше изображение в формате Photoshop:





7. Запускаем Adobe ImageReady (В Photoshop CS3 и выше Image Ready нет.
Окошко анимации открывается через меню Window - Animation) и открываем
наш сохраненный файл. В окне Animation - 1 кадр:



8. В панели Layers уберем видимость последнего (и единственного) слоя:



9. В панели Animation (а также в самом документе) останется пустое
изображение. Создадим новый кадр, нажав кнопку, выделенную красным:




10.Далее переходим в панель слоев Layers и делаем видимым наш слой:



11. Теперь приступим к самой ответственной части нашей работы. Обратим
внимание на кнопку Tween, выделенную красным. Это кнопка создает
промежуточные кадры, таким образом, очень сильно облегчая работу
аниматора. Нажимаем эту кнопку:




На экране появляется окно с настройками промежуточных кадров.
Tween with – команда, с помощью которой можно выбрать, между какими
кадрами мы хотим сделать промежуточные (с предыдущим кадром или же с
первым);
Frames to Add - сколько промежуточных кадров мы хотим вставить;
Layers – все слои или только выделенные;
Parameters – по каким параметрам должны изменяться промежуточные кадры (позиция, прозрачность, эффекты)


12. Выбираем настройки, указанные на рисунке:



13. Нажимаем ОК и получаем 7 кадров. Далее создаем новый, восьмой, кадр:



14. Убираем видимость нашего слоя:






15. Снова переходим к созданию промежуточных кадров с помощью кнопки Tween:




Теперь мы имеем 13 кадров в панели Animation:




16. Перейдем к кадру под номером один. Зажав Shift, выделим первые шесть кадров, как показано на рисунке:




17. Теперь изменим время показа этих кадров на 0,1 секунды, нажав на любом из них:





Далее выставим время показа остальных кадров: 7 кадр – 1 секунда, 8 – 12 кадры – 0,1 секунды, 13 кадр – 1 секунда.


18.
Теперь выберем инструмент Crop Tool и обрежем нашу надпись. Выделим
нашу надпись и вне выделенной зоны (на рисунке показано стрелкой)
нажмем 2 раза левой кнопкой мыши:










19. Нажимаем кнопку Play в панели Animation, наслаждаемся результатом и сохраняем нашу анимашку:



Конечный результат:



Урок от Зины Муратиди.

Делаем скриншот, снимок экрана. Урок.


Иногда возникает потребность показать своему собеседнику то, что мы видим на своём мониторе. И как это сделать, если этот самый собеседник находится на другом конце планеты? Вот этому и будет посвящён мой маленький урок-подсказка:).
Делаем скриншот ( англ. screenshot), снимок экрана

Итак Вы что-то увидали на экране вашего дисплея, Вам совсем непонятное. Спрашиваете у кого-то, а он говорит:опиши. Но иногда просто не хватает знаний, а иногда и слов:Колобки:Хихикаю:, для того чтобы ЭТО описать.
Тогда найдите на клавиатуре вот эту кнопочку (положение приблизительно на клаве у всех одинаковое) и нажмите на неё (около секунды; просто иногда не успевает сработать при быстром нажатии).



Затем идём в меню "Пуск" - "Все программы" - "Сиандартные" - Paint



Когда открылась программка нажимаем сочетание клавиш Ctrl+V (вставить) и вместо белого листа появится Ваш снимок с экрана. Сохраняйте и можете смело отсылать.

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



Сверху на панели инструментов выбираем "Изменить изображение" и справа выбираем нужный инструмент "Обрезать" или "изменить размер" (или какой Вам требуется)



Сохраняйте изменённое изображение и отправляйте собеседнику

 

Урок от Ингрида.

Делаем дождь.Урок для Фотошоп.

Делаем дождь

Сегодня я выложу урок по созданию эффекта дождя.
Откройте вашу картинку.Убедитесь, что она стоит в режиме
RGB(Изоюражение-Режим-RGB).Если она слишком темная - то осветлите ее,
т.к.после "дождевого"эффекта она станет еще темнее.

Создайте новый слой ().

Редактирование-Выполнить заливку



В выпадающем меню выбираем "Черный".



Теперь добавляем шум (Фильтр-Шум-Добавить шум).



Ставим настройки:



Фильтр-Размытие-Размытие в движении



Настройки:



Ставим непрозрачность слоя на 30 %.



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



Непрозрачность ставим на 30%.

Опять повторяем предыдущие действия, для "Размытия в движении" ставим настройки:



Непрозрачность - 30%.

Теперь переходим в Image Ready () или, оставаясь в Фотошопе, достаем палитру анимации (окно-анимация).

Делаем видимым только два слоя:основной с картинкой и первый с шумом:



Создаем дубликат кадра (в палитре анимации щелкаем по ).

Во второом кадре анимации ставим настройки для слоев:видимые - основной слой и второй слой с шумом:



Опять создаем дубликат кадра и ставим настройки:видимые - основной слой и третий с шумом:



Готово!Вот что получилось:



Если ваша картинка как-то странно мигает, то значит, что у ваших слоев с шумом прозрачность отличается

Собираем пазлы.Урок.



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


1. Открыли картинку - перевели ее в слой 0 - применили фильтр - пазл
 
(У кого нет указанного фильтра можно просто разлиновать картинку на квадратики или прямоугольники.)

2. Здесь выбрали количество деталей по горизонтали и вертикали - я выбрала по 4.

3. Теперь важная деталь - СОЗДАЕМ НОВЫЙ СЛОЙ! - ЗАЛИВАЕМ ЕГО БЕЛЫМ ЦВЕТОМ!
И НА НЕМ ПРИМЕНЯЕМ ТОТ ЖЕ ФИЛЬТР - ПАЗЛ (ИМЕННО ТОТ ЖЕ - не меняем никаких значений!)

ВОТ СЕЙЧАС ВНИМАНИЕ - ГЛАВНОЕ НЕ ЗАПУТАТЬСЯ!!!
ВСЕ ПРОИСХОДИТ НА СЧЕТ 4 - ТАК БУДЕТ ПРОЩЕ!!!
4. СТОИМ на слое залитым белым цветом - ВЫДЕЛЯЕМ 1 кусочек пазла волшебной палочкой
5. ПЕРЕХОДИМ НА СЛОЙ С ОСНОВНОЙ КАРТИНКОЙ - нажимаем CTRL + J (либо
скопировать на новый слой) - получаем на новом слое этот скопированный
кусочек пазла

раз - встаем на белый слой
два - волшебная палочка
три - перешли на цветной слой
четыре - CTRL+J (либо скопировать на новый слой)

6. Когда проделали все с каждым кусочком пазла - ОТКЛЮЧАЕМ слой,
залитый белым цветом - получаем такую картинку -
в панели слоев - каждый кусочек пазла стоит на отдельном слое!

7. Теперь открываем анимацию - и выставляем на каждом кадре
в любом порядке по одному кусочку пазла

Либо можно просто повернуть их и расположить в хаотичном порядке - не применяя анимацию.

Рисуем круговой узор в фотошоп ( снежинка,например).

Рисуем снежинку.
Будем рисовать снежинку. :-)

Честно, сто лет не рисовала снежинок в фотошопе, т.к. в иллюстраторе намного проще. Так что рисовать буду отталкиваясь скорее от логики, чем от знаний. :-)
Мои умозаключения сводились к :

1. У снежинки 6 лучей.
2. Следовательно каждый луч должен быть вписан в треугольник с углом в 60 градусов (360:6=60), т.е.
3. Каждый луч должен быть симметричен относительно своей центральной оси, значит 60 градусов нам надо поделить пополам = 30 градусов.
4. Короче, надо нарисовать треугольник с углами - 60-90-30 :)))

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

Итак скачиваем этот треугольник и открываем его в фотошопе:


Нажимаем сочетание клавиш Ctrl+A (выделить все) или так:


Теперь сочетание клавиш Ctrl +C (копировать), или так:


Нажимаем сочетание клавиш Ctrl+N (файл, новый), или так:


В открывшемся окне проставляем такие параметры (например - такие. Вы можете делать картинку меньше):


Файл открылся. Теперь нажимаем сочетание клавиш Ctrl+V (вставить) или так (редактирование, вставить):


Вышло так:


Берем инструмент перемещение:


И тянем наш треугольник (с зажатой клавише Shift ) вверх, чтобы наш нижний угол (30 градусов) оказался в центре файла, примерно так:

Особая точность тут не нужна, делаем приблизительно.

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


Дальше, просто для удобства, нажимаем сочетание клавиш Ctrl++ , чтобы нам оучше видно, что рисуем. В результате окно фотошопа выглядит примерно так (нам важен только рисунок в этом черном треугольнике):


Берем инструмент форма:


Настройки ставим такие (честно говоря, лучше рисовать пером, там удобнее с доугими настройками, но сейчас будем делать пока так):


Ставим белый цвет:


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

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

Итак создаем новый слой (кликом по стрелке на первом скрине), результат рядом (второй скрин):


Инструмент форма у нас уже выбран, поэтому просто кликаем правой клавишей по файлу и в выпавшем списке выбираем форму. Например эту:


Если у вас открыты другие формы, - то выбираем All (все) кликом по треугольничку (красная стрелка), выбираем (зеленая стрелка):


Для сохранения пропорций - удерживаем клавишу Shift при рисовании. Соответственно, если пропорции нас не интересуют, - то ничего не удерживаем :-) Да, и еще, - не надо сильно стараться, мы все модправим и подгоним :-) за края исходного черного треугольник тоже смело выезжаем))))
Вышло, допустим, так:


Как видно на предыдущем скрине, мы продолжаем стоять на слое, где рисовали форму. Теперь нажимаем сочетание клавиш Ctrl+T, чтобы перейти в режим трансформации. Вокруг нашей фигуры появился ограничительный прямоугольник. Поворачиваем, как нам надо, подведя к уголку, уменьшаем с зажатой клавишей Shift. Я сделала так:


Нажимаем клавишу Enter для выхода из режима трансформации.


В палитре слоев создаем новый слой (это мы уже умеем) и рисуем следующую фигуру. Я нарисовала так (первый скрин), перешла в режим трансформации (Ctrl+T) и повернула фигуру так (второй скрин):


Дальше рисуем, используя любые формы, не боимся никуда заезжать и не забываем главное Каждая фигура на новом слое!. У меня вышло так :

я специально вынесла на синий фон, чтобы было видно. Фон уберу, конечно)))


Теперь с зажатой клавишей Ctrl щелкаем по нашему нижнему слою с треугольником, сюда, по иконке слоя:


Как видите, треугольник у нас выделился.

Теперь инвертируем выделение (Ctrl+Sift+I), или так:


Убираем замочек с треугольника (скрин 1) и удаляем слой с этим треугольником (скрин 2 - просто перетаскиваем его в корзину):


Сливаем слои (Shift+Ctrl+E) или так:


Жмем клавишу Delete. Вышло примерно так. Снимаем выделение (Ctrl+D) или так:


Я создала новый слой и залила его контрастным цветом, чтобы лучше видеть, потом его удалю. Вам тоже советую.
Дублируем наш слой, можно так (клик правой клавишей в палитре слоев по слою) и дубликат слоя:


Отражаем новый слой по горизонтали:

Удобнее все клавишами. (Ctrl+Alt+t)

Стрелкой "влево" или с зажатой клавишей Shift перетаскиваем слой так:


Стрелками удобнее, и стараемся совместить максимально точно :-)

Сливаем слои с частями снежинки.. Можно выделить их в палитре слоев с зажатой клавишей Shift (оба слоя выделятся синим), щелкнуть правой клавишей по любому из этих двух слоев и выбрать.. не знаю , как в русском, но типа "объединить слои", а вообще смотрим по скрину:


Результат такой и стоим на слое со снежинкой:


Нажимаем сочетание клавиш Ctrl+Alt +T (Вот отсюда очень внимательно :-)
Видите, у нас появился ограничительный прямоугольник, а в середине его маленький кружочек? Вот этот кружочек надо перетащить сюда (по желтой стрелке), в центр нашей будущей снежинки (тянем с зажатой клавишей Shift):


Вверху проставляем угол 60 градусов, здесь:


Жмем клавишу Enter. У меня вышло так:


Лучше максимально увеличить видимость картинки, чтобы поточнее переместить центр.

Теперь все просто :-))) Нажимаем сочетание клавиш Cnrl+Sift+Alt+T еще 4 раза.

Вышло так:


Наша снежинка практически готова. Удаляем нижний контрастный слой. Сливаем слои. Сохраняем картинку в Png.


Я перекрасила только:


Всем удачи и вдохновения))))

Делаем анимацию.Урок для новичков в фотошопе.

урок для новичков в ф/шопе
 (300x267, 75Kb)
создаем новый документ
у меня 450 на 400
фон +рамка и все дела на ваше усмотрение
===========
вот всё это у меня готово..
 (450x399, 50Kb)
открываю новую картинку. она у меня на белом фоне.
фон убираю ВОЛШЕБНЫМ ЛАСТИКОМ
 (483x411, 114Kb)
===========
И левой кнопкой мыши-перетаскиваю этот исходник на свою открытку
 (450x437, 180Kb)
==============
как видно - исходник больше открытки. уменьшаем его
РЕДАКТИРОВАНИЕ-СВОБОДНОЕ ТРАНСФОРМИРОВАНИЕ
 (450x419, 56Kb)
=========
нажимает на (170x127, 14Kb)
==============
и в открывшемся окне
 (450x151, 16Kb)
===========
вот так у меня расположены слои
 (450x332, 42Kb)
=============
нам надо эту девочку спрятать за слой с текстом
просто перетаскиваем слой с текстом вверх(нажмите на слой с текстом левой кнопкой мыши)
слои расположились вот так и девочка теперь за этим слоем
 (450x388, 50Kb)
------------------
дубЛируем картинку Ctrl+J ДВА РАЗА
 (309x500, 34Kb)
=================
НИЖНИЙ СЛОЙ С ДЕВОЧКОЙ СТАВИМ САМЫМ ВЕРХНИМ
 (272x447, 69Kb)
=================
вот так
 (161x349, 37Kb)
=================
он нам не нужен и мы отключаем глазок на этом слое-девочка пропала:)
=================
выделяем и ВКЛючаем глазок вот на этом слое
работаем с ним
РЕДАКТИРОВАНИЕ-СВОБОДНОЕ ТРАНСФОРМИРОВАНИЕ
 (350x449, 104Kb)
поворачиваем стрелочку слево
 (631x352, 60Kb)
когда повернули до нужного вам положения -ПРИМЕНЯЕМ
=====================
вызываем окно анимации и сохраняем
я сохранила вот так.дам скрины слоев-где на каком кадре -какой слой включен.
 (450x337, 43Kb)
дублирую в окне анимации первый кадр и переключаю окна
 (450x338, 138Kb)
 (450x343, 145Kb)
результат вы уже видели.
анимация получилась короткая..если хотите ее продлить
добавьте еще два последних кадра