[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: _Malina_  
Форум » Творчество » Фан-арт на другие темы » Уроки по Photoshop ((и не только))
Уроки по Photoshop



Я не добрая, я воспитанная


Сообщений: 1707


Награды:



Дата: Пятница, 11.06.2010, 13:42 | Сообщение # 1
Учимся, помогаем и создаем шедевры вместе!



Лучше выбирать исходный материал (в дальнейшем - исходники) с этих сайтов:

1. КиноПоиск.Ру
2. ThePlace.Ru
3. JpgS.Ru
4. Звёзды.Ру
и многие другие


 



Я не добрая, я воспитанная


Сообщений: 1707


Награды:



Дата: Пятница, 11.06.2010, 14:15 | Сообщение # 2
Создаём Баннер с анимационным текстом

1) Выбираем любой фон, я выбрала такой, например:


2) Выбираем текст для баннера, например:

3)Разделяю его на несколько частей, по скольку весь он сразу не поместится на фоне.
например вот так:

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



4) Копируем каждую строчку два раза, чтобы получалось по 3 одинаковых строчек
получится вот так в окне слоев:

5) Теперь получается по 3 строчки каждой фразы.
Все первые строчки ставим на непрозрачность 50%

на фоне будет выглядеть
так:

6) Затем все вторые строчки ставим также аналогично на непрозрачность 75%
7) Третьи строчки не меняем, т.к. они и так на 100%
8) Преступаем к анимации
Открываем окно анимации Окно - Анимация
появляется такое вспомогательное окошко

9) В окне слоев убираем все глазики кроме фона (видимость слоев)
10) Теперь нажимаем на первый слой-текст. Нажимаем на его глазик

После этого в окне анимации нажимаем вот этот значок:

Появляется новый анимационный слой:

11) На новом анимацонном слое надо в окне слоев нажать на глазик второй формы этой фразы. А первую глазик на первой форме фразы 50% непрозрачности снимаем, вот так:

12) Теперь нажимаем опять на тот же значок в анимационном окне:

Тем самым мы создаем третий анимационный слой.
Опять же в окне слоев убираем глазик у второй формы первой фразы и включаем глазик третий формы первой фразы.
13) теперь опять нажимаем на тот же значок в окне анимации. Тем самым создаем четвертый анимационный слой.
Теперь в окне слоев так же убираем глазик у третей формы первой фразы. И теперь включаем глазик у первой формы второй фразы.
Тем же образом делаем остальные слои (аналогично, ничего не меняя)
Получится 12 анимационных слоев.
14) Регулируем время. Обычно поставлено 0,3 сек. Это слишком быстро
Сделаем примерно так, все первые и вторые формы ставим на длительность 0,2 сек., а все третьи формы - 1,0 сек.

16) Теперь сохраняем полученный результат
Файл --> Сохранить для Веб и Устройств
Указываем обязательно при сохранение формат Gif

Сохранить) Готово!

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

Спасибо за внимание!


 



Я не добрая, я воспитанная


Сообщений: 1707


Награды:



Дата: Пятница, 11.06.2010, 15:50 | Сообщение # 3
Замена цвета ( яркие цвета с теплыми)

Урок очень легкий, и легко применяется на практике
Этот же прием можно применять на любых других цветах, по вашему вкусу

1) Выбираем картинке
например,

2. Теперь создаем новый пустой слой

3. )Выбираем в меню инструментов два цвета #fe0000 #00ff00 ( например ярко зеленый и красный)
Половину нового слоя закрашиваем зеленым а другую половину красным


Снимаем глазик с этого слоя (см.предыдущий урок)

4) Выбираем в меню слоев Фон.
5) Изображение -Коррекция -Подобрать цвет

6) в Источнике выбрать наш исходник (название его)


Ниже: Слой выбираем слой с двойным цветом (смотрим меню слоев)

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

6. Вот что получилось:

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

Спасибо за внимание!



 



четвертая ступень


Сообщений: 26


Награды:



Дата: Пятница, 02.07.2010, 17:35 | Сообщение # 4
Видео-аватар

1. Для тех кто не знает, скажу - одним Фотошопом здесь не обойдёшся, нужна специальная программа. Я пользуюсь Total Video Converter и урок будет написан по этой программе. Итак, скачайте программу и установите.
2. После того, как вы скачали эту программу, откройте её. Жмём на копку "New Task" (Новое задание), затем "Import files" (импортировать файлы) и выбираем видео-файл, который будем обрабатывать.

3. После того как вы кликнули по файлу, сразу появляется вот такое окно:

Для того, что бы создать видео-аватар в Photoshop CS4, нужно выбрать формат - Mpeg4 Mov. Помимо этого, у вас должна быть установлена программа QuickTime Player (эту программу можете свободно скачать в интернете).

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

5. Когда момент наступил, жмёте на вот эту кнопку:


6. Теперь уберите галочки "Auto Start" и "Auto End". После этого, переписываете время первого кадра в "Starting Point" и время конечного кадра в "Ending Point". Внимание! Фотошоп может обработать максимум 500 кадров, поэтому видео-фрагмент не должен превышать 20 секунд.

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

После этого, жмёте на кнопку "Convert Now" (конвертировать).


8. Теперь открываем фотошоп, выбираем File > Import > Video Frames to Layers (Файл > Импортировать) и кликаем по конвертированному файлу.

Появляется вот такое окошко, жмём ОК:

9. Внизу, в окне Animation, появляются кадры нашего будущего видео-аватара smile Если окно в кадрами не появилось, нажмите Windows > Animation и оно появится.

10. Теперь можно подрезать аватар. Для этого, берём инструмент "прямоугольник" (Rectangular Marquee Tool - ) и выделяем то, что нам нужно. На пример:

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

12. Ну, вот! Осталось только сохранить видео-аватар - File > Save for Web & Devices...! Готово smile
оригинал


Держи друзей близко, а врагов - ещё ближе. Мы сами заводим друзей, сами создаём врагов, и лишь наши соседи - от Бога.
 



выпускник


Сообщений: 149


Награды:



Дата: Пятница, 09.07.2010, 12:03 | Сообщение # 5
пасиб* А где можно скачать кисти чтобы делать метки?

 



преподаватель


Сообщений: 152


Награды:



Дата: Суббота, 10.07.2010, 10:01 | Сообщение # 6
Ссылки на кисти вывешу после разрешения
более 800 наборов кистей
кисти, формы, текстуры, экшены, рамки, шрифты
кисти, стили, шрифты
плагины, кисти, шрифты, стили, текстуры, градиенты


Сообщение отредактировал Дафни - Суббота, 10.07.2010, 15:52
 



старший преподаватель


Сообщений: 264


Награды:



Дата: Воскресенье, 15.08.2010, 20:32 | Сообщение # 7
Спасибо. Полезная инфа.
 



выпускник


Сообщений: 123


Награды:



Дата: Пятница, 05.11.2010, 19:50 | Сообщение # 8
Меняем фон на фотографии.

1. Открываем изображение фона. В нашем случае такой.
2. Так как наше изображение будет квадратным мы берём инструмент "Рамка". Делаем ширину - 1, длину - 1 (это квадрат). Выделяем и обрезаем. Вот, что у нас получилось:


3. Размер очень большой, поэтому мы заходим в Изображение - Размер изображения. И делаем также, как внизу.

Итог:

4. Теперь заходим в Файл - Поместить... выбираем изображение. В нашем случае это
5. Помещаем как хотим. Вот что получается -

6. Чтобы было легче мы берём мягкую кисточку. Нажимаем на инструмент ластик и выбираем, тот который на 2-ой или 3-ей строчке. В нашем случае главный диаметр - 30, жёсткость - 0. Нажимаем на изображение. Нам высвечивается такой текст: Для продолжения надо растрировать смарт - объект. В дальнейшем редактирование его содержимого будет невозможно. Растрировать объект? Нажимаем на кнопку "ок". И стираем фон у нашей картинки. И наш итог:

В следующем уроке я объясню как изменять фон другим способом. Их очень много.

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

Спасибо за внимание!


Танец - единственное искусство, материалом для которого служим мы сами.
 



выпускник


Сообщений: 123


Награды:



Дата: Пятница, 05.11.2010, 20:12 | Сообщение # 9
Меняем фон на фотографии. Вариант 2.

1. Открываем изображение фона. В нашем случае такой.
2. Так как наше изображение будет квадратным мы берём инструмент "Рамка". Делаем ширину - 1, длину - 1 (это квадрат). Выделяем и обрезаем. Вот, что у нас получилось:


3. Размер очень большой, поэтому мы заходим в Изображение - Размер изображения. И делаем также, как внизу.

Итог:

4. Теперь заходим в Файл - Поместить... выбираем изображение. В нашем случае это
5. Помещаем как хотим. Вот что получается -

6. Нажимаем на инструмент "Лассо" правой мышкой и выбираем "Магнитное лассо". И осторожно проводим по фотографии. Вот:

7. Когда мы закончим, надо нажать 2 раза левой мышью. По телу девушки проводится линия:

8. Она немного не ровная, но мы это в дальнейшем исправим. Нажимаем Shift+Ctrl+I. Затем нам надо это удалить. Наш слой не растрирован, поэтому в палитре слоёв мы нажимаем на наш слой девушки правой кнопкой мыши и выбираем "Растрировать слой"

9. Теперь нажимаем на изображение правой кнопкой мыши и выбираем "Вырезать на новый слой". Потом мы смотрим на палитру слоёв и нажимаем кнопку "Удалить" (она выглядит, как мусорка)
10. У нас внизу фотографии осталась неровность, поэтому берём инструмент "Рамка" и обрезаем фотографию.
11. Наше изображение готово:


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

Спасибо за внимание!


Танец - единственное искусство, материалом для которого служим мы сами.
 



выпускник


Сообщений: 123


Награды:



Дата: Пятница, 05.11.2010, 20:50 | Сообщение # 10
Плавное исчезновение

шаг 1: работаем с исходными материалами:
о.1: открываем исходник, для урока я выбрала этот, и вырезаем его как надо;
о.2: открываем параллельно фон, для урока я выбрала этот, и вырезаем его как надо;
о.3: переносим исходника на фон;
о.4: аккуратно стираем фон мягким ластиком со слоя с Юстман, вот так:

шаг 2: работаем над самим эффектом:
о.1: копируем слой с Одетт;
о.2: берём ластик с непрозрачностью около 40% и проводим им несколько раз по всей фигуре девушки на главном слое (не на копии), чтобы она стала почти что прозрачной - для удобства можно сделать копию невидимой, нажав глазик слева от слоя, получится вот так:


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

Вот и всё. Чтобы было красивее, я стёрла её туловище вообще, но это не значит, что так нужно делать везде wink

Итог:

Урок взят с сайта http://nestandart.artbb.ru/ с разрешения автора хлопчатая*


Танец - единственное искусство, материалом для которого служим мы сами.
 



выпускник


Сообщений: 123


Награды:



Дата: Суббота, 06.11.2010, 16:25 | Сообщение # 11
Работа с текстом

Текст может быть разным да и шрифты тоже. Сейчас я вас научу некоторым особенностям текста

Размытие

Создаём копию нашего текста. Нажимаем на оригинальный текст. Вот:

. Заходим в Фильтр - Размытие - Размытие в движении. Нам выходит сообщение: Для продолжения надо растрировать смарт - объект. В дальнейшем редактирование его содержимого будет невозможно. Растрировать объект? Нажимаем на кнопку "ок". Ставим такие параметры: Угол - 0, смещение - 155. Нажимаем "ок". Итог:


Выделение или "3D"

Создаём копию нашего текста. Нажимаем на оригинальный текст. Вот:

Меняем цвет оригинального текста и чуть передвигаем его. Итог:


Стиль

Мы можем сделать текст с помощью Стиля. Вот:

. Если у вас мало стилей, то нажимаем сюда:
Выбираем всё, что в кружке, нажимая в следующем окне ДОБАВИТЬ. Теперь, когда у нас есть все стили, мы просто нажимаем на них и смотрим, как изменяется текст. Итог:

Перекрытие и т.д.

Чтобы на картинке текст не очень сильно выделялся или наоборот, мы должны поменять это:

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


Текст в тексте

Создаём копию текста. Меняем цвет текста (для видимости, потом по вашему желанию можно будет его сделать таким же). Нажимаем Ctrl+T или заходим в Редактирование - Свободное трансформирование. Теперь уменьшаем текст и ставим его по-середине. Вот:

. Два раза тыкаем, тем самым сохраняя. Теперь нажимаем на оригиналный текст. Вот:
. Берём инструмент Прямоугольная область и "обводим" маленький текст (который мы сделали). Вот так:
. Берём инструмент Ластик и нажимаем на текст. Выходит сообщение: Для продолжения надо растрировать смарт - объект. В дальнейшем редактирование его содержимого будет невозможно. Растрировать объект? Нажимаем на кнопку "ок". Теперь мы можем спокойно стирать (НЕ ОСТОРОЖНИЧАТЬ!)))). Итог:


Остальные способы я напишу во 2 уроке.


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

Спасибо за внимание!



Танец - единственное искусство, материалом для которого служим мы сами.
 



старший преподаватель


Сообщений: 487


Награды:



Дата: Среда, 05.01.2011, 11:29 | Сообщение # 12
Коллаж
В этом уроке мы научимся эффекту «выпрыгивания» из картины.
Для начала открываем текстуру

После, изображение (я выбрала Хейли Уильямс)

Перетаскиваем фото на текстуру и ставим режим наложения «замена тёмным»

Копируем слой с рамкой и создаём слой маску, задний план удаляем.
Стираем излишки рамы, которые остались на фото + надо дорисовать пальцы с пом. инструмента "Штамп"

Далее можно добавлять эффекты по вкусу
Результат:


Сообщение отредактировал MissCountry - Среда, 05.01.2011, 11:29
 



~ Bloody Mary~


Сообщений: 4301


Награды:



Дата: Четверг, 03.03.2011, 20:04 | Сообщение # 13
ой девчонки вы такие молодцы что создали эту тему!!!!
Все вопросы сразу же отпали!!!
Правда вот не знаю даже тут ли этот вопрос задать..
Я так сказать вообще дерево в фотошопе,не подскажите как подпись делать???анимационную тоже.


 



Я не добрая, я воспитанная


Сообщений: 1707


Награды:



Дата: Четверг, 03.03.2011, 20:30 | Сообщение # 14
Quote (эльфетка)
анимационную тоже.

анимация и как вставляется текст в моей первом уроке))) вроде всё подробно там, если что справшивай wink


 



~ Bloody Mary~


Сообщений: 4301


Награды:



Дата: Четверг, 03.03.2011, 20:35 | Сообщение # 15
MaNia, аааа... biggrin что то я перед сном торможу.
Спасибо зай,да вроде бы всё понятно,всё доступно объяснили.
Еще раз огромное спасибо вам!!!


 
Форум » Творчество » Фан-арт на другие темы » Уроки по Photoshop ((и не только))
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:

Статистика Форума
Последние темы Читаемые темы Лучшие пользователи Новые пользователи

Кэтрин Фишер

(23)

Репутация

(1342)

Загадай существительн...

(75)

Считаем до бесконечно...

(159)

Какая ты кошка

(44)

Какую стихию ты олице...

(17)

Имя твоей души...

(33)

На героиню из какого ...

(82)

Твоя темная сторона

(30)

Твоя суперспособность...

(124)

Создаём семью.

(2407)

Сумерки, Новолуние, З...

(1557)

"ЗАЖИГАЛКА"

(1474)

Репутация

(1342)

Дневники вампира

(1139)

А какие книги мы сейч...

(1087)

~Team Stark~

(1082)

Зои Редберд

(1073)

НоВоСтИ КиНо

(1073)

Последнее, что вы пос...

(880)

Искандра

(11025)

Linara

(9832)

RavelValentain

(4765)

Эльфетка

(4301)

Olechka171

(3484)

_Malina_

(2533)

KaliShahti

(2318)

MaNia

(1707)

elgnis

(1680)

DarK_anGeL_aniutka

(1626)

JuliaZ2018

(27.04.2018)

er1s

(10.08.2017)

qwerty789123

(20.07.2017)

JuliaH

(27.06.2017)

ama

(26.06.2017)

acatava_witch

(19.06.2017)

89258741903

(18.06.2017)

Нейтралка

(14.06.2017)

spamboy

(04.06.2017)

yassinovskayaa

(30.05.2017)



Дом Ночи ☾ Design by Barmaglot ☾ Гостевая книгаИспользуются технологии uCoz

Вверх