Все игры
Запись

64 урока фотошопа


Задание:
Скачайте, установите и русифицируйте photoshop.

И не забудьте ответить на опрос здесь!

начало здесь
Блог Lorhen




я


Нравится

Вы не можете комментировать, т.к. не авторизованы.


Eлена Викторовна Я      10-03-2013 13:18 (ссылка)
Друзья, судя по комментам к вводному уроку, некоторые столкнулись с тем, что программа у них не запускается. Как выяснилось, это потому, что у них стоит операционная система либо виндоус виста, либо виндоус семёрка.
У кого возникла такая проблема, почитайте комментарии. Там люди советуют либо в свойствах, в окне "исправление неполадок совместимости" сделать диагностику, либо установить тогда совместимый фотошоп с системой CS5. (Читать тут).
Коль уж мы замутили такую тусовку, давайте будем друг другу помогать. Смотрите в комментах, кто что пишет и по возможности отвечайте  друг другу.

Перейдём к уроку.

Открываем фотошоп. Все наши нужные окна (панели) открыты. Если открыто окно ИСТОРИЯ, закройте его.

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

...

Вот она встала в два столбика.

...

Этой же стрелочкой панель инструментов можно вернуть в предыдущий вид.

Теперь кликаем на инструмент ПЕРЕМЕЩЕНИЕ, он становится активным и вверху под МЕНЮ программы появляется панель для его настроек. Это нам пока не нужно. Но вот что нам нужно обязательно - это поставить галочку возле ПОКАЗАТЬ УПРАВЛЯЮЩИЕ ЭЛЕМЕНТЫ.

...

И так ....подведём маленький итог.1. ВСЕГДА при КАЖДОМ ОТКРЫТИИ ПРОГРАММЫ настраиваем панель инструментов в два столбика.
2. ВСЕГДА при КАЖДОМ ОТКРЫТИИ ПРОГРАММЫ ставим галочку возле ПОКАЗАТЬ УПРАВЛЯЮЩИЕ ЭЛЕМЕНТЫ.
Потом поймёте для чего я сейчас вам это говорю, а пока просто делайте эти два пункта при каждом открытии программы.

Ну давайте поробуем сделать что нибудь простенькое.

Например, возьмём эту картинку.

...

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

Как видим, лицо полковника в чёрной рамке. Открываем эту картинку в программе.
Для этого в МЕНЮ жмём ФАЙЛ - ОТКРЫТЬ и через обзор находим на рабочем столе нашу картинку.

...

Нашли? кликаем на неё и жмём ОТКРЫТЬ

Картинка открылась в фотошопе и появилась в панели слоёв.

...

Давайте внимательно рассмотрим панель слоёв.

Ну сначала попытаюсь объяснить, что такое слой. Слой - это типа кадр. Так как у нас сейчас картинка не анимационная, то в ней всё изображение и полковника и рамки чёрной вокруг него как бы на одном листе, то есть слое. Значит и в панели слоёв он  отобразился одним слоем. Когда создаётся анимация, то делается много слоёв. На каждом из них создаётся что то разное, а потом, следуя друг за другом эти кадры чередуются, и получается эффект движения, то есть анимации. Ну по принципу киноплёнки. мы смотрим с вами по телевизору кино за счёт того, что в нём чередуются друг за другом кадры. Кино - это как бы большая анимация. Это я уж так образно, чтобы вы понимали, для чего слои.

И так смотрим на панель слоёв. Видим на нашем слое глазик и замочек.

...

Замочек говорит нам о том, что картинка как бы заблокирована ещё для дальнейших действийи и является задним планом.
Поэтому, чтобы начать что то делать с данной картинкой, нам нужно её разблокировать, то есть снять этот замочек.
Для этого кликнем по замочку двойным щелчком левой кнопки мыши, затем в открывшемся окне нажмём ДА .
Замочек исчез а надпись ЗАДНИЙ ПЛАН сменилась на СЛОЙ 0.
Вот теперь мы можем с ним делать всё, что нашей душе угодно.

Значит, к тем двум пунктам :
1. ВСЕГДА при КАЖДОМ ОТКРЫТИИ ПРОГРАММЫ настраиваем панель инструментов в два стобика.
2. ВСЕГДА при КАЖДОМ ОТКРЫТИИ ПРОГРАММЫ ставим галочку возле ПОКАЗАТЬ УПРАВЛЯЮЩИЕ ЭЛЕМЕНТЫ.
   добавим третий:
3. ВСЕГДА при КАЖДОМ ОТКРЫТИИ ПРОГРАММЫ в открытом файле снимаем замочек со слоя в панели слоёв.

Глазик - это видимость слоя. Щёлкнув по нему, он исчезнет и слой станет невидимым и глазик исчезнет.
Снова кликнем в пустом квадратике - глазик появится и слой станет видимым. Попробуйте!

И так....глазик включен, замочек снят.
Активируем инструмент ВЫДЕЛЕНИЕ. (активируем - значит выбираем, то есть кликаем на него)

...

(Если кликнуть на этот инструмент правой кнопкой мыши - откроется окошко с его разновидностями.
Пока у нас стоит прямоуголное выделение. им и поработаем.

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

Нужная нам область выделилась и мы видим типа пунктирный прямоуголник.
(Если у вас выделилось как то так, что вам не нравится. вы всегда можете вернуться на шаг назад.
МЕНЮ - РЕДАКТИРОВАНИЕ - ШАГ НАЗАД. и снова произвести выделение. Этой возможностью так же можно пользоваться на всех этапах работы в программе.

...

Теперь нажмём на клавиатуре клавишу Delete и наша выделенная область удалиться.
осталась только рамка.

теперь нам нужно убрать это пунктирное выделение.
Для этого идём МЕНЮ - ВЫДЕЛЕНИЕ - ОТМЕНИТЬ ВЫДЕЛЕНИЕ.

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

Теперь вернёмся на исходную позицию....то есть туда, где картинка была ещё без выделения.
Для этого можно пойти путём МЕНЮ - РЕДАКТИРОВАНИЕ - ШАГ НАЗАД и сделать столько шагов, пока не будет картинка в том виде, какая была первоначально. А можно пойти другим путём. МЕНЮ - ОКНО - ИСТОРИЯ. Откроется окошко с историей всех действий. в нём кликаем на ОТКРЫТЬ. Это было наше первое действие, когда мы открыли картинку в программе.

...

Всё. Картинка появилась в первоначальном виде.

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

...

Теперь идём МЕНЮ - ВЫДЕЛЕНИЕ - ИНВЕРСИЯ.
(Инверсия - это действие - противоположное исходному)

...

Появилось второе пунктирное выделение. Теперь наша рамка оказалась внутри двух выделений. Иными словами эти два выделения выделили нам область рамки.

...

Теперь на клавиатуре нажмём Delete и рамка удалиться.

...

Видим, что выделение ещё осталось. Его нужно убрать. Для этого идём МЕНЮ - ВЫДЕЛЕНИЕ - ОТМЕНИТЬ ВЫДЕЛЕНИЕ.

Теперь смотрите. Вокруг картинки нашей образовалось пустое место. То есть картинка стала меньше, чем первоначальный файл. Давайте её растянем под размер файла.
Для этого активируем инструмент ПЕРЕМЕЩЕНИЕ. Вокруг изображения появились квадратики. Так вот.эти квадратики и есть управляющие элементы. Помните, я вам говорила, что при открытии программы всегда первым делом поставить панель инструментов в два стобика и поставить галочку на ПОКАЗЫВАТЬ УПРАВЛЯЮЩИЕ ЭЛЕМЕНТЫ. Если бы сейчас эта галочка не стояла, эти уголочки для растягивания вам были бы не видны. И так тянем за эти уголочки и подгоняем под размер файла.

...

Когда растянули так как нужно, жмём на клавиатуре клавишу ЭНТЕР для сохранения изменения.
Либо в панели МЕНЮ кликнуть по галочке. Это одно и тоже, что и Энтер.
В результате у вас должно получиться так

...
(Кстати, этими же управляющими элементами можно наоборот и уменьшить изображение.)

Ну всё. Работа наша готова, задача выполнена и теперь можно сохранить наше изображение на рабочий стол.
Для этого идём МЕНЮ - ФАЙЛ - СОХРАНИТЬ КАК.
...

В открывшемся окне выбираем для сохранения РАБОЧИЙ СТОЛ, в строке ИМЯ ФАЙЛА стираем то, что там написано и даём название . Например напишем полковник.
В строке ТИП ФАЙЛА кликаем на стрелочку и в выпавшем окошке выбираем JPEG и СОХРАНИТЬ.

...

После чего выскочит окошко, в котором жмём ДА.

...

Картинка благополучно появилась на рабочем столе.
...

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

Ну вот, пожалуй, на сегодня всё.
Давайте подведём итог, чему мы сегодня научились:

1. Открывать файл в программе.
2. Узнали, что такое слой.
3. Узнали, как разблокировать слой (снять замочек).
4. Познакомились с инструментов ПРЯМОУГОЛЬНОЕ ВЫДЕЛЕНИЕ.
5. Научились выделять и удалять внутреннюю часть изображения.
6. Научились выделять и удалять наружную часть изображения (рамку) при помощи инверсии.
7. Познакомились с инструментом ПЕРЕМЕЩЕНИЕ.
8. Научились увеличивать и уменьшать изображение при помощи управляющих элементов.
9. Научились сохранять работу на рабочий стол.
10.Научились очищать рабочий стол программы и закрывать ёё.


Должны запомнить:
1. ВСЕГДА при КАЖДОМ ОТКРЫТИИ ПРОГРАММЫ настраиваем панель инструментов в два стобика.
2. ВСЕГДА при КАЖДОМ ОТКРЫТИИ ПРОГРАММЫ ставим галочку возле ПОКАЗАТЬ УПРАВЛЯЮЩИЕ ЭЛЕМЕНТЫ.
3. ВСЕГДА при КАЖДОМ ОТКРЫТИИ ПРОГРАММЫ в открытом файле снимаем замочек со слоя в панели слоёв.

==================================================

Домашнее задание:
1. Выполнить урок.
2. Выбрать в инете два любых изображения и проделать с ними урок.
3. В комментарии выложить исходное изображение и изображение, которое у вас получилось после инверсии. (то есть удаления наружной части изображения (рамки)). Для урока лучше возьмите какие нибудь изображения в рамке, или те же демотиваторы. То есть вы должны показать исходник, например, как полковник был в начале в рамке и второе изображение, которое мы сохранили на рабочий стол, увеличив его и без рамки. Но это должны быть ваши изображения.

P.s.. Все действия выполняйте обдуманно, чтобы вы понимали для чего что делается. Всю писанину, которую я писала два дня, на самом деле можно выполнить  минут за 5. Это я  очень подробно всё расписала. Не переходите к следующему уроку, пока не сделаете этот. 
Уроки будут под номерами и все храниться в сообществе. Время, которое я отвожу для каждого урока - это скорее для тех, кто выполнит быстро и ждать подолгу им тоже не интересно.

=======================================================

Следующий урок будет опубликован 15 марта в 12.00 по московскому времени

=======================================================

Удачи!
С теплом Милледи Малиновская

 Сообщество ХОЧУ ВСЁ ЗНАТЬ.......

Елена ПЕВ      11-03-2013 11:28 (ссылка)
Re: уроки фотошоп от Милледи Малиновской.
Друзья, судя по комментам к вводному уроку, некоторые столкнулись с тем, что программа у них не запускается. Как выяснилось, это потому, что у них стоит операционная система либо виндоус виста, либо виндоус семёрка.
У кого возникла такая проблема, почитайте комментарии. Там люди советуют либо в свойствах, в окне "исправление неполадок совместимости" сделать диагностику, либо установить тогда совместимый фотошоп с системой CS5. (Читать тут).
Коль уж мы замутили такую тусовку, давайте будем друг другу помогать. Смотрите в комментах, кто что пишет и по возможности отвечайте  друг другу.

Перейдём к уроку.

Открываем фотошоп. Все наши нужные окна (панели) открыты. Если открыто окно ИСТОРИЯ, закройте его.

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

...

Вот она встала в два столбика.

...

Этой же стрелочкой панель инструментов можно вернуть в предыдущий вид.

Теперь кликаем на инструмент ПЕРЕМЕЩЕНИЕ, он становится активным и вверху под МЕНЮ программы появляется панель для его настроек. Это нам пока не нужно. Но вот что нам нужно обязательно - это поставить галочку возле ПОКАЗАТЬ УПРАВЛЯЮЩИЕ ЭЛЕМЕНТЫ.

...

И так ....подведём маленький итог.1. ВСЕГДА при КАЖДОМ ОТКРЫТИИ ПРОГРАММЫ настраиваем панель инструментов в два столбика.
2. ВСЕГДА при КАЖДОМ ОТКРЫТИИ ПРОГРАММЫ ставим галочку возле ПОКАЗАТЬ УПРАВЛЯЮЩИЕ ЭЛЕМЕНТЫ.
Потом поймёте для чего я сейчас вам это говорю, а пока просто делайте эти два пункта при каждом открытии программы.

Ну давайте поробуем сделать что нибудь простенькое.

Например, возьмём эту картинку.

...

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

Как видим, лицо полковника в чёрной рамке. Открываем эту картинку в программе.
Для этого в МЕНЮ жмём ФАЙЛ - ОТКРЫТЬ и через обзор находим на рабочем столе нашу картинку.

...

Нашли? кликаем на неё и жмём ОТКРЫТЬ

Картинка открылась в фотошопе и появилась в панели слоёв.

...

Давайте внимательно рассмотрим панель слоёв.

Ну сначала попытаюсь объяснить, что такое слой. Слой - это типа кадр. Так как у нас сейчас картинка не анимационная, то в ней всё изображение и полковника и рамки чёрной вокруг него как бы на одном листе, то есть слое. Значит и в панели слоёв он  отобразился одним слоем. Когда создаётся анимация, то делается много слоёв. На каждом из них создаётся что то разное, а потом, следуя друг за другом эти кадры чередуются, и получается эффект движения, то есть анимации. Ну по принципу киноплёнки. мы смотрим с вами по телевизору кино за счёт того, что в нём чередуются друг за другом кадры. Кино - это как бы большая анимация. Это я уж так образно, чтобы вы понимали, для чего слои.

И так смотрим на панель слоёв. Видим на нашем слое глазик и замочек.

...

Замочек говорит нам о том, что картинка как бы заблокирована ещё для дальнейших действийи и является задним планом.
Поэтому, чтобы начать что то делать с данной картинкой, нам нужно её разблокировать, то есть снять этот замочек.
Для этого кликнем по замочку двойным щелчком левой кнопки мыши, затем в открывшемся окне нажмём ДА .
Замочек исчез а надпись ЗАДНИЙ ПЛАН сменилась на СЛОЙ 0.
Вот теперь мы можем с ним делать всё, что нашей душе угодно.

Значит, к тем двум пунктам :
1. ВСЕГДА при КАЖДОМ ОТКРЫТИИ ПРОГРАММЫ настраиваем панель инструментов в два стобика.
2. ВСЕГДА при КАЖДОМ ОТКРЫТИИ ПРОГРАММЫ ставим галочку возле ПОКАЗАТЬ УПРАВЛЯЮЩИЕ ЭЛЕМЕНТЫ.
   добавим третий:
3. ВСЕГДА при КАЖДОМ ОТКРЫТИИ ПРОГРАММЫ в открытом файле снимаем замочек со слоя в панели слоёв.

Глазик - это видимость слоя. Щёлкнув по нему, он исчезнет и слой станет невидимым и глазик исчезнет.
Снова кликнем в пустом квадратике - глазик появится и слой станет видимым. Попробуйте!

И так....глазик включен, замочек снят.
Активируем инструмент ВЫДЕЛЕНИЕ. (активируем - значит выбираем, то есть кликаем на него)

...

(Если кликнуть на этот инструмент правой кнопкой мыши - откроется окошко с его разновидностями.
Пока у нас стоит прямоуголное выделение. им и поработаем.

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

Нужная нам область выделилась и мы видим типа пунктирный прямоуголник.
(Если у вас выделилось как то так, что вам не нравится. вы всегда можете вернуться на шаг назад.
МЕНЮ - РЕДАКТИРОВАНИЕ - ШАГ НАЗАД. и снова произвести выделение. Этой возможностью так же можно пользоваться на всех этапах работы в программе.

...

Теперь нажмём на клавиатуре клавишу Delete и наша выделенная область удалиться.
осталась только рамка.

теперь нам нужно убрать это пунктирное выделение.
Для этого идём МЕНЮ - ВЫДЕЛЕНИЕ - ОТМЕНИТЬ ВЫДЕЛЕНИЕ.

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

Теперь вернёмся на исходную позицию....то есть туда, где картинка была ещё без выделения.
Для этого можно пойти путём МЕНЮ - РЕДАКТИРОВАНИЕ - ШАГ НАЗАД и сделать столько шагов, пока не будет картинка в том виде, какая была первоначально. А можно пойти другим путём. МЕНЮ - ОКНО - ИСТОРИЯ. Откроется окошко с историей всех действий. в нём кликаем на ОТКРЫТЬ. Это было наше первое действие, когда мы открыли картинку в программе.

...

Всё. Картинка появилась в первоначальном виде.

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

...

Теперь идём МЕНЮ - ВЫДЕЛЕНИЕ - ИНВЕРСИЯ.
(Инверсия - это действие - противоположное исходному)

...

Появилось второе пунктирное выделение. Теперь наша рамка оказалась внутри двух выделений. Иными словами эти два выделения выделили нам область рамки.

...

Теперь на клавиатуре нажмём Delete и рамка удалиться.

...

Видим, что выделение ещё осталось. Его нужно убрать. Для этого идём МЕНЮ - ВЫДЕЛЕНИЕ - ОТМЕНИТЬ ВЫДЕЛЕНИЕ.

Теперь смотрите. Вокруг картинки нашей образовалось пустое место. То есть картинка стала меньше, чем первоначальный файл. Давайте её растянем под размер файла.
Для этого активируем инструмент ПЕРЕМЕЩЕНИЕ. Вокруг изображения появились квадратики. Так вот.эти квадратики и есть управляющие элементы. Помните, я вам говорила, что при открытии программы всегда первым делом поставить панель инструментов в два стобика и поставить галочку на ПОКАЗЫВАТЬ УПРАВЛЯЮЩИЕ ЭЛЕМЕНТЫ. Если бы сейчас эта галочка не стояла, эти уголочки для растягивания вам были бы не видны. И так тянем за эти уголочки и подгоняем под размер файла.

...

Когда растянули так как нужно, жмём на клавиатуре клавишу ЭНТЕР для сохранения изменения.
Либо в панели МЕНЮ кликнуть по галочке. Это одно и тоже, что и Энтер.
В результате у вас должно получиться так

...
(Кстати, этими же управляющими элементами можно наоборот и уменьшить изображение.)

Ну всё. Работа наша готова, задача выполнена и теперь можно сохранить наше изображение на рабочий стол.
Для этого идём МЕНЮ - ФАЙЛ - СОХРАНИТЬ КАК.
...

В открывшемся окне выбираем для сохранения РАБОЧИЙ СТОЛ, в строке ИМЯ ФАЙЛА стираем то, что там написано и даём название . Например напишем полковник.
В строке ТИП ФАЙЛА кликаем на стрелочку и в выпавшем окошке выбираем JPEG и СОХРАНИТЬ.

...

После чего выскочит окошко, в котором жмём ДА.

...

Картинка благополучно появилась на рабочем столе.
...

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

Ну вот, пожалуй, на сегодня всё.
Давайте подведём итог, чему мы сегодня научились:

1. Открывать файл в программе.
2. Узнали, что такое слой.
3. Узнали, как разблокировать слой (снять замочек).
4. Познакомились с инструментов ПРЯМОУГОЛЬНОЕ ВЫДЕЛЕНИЕ.
5. Научились выделять и удалять внутреннюю часть изображения.
6. Научились выделять и удалять наружную часть изображения (рамку) при помощи инверсии.
7. Познакомились с инструментом ПЕРЕМЕЩЕНИЕ.
8. Научились увеличивать и уменьшать изображение при помощи управляющих элементов.
9. Научились сохранять работу на рабочий стол.
10.Научились очищать рабочий стол программы и закрывать ёё.


Должны запомнить:
1. ВСЕГДА при КАЖДОМ ОТКРЫТИИ ПРОГРАММЫ настраиваем панель инструментов в два стобика.
2. ВСЕГДА при КАЖДОМ ОТКРЫТИИ ПРОГРАММЫ ставим галочку возле ПОКАЗАТЬ УПРАВЛЯЮЩИЕ ЭЛЕМЕНТЫ.
3. ВСЕГДА при КАЖДОМ ОТКРЫТИИ ПРОГРАММЫ в открытом файле снимаем замочек со слоя в панели слоёв.

==================================================

Домашнее задание:
1. Выполнить урок.
2. Выбрать в инете два любых изображения и проделать с ними урок.
3. В комментарии выложить исходное изображение и изображение, которое у вас получилось после инверсии. (то есть удаления наружной части изображения (рамки)). Для урока лучше возьмите какие нибудь изображения в рамке, или те же демотиваторы. То есть вы должны показать исходник, например, как полковник был в начале в рамке и второе изображение, которое мы сохранили на рабочий стол, увеличив его и без рамки. Но это должны быть ваши изображения.

P.s.. Все действия выполняйте обдуманно, чтобы вы понимали для чего что делается. Всю писанину, которую я писала два дня, на самом деле можно выполнить  минут за 5. Это я  очень подробно всё расписала. Не переходите к следующему уроку, пока не сделаете этот. 
Уроки будут под номерами и все храниться в сообществе. Время, которое я отвожу для каждого урока - это скорее для тех, кто выполнит быстро и ждать подолгу им тоже не интересно.

=======================================================

Следующий урок будет опубликован 15 марта в 12.00 по московскому времени

=======================================================

Удачи!
С теплом Милледи Малиновская

 Сообщество ХОЧУ ВСЁ ЗНАТЬ.......


http://my.mail.ru/community...

Елена ПЕВ      11-03-2013 11:34 (ссылка)
по 1 уроку от Вики было так. а так стало
Елена ПЕВ      15-03-2013 18:02 (ссылка)
Re: уроки фотошоп от Виктории.
Результат урока:



Прежде, чем начнём урок, хочу сказать следующее.
Судя по первому уроку и  работам, которые выложены в комментах, видно, что все выполняют
уроки с желанием, с удовольствием. Это очень приятно. 
Так же очень приятно, что Вы читаете  комменты друг друга и помогаете в похожих проблемах.
Но хочу попросить Вас вот о чём. Некоторые брали за исходники анимашки......видимо в пятёрке они открываются и на них делали урок. А в это время у других новичков паника, почему у них не получилось анимашки.  
Хотя мы анимацию и не делали.
Поэтому, очень прошу всех брать такие исходники, которые беру я. (В смысле формата).
То есть, если я беру простые картинки, то и вы берите простые.

Теперь второй момент. 
У некоторых что то не получается и они для этого создают новую тему в сообществе.
Этого делать не нужно. Такие записи я отклоняю при модерации.
Все свои вопросы и проблемы побликуйте в комментах под тем уроком, который выполняете.
Там вам быстрее всё разъяснят и разъяснение вашей проблемы поможет другим людям с похожей проблемой.

И ещё...заметила, что некоторые публикуют свои работы с ошибками.  
Я говорю, что есть ошибки и нужно исправить.
Они переделывают работу, выкладывают по новой, а предыдущие с ошибками удаляют.Этого делать тоже не нужно. Многие перед выполнением урока снчала смотрят, что сделали
другие люди , дабы учесть ошибки и не допустить в своей работе.

Ну и как дополнение, прошу у всех извенения за свои опечатки. Когда я пишу уроки, 
я совершенно не могу думать о правильном написании, так как одновременно пишу урок,
тут же проделываю все шаги в программе, тут же делаю скрины и тут же отвечаю на ваши комменты.
Потом даже когда перечитываю готовый урок , уже не вижу ни чего))) потому что по 10 раз внимательно
перечитываю, всё ли я подробно описала.)))) Так что не судите строго))

Открываем программу.
Вспоминаем наши три правила при открытии программы.
1. Ставим панель инструментов в два столбика.
2. Выбираем инструмент ПЕРЕМЕЩЕНИЕ и ставим галочку ПОКАЗЫВАТЬ УПРАВЛЯЮЩИЕ ЭЛЕМЕНТЫ.

Открываем снова изображение нашего полковника (можете своё).
МЕНЮ - ФАЙЛ - ОТКРЫТЬ. Через обзор выбираем нужную картинку и она появляется на рабочем столе программы.
3. Снимаем замочек в панели слоёв.
Изображение готово к обработке.

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



Захвытываем нужную область, так же тянем крестик, зажав левую кнопку мыши.Овальное выделение делать чуть сложнее, чем прямоуголное.
Если захватили как то не так, как нужно - сделайте ШАГ НАЗАД и снова повторите попытку.




Теперь идём МЕНЮ - ВЫДЕЛЕНИЕ - ИНВЕРСИЯ.

Выделилось всё, что за пределами нашего круга.




Нажмём на клавиатуре кнопку Delete и всё ненужное удалится.




Выделение осталось. Его нужно тоже убрать. Для этого идём МЕНЮ - ВЫДЕЛЕНИЕ - ОТМЕНИТЬ ВЫДЕЛЕНИЕ.

Смотрите. Под картинкой у нас не стало фона.
Изображения такого вида называются картинкой на прозрачном фоне (или клипарт)
и сохраняются в формате PNG.
Давайте мы сейчас это и проделаем. Сохраним её в формате PNG.
Идём МЕНЮ - ФАЙЛ - СОХРАНИТЬ КАК.
В открывшемся  окне делаем это  и сохраняем.




Всё. Картинка должна появиться на рабочем столе.
Если вы её` сохраните в формате JPEG, то она сохранится на белом фоне. 
Давайте тоже её так сохраним. Потом поймёте для чего.

Опять идём  в МЕНЮ - ФАЙЛ - СОХРАНИТЬ КАК.
В открывшемся окне делаем так.



Картинка тоже должна появиться на рабочем столе. Пусть эти два избражения пока хранятся у нас на рабочем столе. Они нам понадобятся позже. А мы пока вернёмся к нашему изображению в фотошопе.

Смотрите. Как не красиво выглядит наше изображение. Очень уж простенько. Топорно.
Давайте с ним что нибудь поделаем.

Посмотрим на панель слоёв. там в самом низу есть несколько иконок.
Если навести на них курсор - будет подсказка для чего она нужна.
Давайте нажмём на вторую.
Под ней кроются стили слоя (параметры наложения), то есть различные эффекты,
которые можно накладывать на слои.
В нашем случае  у нас всего один слой.




Откроется окошко. Чего там только нет. Давайте мы возьмём ТИСНЕНИЕ.




Откроется окно с настройками тиснения. 
Обратите внимание, чтобы обязательно стояла галочка на ПРОСМОТРЕ.
Она позволит видеть вам все варианты, которые вы будете пробовать до тех пор,
пока вас всё не устроит и не нажмёте кнопку ДА.






А вот теперь начинайте тут всё крутить, двигать все бегунки, открывайте то,
что под стрелочками и там всё меняйте по очереди.
Одним словом, пробуйте всё подряд до тех пор, пока вам не понравится ваше изображение.
Только после этого жмём ДА и все изменения сохранятся. Но даже, если вы ошибочно нажали ДА 
и сохранился  результат, который вовсе и не нужен, помните, есть возможность вернуться на шаг назад.
(МЕНЮ - РЕДАКТИРОВАНИЕ - ШАГ НАЗАД), ну или открыть окно ИСТОРИЯ и там встать на исходную позицию.




Я поставила такие настройки и нажала ДА.



Как видно, изображение стало немного выпуклым.

Теперь давайте снова нажмём на вторую иконку внизу панели слоёв и выберем там ВНЕШНЕЕ СВЕЧЕНИЕ.

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

Я сделаала так и у меня вокруг изображения появилось синее внешнее свечение.




Но что то мне показалось мало и я снова пошла во вторую иконку
на понели слоёв внизу и выбрала ВНУТРЕННЕЕ СВЕЧЕНИЕ.

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



Как видите, добавилось красное внутреннее свечение. Уже смотрится наше изображение  лучше.

Теперь можно работу сохранить.
Идём МЕНЮ - ФАЙЛ - СОХРАНИТЬ КАК и в открывшемся окне выбираем формат PNG.
Картинка появилась на рабочем столе.
Теперь у нас там три полковника. На прозрачном фоне, на белом  и этот, с эффектами.
Все они нам понадобятся на следующий урок.

Ну вот, пожалуй, на сегодня всё.Давайте подведём итог, чему мы сегодня научились:

1. Познакомились с инструментов ОВАЛЬНОЕ ВЫДЕЛЕНИЕ.
2. Нуучились сохранять файл на прозрачном фоне в формате PNG.
3. Познакомились с параметрами наложения слоя: ТИСНЕНИЕ, ВНЕШНЕЕ СВЕЧЕНИЕ, ВНУТРЕННЕЕ СВЕЧЕНИЕ.
=====================================================================

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

=====================================================================

Следующий урок будет опубликован 20 марта в 12.00 по мск.

=====================================================================

Удачи!
С теплом Милледи Малиновская

 Сообщество ХОЧУ ВСЁ ЗНАТЬ

http://my.mail.ru/community...


Eлена Викторовна Я      22-03-2013 18:59 (ссылка)
Фотошоптренинг. Урок №3. Инструменты ЗАЛИВКА. ПИПЕТКА.
Результат урока:



Ну что, мои дорогие))) подведём итог предыдущего урока.
Все молодцы. Очень стараются . У кого то получается сразу, у кого то  с десятого раза.
Но они не сдаются и  усердно переделывают работы до тех пор, пока я не приму.
Может кто то думает, что я придираюсь. Не в коем случае. Я просто хочу, чтобы вы всё поняли 
и всему научились.
А сейчас немного поворчу на вас)))
Во первых - весь диалог со мной по  уроку должен идти в одной ветке комментариев.
Если вы мне задали 10 вопросов - значит все они должны быть в одном месте...и мои 10 ответов должны
быть там же. А то  я скажу, что нужно исправить, а вы мне показываете  исправленные работы уже в
новом комменте. Я, просматривая столько работ, естетственно уже не помню, какие были у вас ошибки
 и что я должна делать? искать по всем комментам , где были ваши первые работы и исходники?
Так дело не пойдёт. Так что договорились: весь диалог в одной ветке.
Далее. Ещё раз говорю - не удаляйте те работы, в которых были ошибки. Эти работы нужны и мне и Вам!
Далее. Пожалуйста читайте внимательно домашнее задание.
Вот я просила в ДЗ показать мне две работы: исходник (прямоуголная картинка до выделения овала) 
и сам овал с тремя эффектам сразу , то есть все три эффекта на одном овале). Нет же...то показываете одно 
тиснение, то одно свечение и так до бесконечности, то овал без исходника.
Далее. Если задаёте вопрос, подкрепляйте его скринами. А то спросят что то и всё.
Откуда я знаю, почему у вас что то не получилось, если нет скрина. 
Ну вот....ворчать закончила))) Переходим к уроку.
 
Открываем фотошоп.

1. В прошлом уроке мы открывали в программе свой файл с компьютера.
Сегодня создадим новый файл (документ) в программе.
Для этого идём МЕНЮ - ФАЙЛ - НОВЫЙ (или Сtrl+N).
В открывшемся окне выставляем такие настройки и жмём ДА



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



Теперь давайте представим, что Вы делаете ремонт в комнате и вам нужно покрасить пол. Вы можете взять кисть и красить. Но это долго и нудно. А можете взять ведёрко с краской и просто выплеснуть его на всю площадь пола, то есть сделать заливку.
Вот именно это сейчас мы и сделаем.

Берём инстумент ЗАЛИВКА (ведёрко)



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



Видим два квадратика. Верхний квадратик - это основной цвет, нижний - фоновый.

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



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

Теперь в любом месте нашего документа кликнем ведёрком с набранной краской и весь документ зальётся нашим цветом.



Таким же цветом мы видим иконку в панели слоёв.
Теперь давайте представим, что вас поросили на полу, который вы только что залили, нарисовать в разных местах прямоугольные, квадратные, крыглые, овальные фигуры и тоже их раскрасить разными цветами. Это мы сейчас и проделаем.

Берём инструмент ПРЯМОУГОЛЬНОЕ ВЫДЕЛЕНИЕ и смотрим на его параметры (4 стрелочки сверху на скрине)



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



Теперь давайте произвольно ещё сделаем выделение любого размера.



Заметили, что после появления второго выделения, первое исчезло?
Это произошло именно потому, что у нас вверху активна в данный момент первая иконка НОВАЯ ВЫДЕЛЕННАЯ ОБЛАСТЬ.

Для того, чтобы мы могли сделать несколько выделений сразу - нужно активировать(нажать) вторую иконку ДОБАВЛЕНИЕ К ВЫДЕЛЕННОЙ ОБЛАСТИ.



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

Например так



Теперь берём инструмент ОВАЛЬНОЕ ВЫДЕЛЕНИЕ, тоже активируем вторую иконку и делаем несколько произвольных выделений.



Теперь берём инструмент ЗАЛИВКА(ведёрко), выберем любой цвет (я выбрала красный) и кликнем на любую фигуру. Все остальные фигуры у нас тоже зальются автоматически этим же цветом.



Снимаем выделение МЕНЮ - ВЫДЕЛЕНИЕ - ОТМЕНИТЬ ВЫДЕЛЕНИЕ. и сохраняем работу в формате JPEG на рабочий стол, дав имя файлу ОДНОЦВЕТНАЯ ЗАЛИВКА. Эту работу мне покажете в комментах в качестве первого домашнего задания.

2.
Теперь идём МЕНЮ - ОКНО - ИСТОРИЯ.
Откроется окно с историей. Там кликаем по второй строке ЗАЛИВКА.
В результате вернёмся на несколько действий назад, чтобы начать работу с залитым документом по новой.



Теперь наша задача сделать так же произвольные выделения разных фигур , но закрасить их разными цветами.

Для этого берём инструмент ПРЯМОУГОЛЬНОЕ ВЫДЕЛЕНИЕ, но в верхних настройках выбираем первую иконку НОВАЯ ВЫДЕЛЕННАЯ ОБЛАСТЬ и рисуем любую произвольную фигуру.



Теперь берём инструмент ЗАЛИВКА и заливаем фигуру любым цветом.



Берём снова инструмент ПРЯМОУГОЛНОЕ ВЫДЕЛЕНИЕ, рисуем фигуру, берём инструмент ЗАЛИВКА, выбираем другой цвет и заливаем.



ТАКИМ ЖЕ ОБРАЗОМ РИСУЕМ ЕЩЁ НЕСКОЛЬКО ПРЯМОУГОЛЬНЫХ ФИГУР И ЗАЛИВАЕМ ИХ РАЗНЫМИ ЦВЕТАМИ.



Теперь берём инструмент ОВАЛЬНОЕ ВЫДЕЛЕНИЕ, в верху выбираем так же первую иконку НОВАЯ ВЫДЕЛЕННАЯ ОБЛАСЬ,
рисуем фигуру, после берём инструмент ЗАЛИВКА, выбираем цвет и заливаем.



Далее рисуем ещё несколько произвольных фигур овальным выделением и заливаем их разными цветами.



После заливки последней фигуры идём МЕНЮ - ВЫДЕЛЕНИЕ - ОТМЕНИТЬ ВЫДЕЛЕНИЕ. И готовую работу сохраняем на рабочий стол в формате JPEG, дав имя файлу РАЗНОЦВЕТНАЯ ЗАЛИВКА. Эту работу мне покажете в комментах, в качестве второго домашнего задания.

3. Закрываем документ, нажав на красный крестик и создаём новый документ.
МЕНЮ - ФАЙЛ - НОВЫЙ  и ставим снова такие настройки


Теперь открываем нашу работу с прошлого урока, которую сохраняли на белом фоне в форматеJPEG.
МЕНЮ - ФАЙЛ - ОТКРЫТЬ. В данном случае я открываю файл с названием "полковник на белом фоне".

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



В панели слоёв снимем замочек на документе с полковником.

Теперь наша задача на первом документе залить слой цветом. Но не любым цветом, а именно тем, который есть в изображении с полковником. При чём не приблизительным  цветом, а именно таким же.
То есть родным цветом.
Смотрю на своего полковника и думаю, какой же цвет взять за цвет заливки.
Можно взять синий , можно взять светло-бежевый, можно взять тёмно - бежевый, можно взять красный цвет, который на погонах можно чёрный - цвет костюма.



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

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

Я уж так объяснила на пальцах, чтобы вы лучше поняли.
Так вот нам нужно как бы тоже взять цвет с погона на анализ, чтобы посмотреть, все его составляющие.
Для этого у нас тоже есть инструмент ПИПЕТКА, в которую мы наберём краску с цветом с погона.

Берём инструмент ПИПЕТКА и кликнем ею на красном цвете погона.



Смотрите. Этот цвет у нас появился в квадратике основного цвета в панели инструментов.
Если мы на него нажмём - откроется анализ этого цвета



Закрываем окошко с анализом, берём инструмент ЗАЛИВКА (ведёрко) и кликаем на первый документ.

Ну вот я залила документ родным цветом от погона.



Теперь беру инструмент ПЕРЕМЕЩЕНИЕ, делаю активным документ с полковником.
Кликаю где нибудь внизу изображения левой кнопкой мыши и удерживая её в зажатом виде перетягиваю полковника на залитый документ.



Теперь смотрите....если мы растянем документ с полковником под размер залитого документа - то всю нашу заливку будет не видно. Это потому, что наше изображение полковника имеет белый фон и формат JPEG.

и ещё.обратите внимание.в панели слоёв у нас теперь два слоя. Это потому, что на одном документе находятся два самостоятельных слоя (кадра) и с каждым из наих можно работать.
Но мы это делать пока не будем. Давайте удалим на этом документе слой с полковником.
Для этого нужно кликнуть в панели слоёв на слой с полковником. Он выделится другим цветом. У кого то синим, у кого то серым , в зависимости от версии фотошопа. То есть станет активным.
И внизу панели слоёв нажмём первую иконку справа КОРЗИНА , чтобы удалить этот слой.



ну вот......остался в этом документе только один слой с заливкой.

Но сам то документ с полковником ещё остался. Давайте сделаем его активным, кликнув по нему и нажмём на красный крестик. Документ удалился.

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



Теперь идём МЕНЮ - ФАЙЛ - ОТКРЫТЬ и через обзор находим изображение с именем файла "полковник на прозрачном фоне". Мы его сохраняли на прошлом уроке в формате PNG.

Изображение открылось.



Обратите внимание. У слоя нет замочка. Всё верно. Изображения в формате PNG сразу готовы к обработке без разблокировки. Теперь берём инструмент ПЕРЕМЕЩЕНИЕ и так же, зажав левую кнопку мыши, перетягиваем его на документ с заливкой.


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

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

Но внимание!

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

Для этого мы на клавиатуре зажмём клавишу ШИФТ и потянем всего лишь за один любой уголочек.
Размер изображения будет меняться, сохраняя пропорции.

Изменили размер , так как нужно и нажали Энтер (или галочку на панели МЕНЮ)




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

Опять у нас остался только документ с заливкой.

Идём МЕНЮ - ФАЙЛ - ОТКРЫТЬ и через обзор открываем теперь нашего полковника с эффектами
тиснения и свечения. Мы его тоже сохраняли в формате PNG на прошлом уроке.



Берём инструмент ПЕРЕМЕЩЕНИЕ, перетягиваем его на документ с заливкой и удерживая клавишу ШИФТ уменьшаем размер, сохраняя пропорции и помещаем в какой нибудь уголок, но не к самому краю, а отступив примерно по 1 см от краёв и жмём Энтер.

Я сделала так



ну и до кучи разберём сейчас оставшиеся два инструмента выделения ГОРИЗОНТАЛЬНАЯ СТРОКА и ВЕРТИКАЛЬНАЯ СТРОКА.

Для этого правой кнокой мыши кликнем по инструменту перемещение и в выпавшем окошке берём инструмент ГОРИЗОНТАЛЬНАЯ СТРОКА.



Обратите внимание, что в параметрах должна быть активирована вторая иконка ДОБАВЛЕНИЕ К ВЫДЕЛЕННОЙ ОБЛАСТИ.



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



Теперь беру инструмент ПИПЕТКА и набираю в неё цвет внешнего свечения.



Беру инструмент ЗАЛИВКА (ведёрко) и кликаю между этими выделениями в любом месте.

На первый взгляд кажется, что не чего не произошло...но давайте снимем выделение МЕНЮ - ВЫДЕЛЕНИЕ - ОТМЕНИТЬ ВЫДЕЛЕНИЕ и мы увидим, что под двумя горизонтальными строчками появились полоски с тем цветом, который мы набирали.



Так же работает инструмент выделения  ВЕРТИКАЛЬНАЯ СТРОКА. 
Делаете нужное количество таких строк и заливаете нужным цветом.




Сохраним нашу работу в формате JPEG на рабочий стол, дав имя файлу, напрмиер, полковник на фоне.
Это изображение будет исходником для следующего урока.

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

Ну вот, пожалуй, на сегодня всё.  Давайте подведём итог, чему мы сегодня научились:

1. Создавать новый документ в программе.
2. Пользоваться инструментом ЗАЛИВКА.
3. Пользоваться инструментом ПИПЕТКА.
4. Подбирать РОДНОЙ цвет.
5. Менять размер изображения, сохраняя пропорции.
6. Пользоваться выделением ГОРИЗОНТАЛЬНАЯ СТРОКА и ВЕРТИКАЛЬНАЯ СТРОКА.

============================================================

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

============================================================

Следующий урок будет опубликован 25 марта в 12.00 по мск

============================================================

Удачи!
С теплом Милледи Малиновская

 Сообщество ХОЧУ ВСЁ ЗНАТЬ




Елена ПЕВ      26-03-2013 12:40 (ссылка)
Результат урока:



Открываем наш исходник с прошлого урока. МЕНЮ - ФАЙЛ - ОТКРЫТЬ.
В панели слоёв сразу снимаем замочек.
Берём инструмент ТЕКСТ.
Если кликнуть по нему правой кнопкой мыши - то в выпавшем окне будет видно,
что есть инструмент ГОРИЗОНТАЛЬНЫЙ ТЕКСТ и ВЕРТИКАЛЬНЫЙ ТЕКСТ.
Думаю, что всё понятно,  каждый вибирает по желанию тот вид, которым хотите видеть ваш текст. 
Давйте возьмём более привычный нам всем ГОРИЗОНТАЛЬНЫЙ ТЕКСТ.



Теперь выберем шрифт и размер текста. Я взяла Ариал и размер 48.




Ставлю курсор и пишу слово ПРИВЕТ!



Надпись получилась очень простенькая. Наша задача сделать её красивой.

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



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

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

Так вот ....нажимаем на первый стиль и наш текст стал таким.



нажмёте на другой - будет другой.....пробегитесь по всем стилям для сравнения...но остановимся давайте на первом.

Давайте внимательно посмотрим на панель слоёв.
Там мы видим два слоя: нижний слой с исходником и  верхний слой с текстом. И тут же мы видим какие эффекты были применены к слою ТЕКСТ  вготовом первом стиле. Давайте их свернём, чтобы они нам не мешали. Для этого нужно нажать на эту стрелочку.



Теперь в панели слоёв нам видно так. Если мы снова нажмём на эту стрелочку - окно с видами эффекта снова откроется.



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

Давайте мы наш текст сделаем какой нибудь интересной формой.
Для этого на панели МЕНЮ кликнем на этот значок искажения текста.



В открывшемся окне выбираем то искажение, которое вам больше нравится и жмём ДА. (я выбрала флаг)



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

Я сделала так.



Ну вот....всё сделали. Теперь смотрим в панель слоёв.
Слой с текстом у нас активен. Давайте сейчас зажмём на клавиатуре клавишу Ctrl, и не отпуская её, кликнем по слою с исходником. Выделился и слой с исходником.



То есть мы выделили все слои ( в данном случае их всего два), чтобы их объединить. Для этого по слою с исходником кликаем правой кнопкой мыши и в выпавшем окне выбираем ОБЪЕДИНИТЬ СЛОИ.



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



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

Как найти такое изображение?
В поиск яндекса забиваем, например, БУКЕТ РОЗ КЛИПАРТ и жмём НАЙТИ. Вам выдадут кучу ссылок, но самой первой, как правило, идут картинки с розами. Жмём на эту ссылку.



Открылась страница с огромным количестивом роз.
Давайте обратим внимание на столбик слева. Там можно задавать параметры. Нам нужны такие.



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



Теперь идём МЕНЮ - ФАЙЛ - ОТКРЫТЬ и через обзор выбираем наш клипарт. Он откроется другим документом.

Берём инстумент ПЕРЕМЕЩЕНИЕ, подхватываем наш клипарт левой кнопкой мыши и, удерживая её, перетягиваем на наше изображение.

Далее , удерживая клавишу Шифт, тянем за однин из уголков, добиваясь нужного размера и сохраняя пропорции, и ставим куда нибудь на наши линии. Жмём Энтер.

У меня получилось так.



Теперь смотрите. Нам видны управляющие элементы. Это потому, что активирован инструмент ПЕРЕМЕЩЕНИЕ. Давайте активируем инструмент ВЫДЕЛЕНИЕ (любое). Оно нам не нужно, но мы это делаем для того, чтобы нам не мешались эти  направляющие.



Посмотрим на панель слоёв. Там у нас два слоя. Исходник с текстом и клипарт с розами. Пока наши слои по отдельности - мы можем работать с каждым из них. А потом соединим тоже.
И так активен слой с клипартом.
Жмём на вторую иконку слева внизу панели слоёв и делаем на розы снова три эффекта, как делали на прошлых уроках: тиснение, внешнее и внутреннее свечение. Настройки по вашему желанию.

Я сделала так.



Идём в панель слоёв. Скрываем стрелочкой эффекты, которые применяли к слою с клипартом. Он у нас по прежнему активен. Зажимаем клавишу Ctrl и кликаем по слою с исходником. Они выделились оба.

Кликаем по любому из них правой кнопкой мыши и в выпавшем окне выбираем ОБЪЕДИНИТЬ СЛОИ. Теперь все слои у нас объединились в одно изображение.



Ну и в заключении снова активируем инструмент ТЕКСТ и где нибудь внизу напишем свой ник, или имя, то есть укажем авторство. Для этого в верхних параметрах выберем подходящий цвет и размер.

Я сделала так.


В панели слоёв снова объединим слои, как мы делали выше.

Идём МЕНЮ - ФАЙЛ - СОХРАНИТЬ КАК и сохраняем нашу работы в формате JPEG на рабочий стол.
Это и будет вашим домашним заданием, которое вы мне должны показать.
Работу сохранить до следующего урока. Она нам понадобится в качестве исходника.
Так и быть...скажу...  на следующем уроке будем делать анимацию))).

Ну вот, пожалуй, на сегодня всё. Давайте подведём итог, чему мы сегодня научились:
1. Познакомились с инструментом ТЕКСТ.
2. Узнали, что такое СТИЛИ.
3. Научились деформировать текст.
4. Научились ОБЪЕДИНЯТЬ СЛОИ.
5. Освоили быстрый поиск клипарта в интернете.


==========================================================

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

==========================================================

Следующий урок будет опубликован 1 апреля  в 12.00 по мск

==========================================================

Удачи!
С теплом Милледи Малиновская

 Сообщество ХОЧУ ВСЁ ЗНАТЬ








Eлена Викторовна Я      01-04-2013 17:30 (ссылка)
Результат урока:




Открываем исходник с прошлого урока.


Давайте ещё раз внимательно посмотрим на результат урока. Буквы нашего текста появляются по очереди.
Каждая буква имеет свой кадр. А на одном кадре вобще нет букв. Значит, это как бы, чистый кадр.
Вот теперь давайте посчитаем , сколько слоёв (то есть кадров) будет в нашей анимации.
В моём случае текст имеет 7 символов (6 букв и восклицательный знак)
и + должен быть один слой (кадр) без текста вобще. И того в моей анимации должно быть 8 слоёв (кадров).
Давайте посмотрим на понель слоёв. Там сейчас всего один слой. Снимем с него замочек.
И так, я выяснила, что мне нужно для анимации 8 кадров. Один уже есть. 
Не хватает ещё семи слоёв (кадров). Значит, сейчас я семь раз нажму на клавиаутре комбинацию клавиш Ctrl+J  ,
тем самым сделаю семь копий нашего слоя. Это называется ПРОДУБЛИРОВАТЬ СЛОЙ.


теперь смотрите какие у нас названия слоёв...запутаться можно: слой 0 копия 1 .и т.д.
Сейчас мы их переименуем так, как нам удобно.
Давайте встанем на самый нижний слой (то есть кликнем по нему)
и он станет у нас активным и выделится серым (синим) цветом.
Теперь кликнем по нему правой кнопкой мыши и в выпавшем окне
выберем первую строку ПАРАМЕТРЫ СЛОЯ.


Выйдет такое окно


в строке ИМЯ стираем, то, что написано и пишем просто цифру 1 и жмём ДА.


теперь смотрим в панель слоёв и видим, что нижний слой в названии имеет только цифру 1.


Теперь встаём на следующий слой, кликаем по нему снова правой кнопкой
мыши , выбираем ПАРАМЕТРЫ СЛОЯ, стираем название и вводим цифру 2.
Затем поднимаемся на следующий и проделываем тоже самое,
меняя цифру на следующую по порядку. И так проходим все слои.
У меня теперь панель слоёв выглядит так. Очень удобно глазу.


Обратите вни мание...сейчас активен самый верхний слой.
Он в анимации будет самым последним кадром, когда все буквы уже появятся.
Значит, именно на нём мы ничего делать не будем.
Единственное, что мы сделаем, это отключим у него глазик
(просто кликнем на него и он исчезнет).
Этим самым мы сделали слой 8 невидимым . А сами перейдём на слой 7.


Теперь берём инструмент ПИПЕТКА и набираем в неё цвет фоновой заливки,
дабы подобрать родной цвет.


Теперь берём инструмент КИСТЬ.


 В параметрах кисти давайте нажмём на эту стрелочку.


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


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


Выйдет окошко, где вас спросят, действительно ли вы хотите заменить
текущий набор кистей на выбранный. Жмём ДА.


Давайте в этом наборе выберем кисть с диаметром 28.


Теперь этой кистью (крожочком) поводим по восклицательному знаку,
то есть по последнему символу в тексте, иначе говоря,
закрасим последний символ. 


Вот я закрасила его. Это нужно делать аккуратно, чтобы не закрасить рядом
стоящую букву, или клипарт. Помните.если где то ошиблись, вернитесь на
шаг назад: МЕНЮ - РЕДАКТИРОВАНИЕ - ШАГ НАЗАД.


Всё..со слём 7 поработали.....выключаем у него глазик, делая его невидимым
и опускаемся на слой 6.


Теперь нашей кистью закрашиваем два последних симола в тексте.


Выключаем глазик у слоя 6 и опускаемся на слой 5.


Теперь нашей кистью закрашиваем три последних симола в тексте.


Отключаем глазик у слоя 5 и опускаемся на слой 4.


Теперь нашей кистью закрашиваем четыре последних симола в тексте.


Выключаем глазик у слоя 4 и встаём на слой 3.


Теперь нашей кистью закрашиваем пять последних симолов в тексте.


Выключаем глазик у слоя 3 и встаём на слой 2.


Теперь нашей кистью закрашиваем шесть последних символов в тексте.


Выключаю глазик у слоя 2 и встаю на слой 1.


Закрашиваю кистью все символы.


Ну вот.теперь все наши слои (кадры) готовы к анимации.
Чтобй начать создавать анимацию, нужно сначала открыть панель анимации.
Для этого идём МЕНЮ - ОКНО - АНИМАЦИЯ. Внизу открылась панель анимации.


Как видим, один кадр уже у нас стоит. Нам нужно столько кадров, сколько и слоёв.
В моём слёчае у меня 8 слоёв, значит и кадров должно быть тоже 8.
так как один уже стоит - не хвататет ещё 7. Сейчас я их добавлю.Для этого
нажму 7 раз на вторую иконку справа.


Теперь в панели анимации появились 8 кадров.


А вот теперь внимание! Делаем всё не спеша и обдуманно.
Сейчас в панели анимации у нас активен последний кадр.
Видите, он выделен серым(синим) цветом.
Это так же , как в панели слоёв. Какой слой активен, с тем и можно работать.
Давайте сделаем активным первый кадр. Для этого достаточно просто на него кликнуть 
и он выделится серым(синим) цветом.


Теперь смотрите........у нас восемь кадров в панели анимации и восемь слоёв
в панели слоёв. Это значит, что каждому кадру будет нужна видимость только
одного слоя,соответствующего его порядковому номеру.
Чтобы было понятнее, объясню на пальцах.
Например, у вас в шкафу висят 8 платьев. Каждое платье на отдельном плечике.
Вы двигаете плечики ( то есть кадры) и на каждом плечике вам видно одно только
платье во всей своей красе.
А теперь представим, что вы все восемь платьев повесили на одно плечико.
Что будет? чёрти что.. Так и здесь. Если на один кадр включить несколько слоёв -
будет тоже чёрти что.
Вот давайте внимательно будем раскладывать слои по кадрам. 
И так... в панели анимации встаём на первый кадр, в панели слоёв включаем глазик
на первый слой. Все остальные слои без глазика, то есть невидимы.


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


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


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


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


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


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


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


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


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


В последнем кадре давайте поставим 2.0 ...ну типа сделаем остановку в конце фразы.


Теперь давайте нажмём на значок плей , чтобы запустить воспроизведение анимации,
и посмотрим, что у нас получилось.


У меня всё отлично получилось. Теперь я останавливаю анимацию,
нажав на значок СТОП.


Теперь вам осталось работу сохранить на рабочий стол и показать мне в качестве
домашнего задания.
Внимание! Все анимационные изображения имеют формат GIF (ГИФ),
поэтому сохранять их нужно иначе.
Идём МЕНЮ - ФАЙЛ - СОХРАНИТЬ ДЛЯ WEB И УСТРОЙСТВ.


В открывшемся окне жмём СОХРАНИТЬ.


Далее даёте имя файлу, выбираете рабочий стол и жмёте СОХРАНИТЬ.
Снова выйдет окошечко, в котором нужно нажать ОК.


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

Ну вот, пожалуй, на сегодня всё. Давайте подведём итог, чему мы сегодня научились:
1. Научились задавать параметры слоя, то есть давать каждому слою имя.
2. Познакомились с инструментом КИСТЬ (поверхностно).
3. Познакомились с панелью анимации.
4. Научились сохранять файлы в Gif формате.
========================================================

Домашнее задание:
1. Выполнить урок.
2. В комментах выложить работу по уроку.


===============================================

Следующий урок будет опубликован 05 апреля в 12.00 по мск.

===============================================

Удачи!
С теплом Милледи Малиновская

 Сообщество ХОЧУ ВСЁ ЗНАТЬ


Елена ПЕВ      05-04-2013 18:06 (ссылка)
Re: уроки фотошоп от Виктории.
Результат урока:






Прежде, чем начать урок, хочу сказать следующее.
Прошлым уроком мы с вами закончили пошаговое (поурочное) создание открытки. Я старалась выстроить те пять уроков так, чтобы показать вам хотябы поверхностно принцип работы различных инструментов и возможностей. Трудно поверить, что ещё 5 уроков назад многие даже не знали, как подступиться к программе, а теперь показали мне такие красивейшие работы на выходе. Вы даже не представляете, какое удовольствие мне видеть ваши работы - результат моего обучения и труда. Это уже стоило того, что мы затеяли с вами этот тренинг. Но хочу сказать вам вот ещё что. Запомните! В фотошопе невозможно что то выучить, даже не старайтесь. В фотошопе всё приходит с опытом и постоянной тренировкой. Фотошоп - это программа для творческих людей. Она даёт каждому возможность проявить свою индивидуальность. Иенно поэтому не нужно думать, что такой то текст должен быть всегда именно с таким размером, а при анимаации воды должна всегда стоять в настройках волны цифра 10.
Здесь каждый делает всё на свой вкус. А значит, не бойтесь пробовать, фантазировать. И всё получится. ну и ещё....знаю, что некоторым даётся тяжеловато прошлый урок. Я уже говорила...торопиться не нужно. Если не получается урок сейчас - отложите его пока в сторону....выполняйте другие уроки. Поверьте, пройдёт время и вы его выполните с лёгкостью, при этом сами себе удивитесь почему же он у вас так долго не получался.
Так что, мои дорогие, главное - не паникуйте!))

Переходим к уроку.
Для начала покажу, как можно сделать анимацию текста шумом. 

 Берём любую картинку из инета БЕЗ ТЕКСТА!

Я взяла эту.



Открываем её в фотошопе. МЕНЮ - ФАЙЛ - ОТКРЫТЬ.
Снимаем в панели слоёв замочек.

Берём инструмент ТЕКСТ. Пишем слово ВЕСНА! Жмём Энтер.




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



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



Давайте сделаем искажение текста, кликнув на значок в меню программы и выберем эффект искажения. После нажатия на иконку искажения выскочит окошко...жмём ДА.



У меня получилось так.



Наше изображение готово, теперь нам нужно его подготовить к анимации.

Идём в панель слоёв, встаём на слой с текстом, тем самым , делая его активным и
дублируем его два раза, нажав комбинацию клавиш Ctrl+J.
Теперь кликнем по каждому из слоёв  правой кнопкой мыши и зададим параметры каждому слою, то есть переименуем (материал прошлого урока). 

Теперь у нас в панели слоёв всего 4 слоя. Один с фоном и три с текстом.




Теперь встаём на первый слой с текстом, делая его активным. глазики у слоя 2 и 3 отключаем. Глазик у фона включен всегда.



Идём МЕНЮ - ФИЛЬТР - ШУМ - ДОБАВИТЬ ШУМ.



Если выскочит такое окошко - жмём Да.



В открывшемся окне выставляю такие настройки.



Переходим на второй слой с текстом. Включаем на нём глазик. Глазик на первом и третьем слое с текстом отключаем. Глазик у фона по прежнему включен.



Снова идём МЕНЮ - ФИЛЬТР - ШУМ - ДОБАВИТЬ ШУМ и меням в настройках цифру на ваше усмотрение. Я сделала так.



Переходим на третий слой с текстом, включаем у него глазик. На слое 1 и 2 глазик выключен. На слое с фоном глазик включен по прежнему.



Снова идём МЕНЮ - ФИЛЬТР - ШУМ - ДОБАВИТЬ ШУМ и меням в настройках цифру на ваше усмотрение. Я сделала так.



Открываем панель анимации. МЕНЮ - ОКНО - АНИМАИЯ.

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

На панели анимации кликнем дважды на вторую иконку справа и у нас  появится ещё два кадра. Теперь всего их стало три...так как нам и нужно.



Теперь внимательнее!!!

Начинаем создавать анимацию.

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




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



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



Нажимаете плей.смотрите, что получилось. Останавливаете анимацию и сохраняете на рабочий стол. Результат урока и нужно будет мне показать в качестве домашнего задания.

Если хотите писать на открыточке свой ник, значит сначала напишите ник на первоначально открытом исходнике и сохоаните её в формате Jpeg на рабочий стол. С программы все документы удалите и открывайте потом свою картинку с вашим ником.
Тогда не запутаетесь в слоях и кадрах при создании анимации.


Таким же способом можно делать очень красивую анимацию, наложив на текст градиент (градиент это своего рода узор, только  в нём идёт плавный переход двух, или более цветов, без конкретного рисунка). Для этого делаете первую часть урока до того момента, когда нужно продублировать два раза слой с текстом. Продублировали...стало три слоя с текстом. Так же поочерёдно с каждым слоем , как накладывали шум, накладываем градиент. Для этого жмём вторую иконку слева в панели слоёв и в выпавшем окне выбираем НАЛОЖЕНИЕ ГРАДИЕНТА. 



Выбирайте любой градиент. В предосмотре будет всё видно.



Затем переходите на второй слой с текстом ..снова идёте в наложение градиента и выбираете либо другой градиент, либо тот же , но с другими настройками. Затем так же поступаете с третьим слоем текста.
Не бойтесь пробовать. Результат не сохранится, пока Вы его не сохраните сами. Проявляйте своё творчество.

Вот пример с градиентом.



Ну вот, пожалуй, на сегодня всё. Давайте подведём итог, чему мы сегодня научились:
1. Научились создавать анимацию текста с использованием фильтра ШУМ.
2. Научились создавать анимацию текста при помощи наложения градиента.
========================================================

Домашнее задание:
1. Выполнить урок.
2. В комментах выложить работу по уроку (желательно две - с шумом и градиентом)

===============================================

Следующий урок будет опубликован 10 апреля в 12.00 по мск.

===============================================

Удачи!
С теплом Милледи Малиновская

 Сообщество ХОЧУ ВСЁ ЗНАТЬ


http://my.mail.ru/community...


Елена ПЕВ      12-04-2013 17:42 (ссылка)

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





Открываем исходник. Берём инструмент ТЕКСТ и пишем слово. Для примера я беру короткое слово, дабы вы не запутались в слоях.
Кто справится с длинным текстом - нет проблем.
 И так... беру слово ЛЮБЛЮ. Оформляете текст по своему желанию: накладываете на него стиль, или градиент, делаете искажение.
Одним словом, делаете всё, что хотите с ним (материал прошлых уроков).
Я сделала так.



Идём МЕНЮ - СЛОЙ - РАСТРИРОВАТЬ - ТЕКСТ

В панели слоёв встаём на слой с текстом и дублируем его 10 раз (Ctrl+J).

Теперь у нас в панели слоёв один слой с исходником, то есть фоном и 11 слоёв с текстом. Наведём порядок в панели слоёв, дав имя каждому слою, после чего отключаем глазики у всех слоёв с текстом, оставив только один глазик на слое ФОН.


Слой ФОН у нас будет включен всегда.

Встаём на первый слой с текстом. Включаем на нём глазик.
Идём МЕНЮ - ФИЛЬТР - ИСКАЖЕНИЕ - СКРУЧИВАНИЕ



выставляем там цифру 999 и жмём ДА.



Видим такую картинку.



Теперь переходим на второй слой, включаем у него глазик, (у всех остальных слоёв с текстом глазики отключены) и снова идём
МЕНЮ - ФИЛЬТР - ИСКАЖЕНИЕ - СКРУЧИВАНИЕ. Но теперь цифровое значение поставим 900.

Тоже самое проделываем со всеми слоями текста, кроме слоя 11. На нём ничего менять не будем, а вот на всех остальных будут такие значения скручивания:



Помните! Глазик должен гореть только на том слое, на котором делаете скручивание и он активен. На всех остальных слоях, кроме фона, глазики выключены.

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

Открываем панель анимации. там уже есть один кадр. нам нужно столько кадров, сколько слоёв с текстом, то есть 11. Значит добавим 10 кадров, нажав на вторую иконку справа внизу панели.

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

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



Переходим теперь на второй кадр в панели анимации. В панели слоёв ставим глазики на основной и второй.



Далее...
3 кадр - омновной и 3 слой
4 кадр - основной и 4 слой
5 кадр - основной и 5 слой

и так до конца соответственно.

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



Идём МЕНЮ - ФАЙЛ - СХРАНИТЬ ДЛЯ ВЕБ.

Это и будет первым домашним заданием, которое вы мне должны будете показать.

Но мы ещё сделаем кое что.

Вот смотрите... у нас 11 кадров, которые нам показывают раскручивание текста до читабельного слова. А если мы захотим показать в анимации, что текст ещё и скручивается, значит нам что делать? ещё 11 слоёв с фильтрами???...конечно нет. Нам такая радость не нужна. Для этого мы воспользуемся возможностями программы. И так...смотрите внимательно. На панели анимации есть малюсенькая стрелочка. При нажатии на неё выпадает окно - меню панели анимации. В нём есть разные возможности управления кадрами.



Давайте я  буду сейчас в дальнейших объяснениях эту стрелочку так и называть СТРЕЛОЧКА.

И так идём СТРЕЛОЧКА - ВЫДЕЛИТЬ ВСЕ КАДРЫ.
Видим, что все наши кадры выделились.

Идём СТРЕЛОЧКА - СКОПИРОВАТЬ КАДРЫ.

Снова СТРЕЛОЧКА - ВСТАВИТЬ КАДРЫ.

Выскочит окошко с вопросом куда вставлять. По умолчанию стоит ВСТАВИТЬ ПОСЛЕ ВЫДЕЛЕННОЙ ОБЛАСТИ. Жмём ДА.

Снова СТРЕЛОЧКА - ОБРАТНЫЙ ПОРЯДОК КАДРОВ

Тепрь у нас в панели анимации 22 кадра. То есть первые 11 кадров на раскручивание, а вторые 11 кадров на скручивание.
Панель анимации раздвигать не нужно. Нам не важно видеть их.

Сохраняете работу на рабочий стол. Это и будет вашим вторым домашним заданием.

Ну вот, пожалуй, на сегодня всё. Давайте подведём итог, чему мы сегодня научились:
1. Научились создавать анимацию текста при помощи фильтра ИСКАЖЕНИЕ - СКРУЧИВАНИЕ.
2. Познакомились с меню панели анимации.
3. Научились задавать обратный порядок кадров для противоположного действия анимации.

========================================================

Домашнее задание:
1. Выполнить урок.
2. В комментах выложить две работы по уроку.

===============================================

Следующий урок будет опубликован 15 апреля в 12.00 по мск.

===============================================

Удачи!
С теплом Милледи Малиновская

 Сообщество ХОЧУ ВСЁ ЗНАТЬ


http://my.mail.ru/community...

Елена ПЕВ      16-04-2013 18:32 (ссылка)
...

Ну что, мои дорогие, судя по опросу, понятно, что желающих освоить фотошоп очень много!
Значит, начинаем учиться.

Для начала хочу сказать следующее: не нужно бояться. Я буду давать очень подробные уроки, всё разжёвывая до мелочей. Буду объяснять так, как хотела бы, чтобы мне так объясняли, когда я училась. Я самоучка. Когда пришла в инет, мало что умела. Сама находила различные уроки, как правило, объяснение в них было для меня туманным. Каждый шаг уточняла на ОТВЕТАХ.
Расстраивалась, психовала, материлась))), забрасывала всё к чёрту.
Но, поверьте, фотошоп - это такая штука, которая всё равно засасывает.
Следовательно, я снова возвращалась к нему, пока в очередной раз меня не разрывало при какой нибудь неудачи))).

Более того, всегда я мучилась с самОй программой в плане установки.
Во первых она занимала много места на кмопе, во вторых её надо было как то вечно правильно распоковать из нескольких томов, в третьих - найти какие то ключи к ней. А врезультате она потом могла и не запуститься.

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

Чем же хороша и чем отличается портативная версия от обычных версий программы?
1. Мало весит и следовательно занимает очень мало место на компе.
2. Не требует установки. Её можно запускать сразу с рабочего стола, либо с флешки.
Это очень удобно. Скинули себе на флешку программу, взяли с собой, если нужно работать вне дома, вставили в любой комп флешку и с неё программа запустится так же, как и со своего рабочего стола.
3. Версию, которую я вам предлагаю - имеет русский интерфейс.

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


Так как тренинг расчитан в основном на тех, кто практически не знаком с программой, то предлагаю всем скачать мою версию. Уроки я буду давать именно в этой версии, а значит , если у вас возникнет какая нибудь проблема, мне будет проще её понять и объяснить. Если вы будете делать уроки в своих версиях - есть риск, что при необходимости я не смогу вам помочь, так как в разных версиях некоторые задачи называются по разному и расположены иначе.

Как будут проходить занятия:

1. Для начала все участники тренинга должны подписаться на обновления (это рядом с основным фото сообщества, справа). Тогда все новые записи вам будут приходить на почту и вы не пропустите уроки.
Рассылать приглашения на уроки я не буду, так как есть люди, которым это не интересно, а приглашения рассылаются всем участникам сообщества автоматически.
2. На каждый урок будет отведено определённое время. В каждом уроке будет указываться дата публикации следующего урока. Но торопиться не нужно. Если вы не успели сделать урок - делайте его спокойно, пока не сделаете. Только потом переходите к выполнению следующего урока. Для этого я буду уроки нумеровать. И вы всегда сами найдёте нужный урок по номеру.
3. Все уроки тренинга будут вынесены под отдельную метку ФОТОШОПТРЕНИНГ и вы всегда найдёте по метке все уроки тренинга.
4. В каждом уроке вам будет даваться домашнее задание, которое после выполнения вы будете помещать в комментарии. До тех пор, пока я вам не поставлю "зачёт" , урок не будет зачтён.
5. Запрещается свои работы показывать в скрытых комментах. Все учатся и поэтому моё объяснение одному человеку, может помочь другому с похожей проблемой.

Поэтапность уроков:
Уроки буду давать с САМОГО НУЛЯ. Начиная от скачивания программы и постепенного знакомства с инструментами и возможностями программы и далее до анимации. Поэтому тем, кто уже владеет фотошопом, придётся набраться терпения и подождать пока пройдут азы. Хотя и вам не помешает всё повторить. Фотошоп - это такая программка, которой надо заниматься постоянно, иначе многое забывается.

На сколько уроков будет расчитан курс?
Пока не знаю. Посмотрим, как пойдёт дело. Если честно, я тоже очень волнуюсь. хотя и знаю, что пишу уроки очень хорошо, но есть страх, что вдруг что то не смогу донести до вас и буду потом переживать . что не научила так как надо.

Ну вот вроде и всё, что хотела сказать.))) Так что ни пуха..........и вперёд!))

И так скачиваем мою версию фотошопа cs3 ТУТ
(Жмём на красную кнопку ОБЫЧНОЕ СКАЧИВАНИЕ и сохраняем на рабочий стол)


Для тех, кто не умеет делать скрины, выложила урок ТУТ

И так....Скачали фотошоп. Архив появился у вас на рабочем столе. Кликаем по нему двойным щелчком левой кнопкой мыши. Открылось такое окно:

...


На маленьком окошке жмём ЗАКРЫТЬ. И оно исчезнет.


...


В оставшемся большом окне жмём ИЗВЛЕЧЬ.



...


В открывшемся окошке выбираем РАБОЧИЙ СТОЛ (это куда прпограммка сохранится) и жмём ОК



...


Либо можно жёлтую папочку просто перетащить на рабочий стол, захватив левой кнопкой мыши.


...


Начинается извлечение.
Как только пробежит вся зелёная зебра - извлечение из архива завершено.


...


Так распоковываются все архивы. Поэтому, кто не умел это делать раньше - считайте, что научились.
Всё. Папочка появилась у нас на рабочем столе. Открываем её двойным щелчком.

Открывается такое окошко.


...


В жёлтой папочке находятся все компоненты программы. Поэтому нам не нужно даже её открывать.
А файл с синенькой иконкой и есть наша программа. Кликаем по ней двойным щелчком и программа откроется.

Сначала увидете такое окошечко.


...


Оно может висеть несколкько секунд...может дольше, всё зависит от скорости вашего интернета.
Это идёт чтение параметров программы. Ждите.

После того откроется рабочий стол программы.


...

Программа полностью готова к работе. Здорово же? не мучились с установкой и подбором ключей и прочего.

Кстати, советую архив программы (ну тот который скачали у меня в виде стопочки книжек) залить себе на файлообменник на мэйле. Мало ли. Накроется система и понадобится переустановка - всё потеряется.
А так она у вас будет храниться на мэйле и вы сможете её скачать себе на комп в любое время так же, как скачали у меня с моего файлообменника. Либо скинуть её себе на флешку, или другой носитель.

Как залить на файлообменник:

Заходим в почту - ВСЕ ПРОЕКТЫ - ФАЙЛЫ

...

Выйдет окошко. Жмём на нём ЗАГРУЗИТЬ ФАЙЛ

...

Откроется снова окошко. Выбираем на нём РАБОЧИЙ СТОЛ...находим наш архив.клиикаем на него....и жмём ОТКРЫТЬ.

...

файл заливается и появляется в разделе ЗАГРУЖЕННЫЕ. (слева столбик).

Кликнув на него, увидите ваш файл. (ну или несколкьо файлов, если будут загружены ещё другие).
Ставите галочку возле нужного файла. В нашем случае ставим галочку возле фотошоп.
Теперь вы можете его редактировать, удалять, скачивать, или получить ссылку, чтобы дать другим людям скачать ваш файл.

...

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

Отвлеклись немного от темы, но зато многие узнали про файлообменник на мэйле.

И так .вернёмся к фотошопу. Рабочий стол программы у нас открыт.
Давайте посмотрим что там есть:

На верхней панели расположены ПАРАМЕТРЫ (МЕНЮ) программы.
Слева ПАНЕЛЬ ИНСТРУМЕНТОВ. Справа ПАНЕЛЬ НАВИГАТОРА, ПАНЕЛЬ СТИЛЕЙ, ПАНЕЛЬ СЛОЁВ.


...

Почему я написала панель, а в скобочках окно? Потому , что когда окно открыто, только тогда оно является панелью. Любое из окон можно открыть, или закрыть. Для этого достаточно в МЕНЮ нажать вкладку ОКНО и щёлкнуть по нужному окну, чтобы возле него появилась галочка. Значит окно открыто. Если снова щёлкнуть на окно с галочкой, оно исчезнет с рабочего стола.

Давайте в МЕНЮ нажмём ОКНО и поглядим. Там стоят галочки как раз тех окон, которые у нас сейчас открыты. Окна, напроив которых галочки не стоят, у нас закрыты. 

...

Давайте закроем окно ИСТОРИЯ (маленькое окошечко, которое у нас сейчас тоже открыто). Для этого просто кликнем на слово ИСТОРИЯ и галочка исчезнет. Ради интереса можете таким образом пооткрывать и позакрывать все окна. А потом снова выставить галочки тем окнам, которые стояли у нас изначально. Так же можете погулять по всем вкладачкам МЕНЮ и поглядеть, что есть там.

Закрыть программу можно нажав красный крестик в правом верхнем углу.

Ну вот, пожалуй, на сегодня всё.
Давайте подведём итог, чему мы сегодня научились:

1. Узнали, что есть портативные версии программы.
2. Научились распоковывать архив.
3.Научились пользоваться файлообменником.
4. Поверхностно познакомились с программой.


=====================================================

Домашнее задание:
1. Залить самостоятельно 2-3 файла на файлообменник (для тех, кто не умеет).
2. Побродить по всем панелям фотошопа.

Вот такое задание на первый раз)))

=====================================================

Следующий урок будет опубликован завтра 10 марта в 12.00 по московскому времени.

=======================================================

Не забудьте сделать подписку на посты. (справа от основного фото сооба)
Напоминаю. Приглашения на последующие уроки тренинга рассылаться не будут, только на этот пост, дабы не колебать людей, которые в нём не будут принимать участие.


Удачи!
С теплом Милледи Малиновская

P.s.
код каждого урока буду давать в первом комментарии.
Для того, чтобы его получить - нужно нажать на ОТВЕТИТЬ С ЦИТАТОЙ.
Откроется окошко с кодом.
Копируйте его весь и несите себе в блог.
Не советую добавлять пост в избранное...если слетит сооб,
или пост - в избранном он тоже потеряется.
А так будет в вашем блоге всегда под рукой.

 Сообщество ХОЧУ ВСЁ ЗНАТЬ



Елена ПЕВ      16-04-2013 18:35 (ссылка)
Елена ПЕВ      20-04-2013 12:58 (ссылка)
Елена ПЕВ      13-05-2013 17:42 (ссылка)
Re: 64 урока фотошопа

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


Создадим новый документ - Ctrl+N.


Выберем инструмент "Горизонтальный текст-маска".


Подберём параметры текста и напишем необходимый текст. Во время ввода текста документ будет подсвечен розовым цветом. Нажимаем на галочку, находящуюся на панели параметров инструмента "Горизонтальная текст-маска" - применяем текст.


Загрузится выделение текста. Продолжим создавать эффект текста в фотошопе.


Откроем фотографию, изображение с которой будем размещать в буквах.


Перейдём в первый документ, выберем любой инструмент выделения (например, "Прямоугольная область" (М), щёлкнем в любом месте внутри выделения букв и при нажатой ЛКМ перетащим на фото, открытое на предыдущем шаге (во второй документ).


Перемещаем текст по картинке так, как нам надо. Затем копируем выделение - Ctrl+C.


Переходим в первый документ и нажимаем сочетание клавиш - Ctrl+V (вставка из буфера). Получается вот такой симпатичный эффект текста в фотошопе.


А вот окончательный вариант эффекта текста в фотошопе - изменён фон (залит текстурой) и к текстовому слою применены стили слоя.


С благодарностью к автору урока -
Накрошаеву Олегу