O[•Photoshop•]D
Your textures world`
Привет, Гость
  Войти…
Регистрация
  Сообщества
Опросы
Тесты
  Фоторедактор
Интересы
Поиск пользователей
  Дуэли
Аватары
Гороскоп
  Кто, Где, Когда
Игры
В онлайне
  Позитивки
Online game О!
  Случайный дневник
BeOn
Ещё…↓вниз
Отключить дизайн


Зарегистрироваться

Логин:
Пароль:
   

Забыли пароль?


 
yes
Получи свой дневник!

O[•Photoshop•]D > [Уроки]


Тесты c категорией "[Уроки]".
Пользователи, сообщества c интересом "[Уроки]".

воскресенье, 6 февраля 2011 г.
Only Dream 13:58:30
Запись только для зарегистрированных пользователей.
вторник, 12 октября 2010 г.
Only Dream 08:57:59
Запись только для зарегистрированных пользователей.
пятница, 20 августа 2010 г.
[Урок # 19 "Эпиграф на прозрачном фоне"] Only Dream 07:09:39
­­
Подробнее…Итак, дорогие мои, я снова с вами)
Сегодня наша цель - эпиграф на прозрачном фоне)
Я еще давно обещала выставить по нему урок)
Я нигде не видела таких уроков, так что надеюсь я буду первой)
На заметку:
- знаком (!) помечены важные дополнения, не поленитесь прочитать их, они полезны.
- большинство скринов и изображений кликабельны, не забываем.
- Идем пошагово, читаем все примечания, выполняем нужные действия, не бежим и не пропускаем пункты, чтобы потом не возникало вопросов.

1. Для начала мы подбираем исходники (вы можете использовать один)
Я взяла 2 исходника с цветами)
взяла я их из этой темы:
http://photo2702.beon.ru/19186-195-ishodniki-33.zhtml
http://photo2702.beon.ru/19448-812-ishodniki-35-quot-neobychnye-krasivye-voshititel-nye-quot.zhtml#e285748875 - здесь тоже много красивых исходников
­­ ­­

Создаем файл размером 700х600 пикселей.
"Почему такой большой?" - спросите вы. Потому, что нам понадобится много пространства для работы)
Заливаем этот файл цветом, подходящим к исходникам(ку)

Я взяла лиловый.

2. Самым первым мы подберем фоновую текстуру (!)не выбирайте слишком яркие и детальные)
По цветовой гамме текстура должна подходить исходникам
Я нашла фиолетовую:
­­
­­

открыла ее, расположила на файле, но она слишком маленькая, поэтому с помощью клавиш Ctrl и T я растянула ее по размеру файла.
­­

(!) если в текстуре присудствуют черные цвета, как в моей, то постарайтесь растянуть текстуру так, что бы черных участков не было видно.


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

Я открываю первый исх, и переношу его на файл, (!)я не ставлю никакого режима на него, но если ваш исходник с темным фоном, то можете поставить его на один из режимов "Осветления") далее я беру инструмент "Ластик", выбираю ему мягкую кисть 100, непрозрачность и нажим ставлю на 15-20%
­­

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

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

я их располагаю вместе, и стираю лишние участки (!) в данном случае я стерла края соприкосновения цветов, тем самым получился мягкий переход одного цветка в другой)
­­

4. Закончив с основой, мы преступаем к текстурам.
Внимание(!)
Текстуры с темным фоном и текстуры, требующие режима вы можете применить только на этом этапе.
Потому, что когда эпиг будет готов, то на его прозрачном фоне не применится ни один режим.
А это значит, что если вы применили к текстуре, к примеру "Осветление", то когда вы сохраните работу, этот черный фон, который должен был "Осветлиться" останется. И ваша работа будет ужасно выглядеть с этим темным пятном.


Текстовые текстуры вы можете выбрать здесь:
http://photo2702.beon.ru/19457-876-tekstury-dlja-fotoshop-403.zhtml#e285746902
http://photo2702.beon.ru/19073-953-tekstury-dlja-fotoshop-396.zhtml
http://photo2702.beon.ru/18863-729-tekstury-dlja-fotoshop-394.zhtml


Абстрактные здесь:
http://photo2702.beon.ru/18727-661-tekstury-dlja-fotoshop-390.zhtml
http://photo2702.beon.ru/18728-503-tekstury-dlja-fotoshop-391.zhtml
http://photo2702.beon.ru/18316-728-tekstury-dlja-fotoshop-384.zhtml


Текстуры "огоньки" здесь:
http://photo2702.beon.ru/19335-420-tekstury-dlja-fotoshop-401.zhtml
http://photo2702.beon.ru/16710-835-tekstury-dlja-fotoshop-360.zhtml
http://photo2702.beon.ru/18960-989-tekstury-dlja-fotoshop-395.zhtml



А паутинки здесь:
http://photo2702.beon.ru/15703-687-tekstury-dlja-fotoshop-352.zhtml
http://photo2702.beon.ru/18490-682-tekstury-dlja-fotoshop-388.zhtml


Я применила эти 4 текстуры
Перенесла на исходник, расположила, поставила на режим "Осветление" и стерла лишнее.
­­ ­­ ­­ ­­

и получилось так:
­­

Добавила еще эту текстуру
­­

Но т.к она была красной я сделала изменение цвета.
С помощью коррекция/цветовой тон,насыщенность
и в окне я лишь ненамного сдвинула первый бегунок и цвет поменяла на более фиолетовый.
­­ ­­

в итоге:
­­

(!)подбирайте свои текстуры, очень важно, чтобы они полностью подходили к вашей работе)


5. Далее я размыла оба цветка.
Для этого я скопировала слои с ними и применила фильтр/размытие в движении. В окне поставила угол "0", а смещение 140
Теперь оба цветка размыты, это размытие создаст нужный фон.
­­
­­


6. Приступаем к самому главному!
На любом видимом слое нажимаем правой кнопкой мыши и выбираем "Объединить видимые"
Теперь все слои, которые были задействованы превратились в один единственный "Задний план", что нам и нужно. (помимо этого слоя могут быть и другие, те, что были не видимы, их можно удалить)
­­

­­



7. Если вы заметили (или знаете) на этом слое стоит автоматический замок, который не дает редактировать этот слой,(!)нам обязательно нужно замок убрать
Кликаем по слою 2 раза и на запрос о новом слое отвечаем "да"
Теперь замка нет, и наш "задний план" превратился в "Слой 0"
­­

Вот теперь и начинается завершающий этап создания эпига, мы берем ластик, с теми же настройками. И начинаем стирать все лишние части нашего файла, оставляя только ту чатсь, что и будет являться эпигом.
(!)А чтобы нам было лучше видно какие части стерлись, а какие нет, мы создадим новый слой (Ctrl + Shift + Alt + N), зальем его черным цветом и переместим этот слой ниже нашего главного.
­­

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


8. Далее, когда вы стерли все ненужное. Мы будет делать эту пунктирную рамку вокруг эпига.
Берем инструмент "Линия"
­­

И рисуем им горизонтальную полоску, а для того, чтобы она была ровной зажимаем клавишу "Shift" После этого заходим в стили "Dotted strokes" и находим там любую белую пунктирную рамку.
­­

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

Кликаем правой кнопкой мыши, заходим в "параметры наложения", ищем пункт "внешнее свечение" и в нем ставим те настройки, какие нравятся.
Далее тоже самое проделываем еще 3 раза, чтобы было 2 горизонтальных и 2 вертикальных полосы, после чего их размещаем.
­­

Стираем наш эпиг под размер рамки.
­­

Нам нужно уменьшить размер нашего файла, а то он получается слишком большим для маленького эпига.
Зaходим Изображение/Размер холста/ В окне ставим "пиксели" и ставим значения чуть меньше.
Тем самым обрезая пустые части файла, пока не найдем размер, который будет в точности под ваш эпиг.
­­ ­­

­­


9. Убираем видимость со слоя с черным цветом (!)
­­

И сохраняем в PNG(!) формате.

Итог:
­­
Выкладываем ваши творения, мне интересно^^


Категории: [Уроки]
комментировать 735 комментариев | Прoкoммeнтировaть
четверг, 19 августа 2010 г.
[Урок # 18] Only Dream 11:43:03

­­
Подробнее…Приветсвую всех)
Наконец то Катя написала урок)
Сегодня мы будем учиться делать аватар с 2мя планами: задним и передним)

Начнем:
1. Для начала вы должны выбрать фон или исходник.
Фоном может служить интересная текстура.
Ее вы можете выбрать в этих темах:
http://photo2702.beon.ru/19154-093-tekstury-dlja-fotoshop-398.zhtml#e282035182 ( 100х100 + бонус большие текстры)
http://photo2702.beon.ru/15511-339-tekstury-dlja-fotoshop-324.zhtml (много больших текстур "радуга")

А исходник уже на ваше усмотрение.
Внимание!
- Ваш исходник должен быть желательно аниме направления, разный арт и рисовки) Потому, что аниме арт уместней смотрится в подобных работах.
- Фон не должен быть слишком ярким, детальным и загруженным, иначе он просто будет перебивать ваш исходник.
- Фон и исходник должны быть схожей цветовой гаммой, так работа будет выглядеть скомпанованней)


Я взяла этот фон и этот исходник: *исх кликабелен*
­­ ­­

2. Сначала будем работать с исходником:
Уменьшаем его до нужного размера. (смотря какой у вас аватар 100х100 или 100х162)
Если он у вас не слишком яркий, то вы можете применить к нему какой нибудь колор, чтобы изменить цветовую гамму на более подходящую)
я колорировала исходник ,сделав более ярким)
­­ --> ­­

3. Находим на панели инструментов инструмент" Прямолинейное лассо"
­­

И начинаем им обводить нужную часть исходника.
Прямоугольное лассо рабонает на принципе "пошаговое движение" тоесть нажав им в одной точке, вы должны будете тянуть ее до другой точки, и так по точкам вы обойдете нужную вам фигуру :3
Обводим на небольшом расстоянии от краев. Где-то 3-4 мм.
И когда доходим до того места откуда начали обводить, инструмент сам дает понять, что здесь обводка завершается.
А именно: на мышке-курсоре мы видим маленький нолик (показано красным цветом), что ознает, что вы пришли к исходной точке и фигура в этом месте завершится)
­­

­­


Закончив обводку, мы берем инструмент "Перемещение" ­­ и с его помощью перетаскиваем нашу выденную часть на фон.
Красиво располагаем исходник на фоне)
я чуточку подкорректировала фон, отразив его по горизонтали, с помощью Изображение/повернуть холст/отразить по горизонтали
­­

в слоях у нас получается такая картина:
­­

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

1) На слой-исходник мы нажимаем правой кнопкой мыши и выбираем "Ппараметры наложения"
­­

В открывшемся окне находим пункт "Обводка" и ставим ему такие настройки:
- Цвет меняем на белый
- Положение ставим "По центру" или "Внутри" (почему именно так расскажу позже)
- Размер выбираем сами. Но не делайте его слишком большим, иначе будет смотрется грубо о.о
­­

Почему желательно ставить положение обводки "По центру" или "Внутри"?
Объясняю:
У многих нужное изображение на исходнике на цветном и детальном фоне, например как здесь:
­­

Икогда вы вырезаете его, у вас края выглядят очень нелепо:
­­

Вам их нужно убрать, но если вы сделаете белую обводку в положении "Снаружи", то эти цветные края все равно останутся
­­

А если же примените ту же обводку с положением "Внутри", то цветные края будут перекрыты белой обводкой и смотреться аккуратно)
­­

"Снаружи"_______"Внутри"

­­ ­­

2) В том же окне "Параметры наложения" мы заходим в другой пункт "Тень" и цвет тени подбираем под наш фон. Если фон красный, то тень темно-бордовая. Если фон синий, то тень темно-синяя и т.д.
­­

3) Делаем белую рамочку) чтобы аватарка выглядела законченной)
Если не знаете как ее делать или лень, то возьмите готовую)
­­ ­­

5. Вы также можете сделать аву 100х162,
но для этого фоновую текстуру ищите больше
(во второй ссылке есть большие текстуры)
­­

Вот и все)

Итог:
­­
Еще примеры:
Подробнее…­­ ­­ ­­

Буду ждать ваших работ :3


Категории: [Уроки]
комментировать 514 комментариев | Прoкoммeнтировaть
воскресенье, 25 июля 2010 г.
Only Dream 18:57:20
Запись только для зарегистрированных пользователей.
воскресенье, 20 июня 2010 г.
Only Dream 06:01:37
Запись только для зарегистрированных пользователей.
воскресенье, 30 мая 2010 г.
[Урок # 15 "Эффект освещения"] Only Dream 16:13:31
­­
Сегодня проходим урок: "эффект освещения"
Подробнее…Наверно вы часто сталкивали с подобным эффектом и задавались вопросом: "как же его сделать"
Начнем:
1. Открываем наш аватар.
Я возьму этот:
­­

2. Копируем наш слой 10 (или более раз) с помощью клавиш Ctrl и J

3. Убираем со всех слоев "видимость" и оставляем ее только на 1ом слое.
­­

4. Стоя на первом слое мы заходим в Фильтр/Рендинг/Эффекты освещения
­­

5. В открывшемся окне мы ставим настройки:
Стиль: Прожектор на 2 часа (2 O'Clock Spotlight)
Источник: Лампочка
Интенсивность: негатив - 22 (экспериментируйте)
Все остальное можно оставить тем же.
Цвета желательно поменять на белые (см скрин: помечены синим кружком)
­­

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

Располагаем обе лампочки в центре, ближе к краям, напротив друг друга.(помечено красным цветом)
И изменяем их размер (помечено синим цветом)
­­

и нажимаем "ОК"


6. Теперь щелкаем на второй слой и ставим ему видимость.
Опять заходим в Фильтр/Рендинг/Эффекты освещения, оставляя все как есть и меняя только расположения лампочек
Мы сдвигаем их против или по часовой стрелке.
(старайтесь по-тихоньку сдвигать лампочки, так анимация будет плавнее)
­­

И так мы проделываем с последующими слоями, пока не дойдем до места откуда начали.


7. Теперь, когда все слои готовы мы идем в Окно/Анимация.
В этом окне виден только один кадр. На панели слоев снова убираем видимость со всех слоев, кроме 1.
Тот слой, на котором последнем стоит видимость и будет отражаться в кадре.
­­

Теперь в окне "анимация" нажимаем на кнопку ­­ и на панели слоев ставим видимость на следующий слой.
­­


И так мы проделываем до последнего, нужного нам, слоя.


8. Теперь в окне "Анимация" мы выделяем первый кадр, зажимаем клавишу "Shift" и щелкаем на последний кадр.
У нас выделились все кадры:
­­

Затем нажимаем на стрелочку под любым из кадров и выбираем время "0,1 сек"
­­

Если кто то хочет сделать анимацию чуть медленней, то вместо "0,1 сек" нажмите "другое" и поставтьте время "0,17 сек".


ВНИМАНИЕ!!
Сохраняем в Файл/Сохранить для Web и устройств
­­

Вот и все, выкладываем свои результаты.

Итог:
­­


Категории: [Уроки]
комментировать 658 комментариев | Прoкoммeнтировaть
воскресенье, 25 апреля 2010 г.
Only Dream 14:38:56
Запись только для зарегистрированных пользователей.
четверг, 4 марта 2010 г.
[Урок # 13 "Создаем марку"] Only Dream 07:15:11
­­
Подробнее…Привет всем, ну вот я снова решила написать новый урок
Сегодня он посвящен работе с маркой)
наверное вы не раз видели красивые марки в дневниках пользователей)
Их оказывается очень легко делать, и я научу вас их создавать)
1. Открываем исходник. вот мой:
­­

уменьшаем его до небольшого размера, где то около 100 пикселей.
2. Открываем нашу заготовку марки.
­­


3. Теперь инструментом "Прямоугольная область"­­ мы выделяем черную область на заготовке.
­­

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

4. Теперь инструментом "Перемещение" ­­ мы перетаскивам выделенную часть исходника на заготовку и устанавливаем ровно по центру.
­­

­­
5.В общем то и все, сохраняем марку в формате png
Вы можете дополнить свою марку интересными текстурами или добавить подпись)

Итог:
­­
Выкладываем свои работы)


Категории: [Уроки]
комментировать 150 комментариев | Прoкoммeнтировaть
среда, 27 января 2010 г.
[Урок # 12 "Немного блесток"] Only Dream 09:56:20
­­
Подробнее…Привет всем, кто пришел учится))
Сегодня у нас с вами очень интересный урок"блестящая картинка"
Раньше,к как я припомню такие блестяшие анимации создавали с помошью различных сайтов, теперь же вы можете проделать это в фотошопе)
итак, начнем:
1. Открываем исходник: я решила взять этот:
­­

2. Теперь копируем слой "задний план" 4 или больше раз (как вам хочется) с помощью Сtrl и J

3. Начинаем работать с 1м слоем. Инструментом "Волшебная палочка" мы выделяем ту часть картинки, которая нам нужна. Если вы щелкнули палочкой и она не выделила всю область, которую вы запланировали, то можете нажать клавишу Shift, и держа ее, выделять палочкой оставшиеся части.
­­

­­

нажимаем фильтр/ Шум/ Добавить шум.
­­

Открывается окно, где мы ставим такие настройки:
­­

4. Теперь переходим на следующий слой и ставим там настройки шума уже такие:
­­

5. на следующем слое тоже поменяйте настройки шума: сделайте теперь колличество шума: 33%


6. Итак продолжайте дальше, пока не обработаете все запланированные слои - каждый раз меняя колличество шума (у меня получилось 4 слоя)

7. Когда закончите с шумом уберите выделение с помощью клавиш Ctrl и D.
Сейчас можно добавить немного блесток.
Начинаем с 1го слоя: заходим Фильтр/Рендинг/Блик
­­

У нас открывается окошко, где мы ставим яркость на 40-50%, тип объектива на "начало ролика", а сам блик размещаем в области, где у нас находится шум.
­­

вот что получилось у меня:
­­

И такие блики мы делаем на каждом слое, только чуть чуть меняем их расположение (но в пределах области шума)
8. Теперь дело за малым - нам нужно открыть окно/анимация, расставить кадры и настроить время, желательное время 0,2 сек (если вы не знаете как это делать - посмотрите в уроке № 6 в последних пунктах)

9. Итог:
­­


Категории: [Уроки]
комментировать 113 комментариев | Прoкoммeнтировaть
вторник, 19 января 2010 г.
[Урок # 11 "Колоризация"] Only Dream 11:56:46
­­
Подробнее…Привет - привет)
сегодня мы будем делать один из множеств вариантов колоризации аватара))
Урок полезный и очень эффективный!)
1. Открываем аватар) я возьму этот:
­­

2. Теперь нажимаем Слой / Новый корректирующий слой/ Кривые и после нажимаем "да"
­­

У нас открывается окошко в нем мы находим раздел "синие":
­­

и двигаем кривую примерно так: вход - 76, выход - 126
­­

Идем в "зеленые"
и двигаем кривую так: вход - 97, выход - 88
­­

далее Заходим в "RGB"
и ставим линию таким макаром:
­­

В общей сложности у нас должно выйти что то вроде этого:
­­

3. Далее заходим Слой / новый корректирующий слой / уровни
­­

окрываетя окно в котором мы ставим такие настройки:
­­

4. После уровней мы создаем Слой / новый корректирующий слой / выборочная коррекция цвета
­­

И в этом окне в разделе "нейтральные" ставим такую вот настройку:
­­

5. В общем в слоях у вас должна быть такая картина:
­­

6.Ну вот и все) колоризация завершена!
Итог:
­­

P.S К колоризации можно еще добавить прозрачную рамку из урока № 10 и какую нибудь текстурку,
и вуаля...аватар готов!

Итог:
из ­­ => ­­


Категории: [Уроки]
комментировать 179 комментариев | Прoкoммeнтировaть
понедельник, 18 января 2010 г.
[Урок # 10 "Прозрачная рамка"] Only Dream 17:45:17
­­
Подробнее…Hello!
Вы наверное не раз видели на аватарках вот такую вот прозрачную рамочку:
­­
Её делать совсем несложно, сегодня я вам расскажу как)
1. Открываем любую аватарку. вот моя:
­­

2. Копируем слой "задний план" один раз с помощью клавиш Ctrl и J и назовем эту копию "рамка"
­­

3. Инструментом "заливка" и белым цветом мы заливаем слой "рамка" полностью.

4. Далее мы находим на панели слоев пункт "заливка" и ставим на него 0%
­­

5, Далее на этот же слой "рамка" мы щелкаем правой кнопкой мыши и выбираем "параметры наложения"
­­

и в открывшемся окне нажимаем на последний пункт "Обводка"
И в нем ставим
положение: внутри
режим: мягкий свет
непрозрачность 100%
тип обводки: цвет
цвет выбираем белый
толщину обводки устанавливаете сами.
­­

Нажимаем "да" и готово!
сохраняем изображение)

Итог:
­­
Хвастаемся творениями в коментариях!


Категории: [Уроки]
комментировать 323 комментария | Прoкoммeнтировaть
[Урок # 9 "Угловой фон для дизайна"] Only Dream 17:20:56
­­
Подробнее…Привет снова)
Сегодня мы будем учится делать фоны для дизайна, такие как я делала для этого соо)
Делать его совсем несложно, к концу урока вы это поймете
1. Создаем новый файл 500х500 пикселей.
2. Открываем текстуру - узорчатую. Я взяла эту:
­­

3. Подбирем цвет, подходящий текстуре (но желательно на один или несколько тонов светлее) и инструментом "заливка" покрываем этим цветом наш новый файл

4. Теперь инструментом "Перемещение" перетаскиваем текстуру на новый файл, и размещаем в правом верхнем углу:
­­

5. Затем отыскиваем инструмент "ластик" и ставим ему режим непрозрачтости на 25%, а размер: 100
­­

и плавно стираем края текстуры, чтобы не было резких обрывов.
У вас должно получится так:
­­

6. Далее находим инструмент "Прямоугольник" (мы им уже пользовались, когда делали меню для дизайна)
и рисуем им длинный, узкий, горизонтальный прямоугольник в самом верху нашего файла, затем зажимаем Shift и начинаем рисовать 2й узкий вертикальный прямоугольник в самой правой части файла и тут же отпускаем кнопку Shift, продолжая рисовать (если потом не отпустите Shift, то вместо продолговатого прямоугольника инструмент будет рисовать правильный квадрат)
Должно получится что то вроде этого:
­­

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

7. Тепрь мы щелкаем на слой с прямоугольнико правой кнопкой мыши и выбираем "параметры наложения"
­­

В появившемся окне находим пункт "наложение цвета", выбираем подходящий вам цвет (удачнее всего будет светлый цвет в тон к вашей текстуре) ставим непрозрачность на 75%
­­

и передвигаемся в следующий пункт "Внутренняя тень" выбираем для внутренней тени нужный вам цвет (для светлых цветов не оставляйте черную тень - она будет смотреться грубо) и размер тени поставтьте где то 12.
­­

Как только закончили с внуренней тенью продвигаемся в пункт "Тень" Здесь мы ставим угол наклона тени - 45 градусов, смещение 4 - 5, размер: около 30 - 32 и нажимаем "да"
­­

Вот и все - урок завершен
Сохраняем в формате Jpeg.
Итог:
­­

выкладываем творения - жду с нетерпением)


Категории: [Уроки]
комментировать 311 комментариев | Прoкoммeнтировaть
[Урок # 8 аватар "Лепесток"] Only Dream 17:02:02
­­
Подробнее…Привет, привет, любимые мои)
Итак, сегодня мы учимся образать аватар в форме лепестка:
­­
вы наверное не раз видели аватарки такого плана, хочу вас порадовать создавать их самим безумно просто)
Ведь Катя всегда расскажет вам все доступно и понятно)
1. Открываем любую аватарку 100х162
вот моя:
­­

2. На панели слоев нам нужно убрать замочек со слоя "Задний план" для этого мы 2 раза щелкаем по этому слою и затем в появившемся слое нажимаем "да" теперь наш "задний план" должен переименоваться в "Слой 0"
и замочка на нем уже не будет.

3.На панели иструментов находим "Овальная область"
­­

и рисуем им круг у любого края(смотря в какую сторону вы хотите сделать лепесток) примерно так:
­­

Затем нажав Shift и держа его рисуете второй круг у противоположного края, примерно так:
­­

Теперь нам нужно убрать остальные 2 угла, для этого мы снова зажимаем Shift и "зарисовываем" их тем же инструментом, чтобы остались не затронутыми только 2 противоположных угла
что то вроде этого:
­­

4. После обводки зажимаем клавиши Ctrl + shift + I (без плюса) - теперь у нас выделилась область, которая до этого была незатронута и нажимаем Delete. Теперь эти 2 уголка обрезались и остались только те, что мы обвели.
­­

5. Убираем выделение с помощью клавиш Ctrl + D

6.Сохраняем в формате PNG!!! (это важно!) если вы сохраните в формате Jpeg, то обрезанные углы будут не прозрачными, а белыми!
Итог:
­­

7. Можно добавить обводку:
Я добавила белую обводочку...
с помошью: параметры наложение / обводка:
­­

Итог:
­­
Ну вот и все...Выкладываем свои работы!)


Категории: [Уроки]
комментировать 351 комментарий | Прoкoммeнтировaть
пятница, 15 января 2010 г.
[Урок # 7 "Эффект Сдвиг"] Only Dream 13:13:21
­­
Подробнее…Привет снова, мои любимые)
Сегодня у нас урок тоже посвящен анимации)
но на этот раз мы будем проходить анимационный эффект, под названием "сдвиг"
Вы наверно не раз видели аватарки или баннеры, в которых картинка будто бы движется?
Этот эффект полезный и довольно понятный, по крайней мере я постараюсь сделать так, чтоб вам все стало ясно)
1. Открываем исходник, вот мой:
­­

2. Теперь создаем новый файл: Фаил/ Новый размером 100х162 пикселя

3.Далее инструментом "перемещение" мы перетаскиваем наш исходник на новый файл. и делаем его расположение где то так: чтобы было видно только край картинки:
­­

4. Теперь мы копируем этот слой где то шесть раз с помощью клавиш Ctrl и J. и у вас должно получится что то вроде этого:
­­

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

5. Итак теперь начинаем работать, мы оставляем один кадр с изображение таким какой он есть, и нажимаем на следующий - будем работать с ним!Нажав на него мы заходим в фильтр/ другие/ сдвиг
­­

Открывается вот такое окно:
­­

и в него мы ставим настройки "по горизонтали" мы ставим "- 25" и изображение у нас смещается влево (если вам нужно чтобы изображение двигалось вправо, то тогда ставьте просто "25" без минуса) и нажимаем "да"
­­

6. Сделав сдвиг на этом слое, мы переходим на следующий, предварительно поставив ему видимость, и с помощью того же Фильтр/другие/сдвиг мы делаем смещение, только уже на "-50"

7. Затем мы переходим на следующий слой и меняем ему сдвиг на "-75"
и так продвигаемся дальше по слоям, меняя им сдвиг каждый раз все больше на "25"
пока не дойдем до другого конца изображения.

8. вы закончили все слои и ваша картинка на последнем слое "дошла" до противоположного края картинки (если вам не хватило этих шести слоев то вы просто переименуйте последний слой и скопируйте его столько раз, сколько вам не хватает) мне лично не хватило для моей картинки шести слоев, поэтому я добавила еще и 3 и у меня получилось так:
­­

9.Ну вот когда все кадры у нас готовы - нам нужно их разместить в аниматоре. Для этого открываем Окно/анимация (для фотошоп Cs3) и в появившемся окне анимации мы как обычно видим 1 кадр. на этом кадре мы оставляем видимым только один слой (самый первый с картинкой)
­­

10. Теперь на окне анимации копируем наш кадр нажав кнопку ­­ , и на появившемся кадре ставим видимость на следующий слой с картинкой.

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

11. Теперь на всех кадрах расставляем время 0,1 сек, кроме последнего - на нем поставтьте 0,2 сек, а теперь воспроизведите анимацию с помощью кнопки ­­.

Не замечаете ли вы, что переход от последнего кадра к самому первому слишком резкий???
Если да, и вас это не устраивает, то можно сделать пару нехитрых телодвижений, чтобы это исправить:

• создайте еще один кадр и на нем оставтьте видимым самы первый кадр с картинкой:
­­

• А теперь шелкните на кадр предыдущий и нажмите вот такую кнопочку ­­. Фотошоп спросит у вас "создать промежуточные кадры?" и вы ему в ответ "да"
­­

и у вас должно получится примерно вот так:
­­

12. Ну вот и все. теперь мы сохраняем нашу работу в формате Gif
Урок закончен.
Итог:
­­
Выкладываем свои творения!))



Категории: [Уроки]
комментировать 306 комментариев | Прoкoммeнтировaть
[Урок # 6 "Делаем анимацию"] Only Dream 12:23:29

­­
Подробнее…Итак, мои дорогие, сегодня мы учимся создавать анимацию!!!
Урок полезный, но довольно долгий)
Приступим:
1.Создаем новый файл размером где то 200х200, нам этого хватит.
белого цвета.
­­

2. Далее находим инстурмент "Эллипс"
­­

и ставим ему такие настройки:
­­

3. Затем рисуем им небольшой круг в самом низу нашего файла.
­­

4. Идем дальше и создаем копию этого слоя с нашим кружочком, для этого мы просто нажимаем на нужный слой и на клавиатуре жмем Ctrl и J
вот у нас появилась копия слоя:
­­

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

Далее на втором (скопированном) слое мы нажимаем Ctrl и T. Тем самым у нас появляется некий прямоугольник, который срелками мы можем растягивать во все стороны, но лично нам нажно растянуть наш кружок только немножко вверх, делаем:
­­

Как только мы превратили наш круг в овал, нам нужно завершить работу трансформатора, для этого мы жмем на любой инстумент на панели и фотошоп нас спрашивает "Применить трансформирование" и мы ему наше решающее и беззаговорочное "Применить"
­­

6. Теперь мы снова копируем слой (уже второй) и убираем видимость у второго слоя (чтоб он нам не мешал), потом снова трансфорируем наш "полуовал" в немного более вытянутое состояние и незабываем его немножко смещать вверх (будто он у нас поднимается)
У вас должно быть примерно так:
­­

7. Опять копируем слой и снова убираем видимость у предыдущего. И как всегда растягиваем наш овал еще на чуть чуть и совсем немножно его смещаем вверх.
­­

8. Осталось сделать еще 2 кадра для нашей анимации. также копируем последний слой, и также убираем видимость предыдущего. Теперь мы овал будем не растягивать, а наоборот стягивать, теперь смстите овал чуть чуть вверх и стяните его, чтоб он был менее вытянутым)
­­

9 И вот последний кадр, здесь тоже немного поднимите овал еще чуть чуть вверх, и сузьте его почти до формы круга)
­­

10. И вот настал тот час, когда мы переходим к самому главному, теперь мы открываем Окно/ Анимация
(для фотошоп CS3, в котором я работаю, в фотошопе CS2 немного по другому, я там никогда не работала, но знаю, что там нужно переходить в Image Ready)
­­

У нас открывается вот такое окошко:
­­

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

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

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

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

14. Теперь последние штрихи: выставляем на кадрах время 0,1 сек. Чтобы это сделать сразу на всех кадрах можно сначала нажать Shift и держа кнопку мышкой выделить все кадры, а потом нажать стрелочку на любом из них и найти там нужное время.
­­

Ну и вот можете посмотреть анимацию нажав кнопку ­­.
Теперь сохраните ее в Gif формате в файл/ сохранить для Web.
Внимание!
если у вас не сохраняется, значит у вас на компьютере не установлена программа Quick time Player. Без него анимация не будет сохранятся
Итог:
­­
Удачи, выкладываем свои творения)оО


Категории: [Уроки]
комментировать 160 комментариев | Прoкoммeнтировaть
вторник, 12 января 2010 г.
[Урок # 5 "Как применять текстуры"] Only Dream 11:19:31

­­
Подробнее…Меня часто спрашивают "а что делать с этими текстурами" так вот, кто еще не знает - этот урок спешиал для вас!
Итак, сгодня мы учимся накладывать текстуры на изображение

Урок ну просто до невозможности простой))

1. как всегда открываем исходник:
­­

2. открываем текстуру: для начала возьмем текстуру с темным фоном!
­­

3. перетаскиваем инструментом текстуру на изображение. (если нужно - уменьшаем текстуру)
­­

У нас должно получится что то вроде этого:
­­

4.теперь в кладке "слои" или "Layers" мы меняем режим наложения текстуры с "Нормальный" на "Осветление" как показано на скрине:
­­

5. Сохраняеем ваше изображение)
вот в общем то и все.
Это еще не все выше этого урока есть полезные советы по текстурам - советую пробежаться по ним глазами, потому что эти советы вам обязательно пригодятся в работе с текстурами.
Что стоим? вперед в тему [Полезный совет # 2. "Наложение текстур"]
http://photo2702.beon.ru/12396-162-poleznyi-sovet-2-quot-nalozhenie-tekstur-quot.zhtml

Вот что примерно должно у Вас получится:
­­



Категории: [Уроки]
комментировать 230 комментариев | Прoкoммeнтировaть
[Урок # 4"Создаем меню для дизайна] Only Dream 09:41:08
­­
Подробнее…А вот и новый урок, господа.
Вы наверное не раз видели, в дизайнах пользователей нашего сайта, изображения на меню наподобии таких:

и наверняка Вам хотелось узнать: как же сделать такое меню?
вот как раз этому вопросу посвящен сегодняшний урок.
Все скрины кликабельны!

1 Создаем новое изображение: Файл/Новый и возьмем размеры ну где то 320х500 (нам этого хватит)
­­

2. Затем инструментом заливаем его любым цветом. я взяла черный - классический.

3. Теперь открываем текстуру. Она должна быть узорчатой (то есть на ней должны быть изображены узоры с периодичной последовательностью)
я взяла эту:
­­

4 Теперь заходим в Редактирование/Определить узор и в появившемся окне нажимаем "да"
­­

­­

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

5. Снова возвращаемся к нашему первому файлу. Находим на панели инструментов ­­ и ставим на него такие настройки:
­­

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

7. На панели слоев мы находим слой с нашим прямоугольником, он должен выглядеть примерно так:
теперь щелкаем на него ПРАВОЙ кнопкой мыши и выбираем "параметры наложения" и у нас выплывает окно настроек:
находим в этих настройках "Перекрытие узора", там где показан узор нажимаем стрелку и среди всех узоров ищем наш недавно сделанный (он должен быть в самом конце) затем жмем "да"
­­

­­

­­

у нас должно получится что то вроде этого:
­­

8. Остается лишь последний шрих. Заходим снова в "параметры наложения" только теперь выбираем пункт "Внутренняя тень" и ставим такие настройки:
­­

9. Сохраняем в формате "Jpeg"
Итог:
­­

ну вот и все, дорогие мои, надеюсь урок вам пригодится!
Выкладываем свои творения!


Категории: [Уроки]
комментировать 304 комментария | Прoкoммeнтировaть
пятница, 11 декабря 2009 г.
[Урок # 3 "Создаем статический аватар"] Only Dream 13:04:32
­­
Подробнее…Сегодня мы будем изучать очень интересный урок:
Создание статического аватара с помощью колоризации и текстуры

Начнем пожалуй
1.Открываем исходник
Вот мой:
­­
2. Уменьшаем его до примерного размера под аватар
Я его уменьшила на 200 пикселей (как показано на рисунке)
­­

3. Теперь создаем новый файл 100х162 пикселя
­­

4. далее инструментом ­­ перетаскиваем изображение с исходника на новый документ
­­

5.Затем уже на новом документе мы заходим в "изображение/коррекция/цветовой баланс"
­­

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

6.После цветового баланса мы идем в "изображение/коррекция/кривые"
­­

И ставим примерно такие настройки (если у вас другой исходник то вы можете подобрать настройки самостоятельно и по вашему вкусу)
­­

7. Теперь открываем эту текстуру для аватар:
­­

Перетаскиваем ее на нашу работу и ставим режим "Мягкий свет"
­­

И непрозрачность можно убрать на 50% (иначе получается слишком ярко)
­­

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

Объединяем "слой 1" со слоем "задний план" для этого нужно нажать на "слой 1" правой кнопкой мыши и выбрать пункт "объединить с предыдущим"
­­

Затем получишийся слой "задний план" копируем с помощью клавиш "Ctrl" + "J"

9. Далее мы идем в отдел "стили", нажимаем стрелку (как показано на рисунке) и в появившихся пунктах выбираем "Dotted strokes" и выбираем любой тип пунктирной рамки, нажав на нее.
­­

10. Ну вот в общем то и все: наш аватар готов)

это только один способ создания аватаров (на самом деле их очень много)

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

Итог:
­­


Не бойтесь экпериментировать - фотошоп не кусается!
Выкладываем свои работы!)



Категории: [Уроки]
комментировать 414 комментариев | Прoкoммeнтировaть
четверг, 12 ноября 2009 г.
[Урок # 2 "Линейный узор"] Only Dream 16:56:03
­­
Подробнее…Урок: "Линеечка"
урок из разряда "самое простое"
думаю, вы его прекрасно усвоите)

начнем, пожалуй...
1. Открываем исходник, вот мой:
­­

2. Заходим в "слои"(Layers) и 2 раза нажимаем "задний план" (background) и нажимаем "да", у нас получился "слой 0"


3.создаем новый документ 5х5 пикселей...
­­


приближаем его истументом "лупа" ­­ и затем инструментом "карандаш" ­­ рисуем вытянутую линию по диагонали любого цвета.
­­

далее мы заходим в "редактирование"/"определить узор" (Edit / define pattern) после чего нажимаем "да"
­­


4. Возращаемся к нашему исходнику. На панели слоев у нас только один слой, мы копируем его клавишами Ctrl + j
5. на новом слое нажимаем Fх и находим там "Перекрытие узора" (Pattern overlapping)
­­


В появившемся окне делаем находим среди узоров наш, недавно сделанный! и нажимаем "ок"
­­


Вот наша картинка и покрылась линеечкой.
­­

Дополнительно:
Если вы хотите чтобы узор покрывал не весь рисунок, а только какую то часть, то вы должны сделать еще один несложный шаг:
найдите инструмент "ластик" ­­ и сотрите ненужные вам участки картинки
(только обязательно смотрите, на каком слое вы стираете, *слой должен быть 2*)
Результат:
­­
Выкладываем свои работы!


Категории: [Уроки]
комментировать 215 комментариев | Прoкoммeнтировaть
[Урок # 1 "Пунктирная рамка"] Only Dream 14:36:15
­­
Подробнее…Hello всем...сегодня мы учимся делать пунктирную рамку!
Это очень легкий урок, если будете следовать по этапам, вы даже не заметите, как все быстро сделаете)

Примечание: я работаю в фотошопе CS3!
Итак, начнем...
1. Первое что мы делаем - открываем исходник. вот мой:
­­



2.Находим панель "слои" и нажимаем 2 раза по слою "задний план" затем нажимаем "да"
это мы убрали замок со слоя...теперь он называется "слой 0" и мы можем с ним работать!
­­




3. нажимаем клавиши ctrl + j этим самым мы скопировали наш "слой 0"
­­



4.Теперь октрываем вкладку "стили" и нажимаем кнопку (показанную на картинке) и выбираем "Dottet Scrokes" и жмем "да"
­­
­­




5. У нас появились разные пунктирные рамки...нажимаем на любую из них и вуаля! пунктирная рамка готова)
6. Сохраняем в формате Jpeg.
Результат:
­­


Выкладываем свои работы!





Категории: [Уроки]
комментировать 436 комментариев | Прoкoммeнтировaть


O[•Photoshop•]D > [Уроки]

читай на форуме:
мне скучно
пройди тесты:
Одиночество у меня в крови3
пппппппппп
Любовь с Томом или... Биллом - 17
читай в дневниках:
1937
1938
1939

  Copyright © 2001—2018 BeOn
Авторами текстов, изображений и видео, размещённых на этой странице, являются пользователи сайта.
Задать вопрос.
Написать об ошибке.
Оставить предложения и комментарии.
Помощь в пополнении позитивок.
Сообщить о неприличных изображениях.
Информация для родителей.
Пишите нам на e-mail.
Разместить Рекламу.
If you would like to report an abuse of our service, such as a spam message, please contact us.
Если Вы хотите пожаловаться на содержимое этой страницы, пожалуйста, напишите нам.

↑вверх