Уроки Фотошопа: Работа с PSD и PNG шаблонами

Многие не знают как работать с шаблонами PSD и PNG (костюмами, рамками). В этом уроке, на примере работы с рамочкой для фотографий, я покажу что и как делать с этими "загадочными" шаблонами в формате PSD и PNG.

Итак, поехали:

Первое что нам нужно - это сам шаблон (т.е. файл в формате PSD или PNG). В данный момент их полно в интернете. Можно скачать и с нашего сообщества в соответствующем разделе «Рамки» (Раздел с костюмами появится позже).

Теперь открываем этот шаблон в Photoshop. Файл – Открыть (File– Open)
Если слои отключены мы увидим следующую картину, а вернее чистый фон.

Включаем все слои, т.е. делаем их видимыми.

После включения всех слоев увидим рамку во всей красе.

Теперь открываем необходимую фотографию. Я выбрала эту.

Находясь на слое с фотографией выбираем Выделение – Выделить все (Select– All), далее Редактирование – Копировать (Edit– Copy). Закрываем фотографию. Находясь на нашей рамочке выбираем Редактирование – Вставить (Edit– Paste) и располагаем слой с ней (т.е. фотографией) под слоем с овальной рамкой.

Теперь необходимо подогнать размер фотографии под размер рамочки.

Выделяем слой с фотографией (кликните по нему в панели слоев), нажмите CTRL + T. Вокруг фотографии появится тонкая окантовка с узлами. Поставив курсор внутрь окантовки, либо на любой из узлов – можно изменить размер изображения, либо передвинуть его.

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

Вот и все!!!

Сохраняем файл (File - Save As). Если Вы сохраните в формате PSD - то сможете поменять что-либо в вашем творении, если сохраните в формате JPG - изменения будут невозможны.

Удачи Вам!!!

Красивые зимне-новогодние рамочки для оформления Ваших фотографий

+ Урок фотошопа: как работать с рамочками png

Формат PNG

Размер 2243х1600 

Урок, позволяющий анимировать печатный текст. Сайт источник - http://all-graphics.narod.ru/ Вот что у меня получилось))) А вот мной переработанный урок для новичков. Для баннера или аватарки полезен рассмотренный в уроке анимированный эффект. ...

...

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

Материал изложен настолько просто и наглядно,что все запоминается буквально с первого раза.Этот видеокурс предназначен для тех, кто хочет освоить программу Adobe Photoshop CS 5 в самый короткий срок.

Читать дальше..

Серия сообщений "Уроки Фотошоп":
Часть 1 - Уроки фотошоп
Часть 2 - 16 уроков по созданию текстовых эффектов в Photoshop
...
Часть 16 - Уроки Flash, Photoshop, 3D MAX, Adobe Illustrator
Часть 17 - Уроки по программе Adobe Photoshop
Часть 18 - Видеокурс Photoshop CS5 для новичков и профессионалов

Самоучитель по Photoshop CS5

Выделение сложных объектов в Adobe Photoshop CS5

Марионеточная деформация в Adobe Photoshop CS5

Интелектуальное удаление обьекта в Photoshop CS5

Меняем фон на фотографии в Photoshope

Фотошоп урок- Как изменить цвет глаз

Золотой 3D Tекст в Фотошопе

Урок фотошоп-Выпрыгнуть из кадра

Уроки фотошоп – заснеженный текст.

Заворачивание уголка изображения

Игра с тенью в Photoshop cs 5

Создание молнии из облаков CS

Урок Photoshop. Огненная Игуана.

Как сделать макияж в Фотошопе

Видео Уроки по программе Adobe Photoshop

Имитация в фотошопе фотосъемки с проводкой

Рисуем мыльные пузыри

Рисунок карандашом в Photoshop Cs4

Дьявольский взгляд с помощью Photoshop CS4

Добавление снегопада на фото в Photoshop

Комбинирование цвета и оттенков серого CS2

Лицо в трещинах с помощью Photoshop

Градиентназаливка в корректирующем слое

Как убрать морщины в фотошоп

Меняем цвет глаз в Photoshop

Добавим блеск волосам в Photoshop

Создаём виньетку в Photoshop

Эффект разрыва изображения

Урок по использованию текстуры зерно

Урок по добавлению эффекта свечения краев

Урок по заливке картинки глитером

Серия сообщений "Уроки Фотошоп":
Часть 1 - Уроки фотошоп
Часть 2 - 16 уроков по созданию текстовых эффектов в Photoshop
...
Часть 15 - пригодится
Часть 16 - Уроки Flash, Photoshop, 3D MAX, Adobe Illustrator
Часть 17 - Уроки по программе Adobe Photoshop

Серия сообщений "Уроки Фотошоп":
Часть 1 - Уроки фотошоп
Часть 2 - 16 уроков по созданию текстовых эффектов в Photoshop
...
Часть 14 - Ссылки на качественные уроки фотошоп
Часть 15 - пригодится
Часть 16 - Уроки Flash, Photoshop, 3D MAX, Adobe Illustrator

Основы работы в фотошоп
1.Как создать качественный превью - http://www.liveinternet.ru/community/new_photoshopinka/post107691232/
2.Как пишут экшены - http://www.liveinternet.ru/users/pechalnaya_ya/post110492426/
3.Как защитить свои фотографии? - урок проставления копирайта на изображения http://www.liveinternet.ru/users/radioheads/post92687878/
4.Режимы рисования или алгоритмы наложения -http://www.liveinternet.ru/users/pechalnaya_ya/post110049155/
5.http://www.egraphic.ru/viewid.php?lnkid=9729 – перо
6.http://www.egraphic.ru/photoshop-tutorials/basics/9089-izmenenie-cveta.html - изменение цвета
7.http://www.egraphic.ru/photoshop-tutorials/basics/...ist-bazovoe-predstavlenie.html - инструмент кисть. Базовое представление
8.http://www.egraphic.ru/viewid.php?lnkid=7705 – параметры кисти
9.http://www.egraphic.ru/photoshop-tutorials/basics/7277-ramka-dlja-fotografii.html - рамка для фотографии
10.http://www.egraphic.ru/photoshop-tutorials/basics/7244-rezhimy-nalozhenija.html - режимы наложения
11.раскрашивание кистей - http://www.alldesign.biz/photoshop/uroki/10077-yeffekt-babochki.html http://photoshop.rukoyatka.ru/53-ubu-bpubshseb-usjojais.html
12.переводим текст в вектор - http://www.goldenone.ru/?go=post&id=336
13.как создать кисти - http://umka.kharkov.ua:8000//html/article5.html
14.водяной знак - http://globator.net/photoeffects/302-watermark.html

Фотоэффекты
1.Эффект разбивающегося стекла - http://bravedefender.ru/post110319231/?upd
2.Картинка с отражением - http://www.liveinternet.ru/users/djiliya_peiton/post89973235/
3.сказочный лес - http://malahitovaya.ru/forum/showthread.php?t=300
4.размытый фон - http://www.photoshop-master.ru/lessons.php?rub=3&id=58
5.карандашная растушевка - http://freetemp.net/index.php?option=com_content&a...k=view&id=62&Itemid=63
6.рваный край - http://www.diano4ka.ru/029.php
7.хорошие уроки работы с фото - http://mgraphics.ru/show_articles.php?kid=2
8.отличные уроки работы с фото - http://tutorials.psdschool.ru/
9.ксеноновые фары - http://photoshop-forever.ru/foto-i-photoshop/48-ks...fary-na-mashinu-besplatno.html
10.старое фото - http://web-silver.ru/photoshop/tutorials/old-photo.php
11.смешивание слоев - http://artjunkies.net/tutorials/575-smeshivanie-izobrazhenijj.html
12.сказочный эффект - http://startgraphics.ru/photoshop/tutorials/photoe...hnyjj-jeffekt-v-photoshop.html
13.объединение фото - http://startgraphics.ru/photoshop/tutorials/photoeffects/25-obedinenie-fotok.html
14.дождливый день - http://artjunkies.net/2007/10/13/dozhdlivyjj-den..html
15.фары машин - http://artjunkies.net/2007/10/21/fary-avtomobilja..html
16.3d – коробка http://tutorials.psdschool.ru/web-graphics/designing-a-software-box.html#more-2849
17.лейбл компакт-диска - http://artjunkies.net/2007/12/09/label-kompakt-diska..html
18.раздеваем девушку - http://photoweb.com.ua/view_post.php?pho=3&id=102
19.работа с шаблоном - http://www.liveinternet.ru/users/3071837/post108958277/


Коллажирование
1.слияние 2х изображений - http://apple.fcreator.ru/viewtopic.php?pid=30780#p30780
2.Коллаж из квадратов - http://www.liveinternet.ru/users/djiliya_peiton/post85273565/
3.безупречный коллаж - http://rukurs.com/content/view/942/103/
4.коллаж «коктейльный улет» - http://www.interface.ru/home.asp?artId=10098
5.простой коллаж - http://www.world-of-love.ru/forum/showthread.php?t=12387
6.цветной коллаж - http://www.alltutorials.ru/2008/07/cvetnoj-kollazh-uroki-fotoshopa.html
7.фрагментированная рамка - http://rukurs.com/content/view/1442/103/
8.солнечный свет (лучи) - http://psd.at.ua/publ/7-1-0-161
9.http://photoshop-forever.ru/foto-i-photoshop/94-jeffekt-golubogo-svechenija.html - эффект голубого свечения
10.http://photoshop-forever.ru/foto-i-photoshop/86-glamur.html - гламур
11.искрящийся след - http://demiart.ru/forum/index.php?showtopic=37000
12.солнечный свет (лучи) - http://psd.at.ua/publ/7-1-0-161
13.луч света - http://malahitovaya.ru/forum/showthread.php?t=293
14.http://photoshop-forever.ru/foto-i-photoshop/13-reklama-dukhov.html - реклама духов
15.http://photoshop-forever.ru/foto-i-photoshop/95-fotomontazh-menjaem-fon.html - замена фона
16.http://photoshop-forever.ru/jeffekty/134-vospominanija-o-lete.html - коллаж
17.http://balbesof.net/article/a-113.html - коллаж
18.урок создания сияния - http://photoshop-forever.ru/foto-i-photoshop/14-urok-o-sozdanii-sijanija-i-sveta.html
19.интересный эффект коллажа - http://photoshop-school.in.ua/publ/15-1-0-276
20.день и ночь - http://artjunkies.net/tutorials/910-den-i-noch.html
21.открытка к дню св.валентина - http://www.photoshop-master.ru/lessons.php?rub=28&id=311
22.интересные переходы - http://www.photoshop-master.ru/lessons.php?rub=28&id=242

Колорирование
1.http://photoshop-forever.ru/foto-i-photoshop/88-cvetovaja-obrabotka.html - цветовая обработка
2.http://photoshop-forever.ru/foto-i-photoshop/84-retro-jeffekt-v-2-klika.html - ретро в 2 клика
3.http://photoshop-forever.ru/jeffekty/124-krossprocessing-chto-jeto-takoe.html - цвет фото
4.http://photoshop-forever.ru/foto-i-photoshop/88-cvetovaja-obrabotka.html - цветовая обработка
5.колоризация - http://all-graphics.narod.ru/
6.эффект цветовой - http://ruthenia-alba.livejournal.com/13059.html
7.эффект винтаж - http://www.diano4ka.ru/040.php
8.карандашный рисунок из фото - http://www.diano4ka.ru/057.php
9.слияние двух картинок - http://www.diano4ka.ru/058.php
10.перекрашиваем фото - http://www.goldenone.ru/?go=post&id=410
11.изменение цвета - http://www.egraphic.ru/photoshop-tutorials/basics/9089-izmenenie-cveta.html

Текстовые эффекты
1.http://ps-school.org/index.php?option=com_content&...=view&id=437&Itemid=76 – собирающийся текст
2.пишем в стиле Web - http://web-silver.ru/photoshop/tutorials/web-2-0-text-edge-reflection.php
3.надпись на аватаре - http://www.diano4ka.ru/025.php
4.http://arty-shock.ru/uroki-photoshop/animatsiya/rassyipanie.htm - рассыпание
5.http://demiart.ru/forum/index.php?showtopic=6037 – неоновый эффект букв
6.http://virtualreklama.narod.ru/statica.htm - эффект текста
7.http://forum.33b.ru/topic1831741.html - поднимающиеся буквы
8.http://www.photoshop-planet.ru/forum/index.php?showtopic=2683 - текст по кругу (движение)
9.http://forum.33b.ru/topic1784865.html - текст по контру сложного объекта
10.http://forum.33b.ru/topic36553.html - изломанный текст
11.текст-мозаика - http://zerolayer.ru/2007/05/01/tekstmozajjka.html
12.взрывная волна - http://www.photoshop-master.ru/lessons.php?rub=2&id=140
13.обтекание текстом - http://www.photoshop-master.ru/lessons.php?rub=28&id=232

Анимация
1.http://forum.33b.ru/topic1806208.html - крутящийся мяч и глобус
2.http://www.gifzona.com/e107/news.php?extend.158 – бегущий блик на рамке
3.http://arcanumclub.ru/autohtml0.php?filename=manual_art/manual_art_002.html - уроки анимации
4.http://photoshop-forever.ru/animacija/188-jeffekt-uvelichenija.html - эффект увеличения
5.анимация печатного текста - http://all-graphics.narod.ru/
6.стереокартинка - http://avatarochka.ru/forum/49-1439-1
7.вращающийся элемент - http://forum.33b.ru/posting.php
8.текст из звезд - http://forum.33b.ru/topic1821762.html
9.слайд шоу - http://www.diano4ka.ru/034.php
10.анимация блика - http://avatarochka.ru/forum/49-1615-1
11.блики - http://forum.rc-mir.com/topic1806238.html
12.исчезающее слово - http://forum.rc-mir.com/topic1798423_10.html
13.проявляющийся текст - http://www.liveinternet.ru/community/photoshopinka/post97859882/
14.анимация переливающейся рамки - http://paint.3dn.ru/forum/4-626-1
15.блестящая картинка - http://avatarochka.ru/forum/49-288-1
16.звездный текст - http://forum.rc-mir.com/topic1821762.html
17.анимация рукописного текста - http://globator.net/animation/44-animaciya-rukopisnogo-teksta.html
18.сияющий текст - http://paint.3dn.ru/forum/4-423-1
19.мигающая аватарка - http://www.photoshop-master.ru/lessons.php?rub=8&id=386
20.бегущий блик - http://www.diano4ka.ru/026.php
21.бьющееся сердце - http://apple.fcreator.ru/viewtopic.php?id=108
22.появляющийся текст - http://apple.fcreator.ru/viewtopic.php?id=952
23.окно загрузки - http://photoshop4u.ru/tutorials/animation/218-okno-zagruzki.html
24.дышащий текст - http://photoshop4u.ru/tutorials/animation/157-dyshashhijj-tekst.html
25.анимация радуги - http://avatars.mybb.ru/viewtopic.php?id=179
26.дождик - http://www.diano4ka.ru/018.php
27.юзебар - http://www.diano4ka.ru/progulka.php
28.падающий снег - http://www.liveinternet.ru/community/photoshop_tricks/post61472104/
29.эффект старого фильма - http://www.diano4ka.ru/022.php
30.мигающие буквы - http://apple.fcreator.ru/viewtopic.php?id=2051
31.слайд-шоу - http://apple.fcreator.ru/viewtopic.php?id=2062
32.проявляющейся текст - http://apple.fcreator.ru/viewtopic.php?id=952
33.сверкающий аватар - http://avatarochka.ru/forum/40-1758-1
34.лучи солнца - http://avatarochka.ru/forum/49-1821-1
35.запотевшее стекло - http://avatarochka.ru/forum/49-1694-2
36.гламурный эффект - http://forum.33b.ru/urok-sozdanie-glamurnyh-jeffektov-topic1824333
37.Эффект прожектора - http://freetemp.net/index.php?option=com_content&a...k=view&id=57&Itemid=63
38.разбрасываем звезды - http://www.diano4ka.ru/010.php
39.мерцание - http://www.diano4ka.ru/017.php
40.бриллианты - http://www.diano4ka.ru/020.php
41.блестящая надпись - http://www.diano4ka.ru/042.php http://www.photoshop-master.ru/lessons.php?rub=8&id=545

Web-дизайн
1.http://www.photoshop-free.ru/publ/11-1-0-369 - нарезка шаблона
2.анимированный баннер - http://www.diano4ka.ru/037.php
3.разноцветная шапка сайта - http://www.liveinternet.ru/users/pechalnaya_ya/post112336338/
4.шапка для сайта – коллаж http://paint.3dn.ru/forum/4-322-1
5.прозрачный переход для шапки сайта - http://www.photoshop-master.ru/lessons.php?rub=4&id=277
6.http://www.egraphic.ru/viewid.php?lnkid=9425 – стильная шапка


Рисование
1.http://photoshop-forever.ru/jeffekty/175-flag-v-stekljannom-share.html - значок
2.округляем края - http://ollyfun.ucoz.ru/forum/2-10-1#190
3.красивый аватар - http://avatarochka.ru/forum/40-1995-1
4.открытка или приглашение - http://mgraphics.ru/show_articles.php?act=read&aid=628
5.рисуем обои - http://cc-studio.ru/forum/index.php?showtopic=208
6.лунная дорожка - http://photoshop4u.ru/tutorials/drawing/48-lunnaja-dorozhka.html
7.лист в клетку - http://worldps.ru/effects/674-tetradnyjj-listok-v-kletku.html
8.стикер - http://blogs.privet.ru/community/YANA_2008?tag_id=220175#post46516890
9.лесной пейзаж - http://ua-arts.com/102-lesnojj-pejjzazh.html
10.шар с помощью фильтра - http://demaker.ru/page-id-21.html
11.коробка для диска - http://www.2photo-paint.com/design_lessons/advert-cover-for-dvd-disk
12.обложка диска - http://photoshop-master.ru/adds.php?rub=14&id=103
13.тетрадный лист - http://forum.33b.ru/urok-tetradnyj-list-v-kletochku-topic1836411
14.снежный фон для открытки - http://www.photoshop-master.ru/lessons.php?rub=28&id=296

Много уроков по фотошоп - http://www.liveinternet.ru/showjournal.php?journalid=3053021&keywordid=1133486
http://pechalnaya.ru/rubric/1133486/

Авторские аватарки - http://pechalnaya.ru/rubric/1133485/

Все для фотомонтажа (костюмы, шаблоны) –
http://www.yarfoto.ru/

Серия сообщений "Мои уроки":

Часть 1 - Урок от NATALI: Выделение при помощи быстрой маски
Часть 2 - Урок от NATALI:Использование маски на картинке
Часть 3 - Урок от NATALI:Делаем дождь плагином Альен Скин
Часть 4 - Урок от NATALI:Делаем дождь плагином Альен Скин
Часть 5 - Урок от NATALI:Плагин- Greg's Factory Output2 и урок как им создавать анимацию
Часть 6 - Урок от NATALI:Учимся делать свет плагином Альен Скин-Impact
Часть 7 - Урок от NATALI:Учимся создавать коллаж
Часть 8 - Урок от NATALI:Для фотошопа С5 -быстрое выделение
Часть 9 - .Урок от NATALI: Учимся добавлять плагины и маски в Корел
Часть 10 - Урок: Учимся делать огонь плагином Альен Скин
Часть 11 - Урок от NATALI:Плавное движение всего в четырёх слоях
Часть 12 - Урок от NATALI:Учимся делать блики инструментом осветлитель
Часть 13 - Урок от NATALI:Марионеточная деформация для С5
Часть 14 - Урок от NATALI:Восстанавливающая кисть
Часть 15 - Урок от NATALI:Заливка с учётом содержимого для С5
Часть 16 - Урок от NATALI:Учимся создавать 3Д формат в С5
Часть 17 - Урок от NATALI: Бегущая дорожка
Часть 18 - Урок от NATALI:Движение текста по заданному пути
Часть 19 - Урок от NATALI: Плывущие облака
Часть 20 - Урок от NATALI:Как использовать МАСКИ- в фотошопе

 97 Видеоуроков по Adobe Photoshop от Игоря Ульмана

1. Простейшая рамка для фотографии
2. Простейший приём осветления
3. Коллаж из фотографий сюжетной макросъёмки
4. Добавление возраста цветной фотографии
5. Заснеженный текст
6. Корректирующие слои. Пример 1.
7. Коррекция снимка режимами наложения слоев
8. Вечерний портрет. Коллаж.
9. Инструменты аморфного деформирования. Liquify.
10. Коллаж с использованием маски слоя
11. Расширение динамического диапазона с помощью HDR
12. Ручная коррекция тона фотографии
13. Внутренняя рамка (оформление снимка)
14. Жжёная бумага и текст по кривой
15. Монтаж снимка с помощью маски слоя
16. Преимущество работы с большой глубиной цвета
17. Смешивание слоёв и выделение
18. Коррекция передержанного изображения
19. Простейшие способы конвертации цветного изображения в чёрно-белое
20. Слайсы - Подготовка изображения к публикации в Интернете
21. Смешивание слоёв и тонирование
22. Создание исторической кисти
23. Смешивание слоёв и рассеянное свечение
24. Трёхмерный коллаж
25. Удаление бликов от фотовспышки
26. Подготовка изображения к печати в фотолаборатории
27. Создание молнии из облаков
28. Создание рамки с помощью стиля слоя
29. Восстановление старой фотографии
30. Исправление перспективных искажений
31. Настройка Auto Color Correction
32. Повышение резкости фотографии
33. Выделение объекта командой Extract (Извлечение)
34. Замена Фона
35. Инструмент выделения Лассо
36. Создание реалистичного потока света
37. Action: загрузка, создание, редактирование
38. Коррекция фотографии
39. Перевод в чёрно-белое разделением и наложением каналов
40. Эффект наезда фотокамеры
41. Динамический диапазон и Smart Object
42. Имитация глубины резко изображенного пространства (ГРИП)
43. Перевод в оттенки серого инструментом «Вычисления». Calculations
44. Заворачивание уголка изображения
45. Создание логотипа на изображении
46. Градиентная заливка в корректирующем слое
47. Закругленные углы
48. Техническое и художественное
49. Устранение эффекта красных глаз с использованием цветовых каналов
50. Портретная Ретушь. Пример 1.
51. Портретная Ретушь. Пример 2.
52. Расширение динамического диапазона с использованием формата RAW
53. Фильтр - Unsharp Mask
54. Графический рисунок
55. Интеллектуальное повышение резкости
56. Металлическое кольцо
57. Перевод в оттенки серого имитацией фотоплёнки и фильтров
58. Акварельный рисунок из фотографии
59. Имитация фотосъемки с проводкой
60. Комбинация приёмов и инструментов
61. Работа с текстом
62. Удаление артефактов JPEG-сжатия
63. Уничтожение цветового муара
64. Изготовление панорамы
65. Комбинирование цвета и оттенков серого
66. Монокль средствами Photoshop
67. Творческая обработка фотоснимка
68. Уничтожение монохромного муара
69. Романтическое настроение
70. Восстановление фотографий. Инструмент Levels.
71. Гламурная ретушь
72. Создание рамки с помощью маски слоя
73. Тепловое излучение
74. Бесшовная текстура
75. Конвертация в черно-белое с помощью Hue/Saturation
76. Обработка фотографии для публикации в Интернете
77. Придание объема плоской картинке
78. Волокнистая текстура
79. Расширение динамического диапазона
80. Слияние изображений с использованием маски слоя
81. Удаление цифрового шума в LAB
82. Режимы "Умножение" и "Наложение"
83. Текст на фотографии
84. Коррекция цвета с помощью Apply Image
85. Удаление со снимка движущихся объектов
86. Фильтр Unsharp mask
87. Имитация мягкого фокуса
88. Имитация динамики в статичном изображении
89. Как сделать так, чтобы было реально красиво
90. Восстановление слайда
91. Дождь
92. Избирательная коррекция цвета
93. Имитация газетной фотографии
94. Имитация кросс-процесса
95. Кисти. Создание кисти. Управление кистями.
96. Фильтр Displace и карта смещения
97. Цветотональный баланс в коллаже

Серия сообщений "Мои уроки":

Часть 1 - Урок от NATALI: Выделение при помощи быстрой маски
Часть 2 - Урок от NATALI:Использование маски на картинке
Часть 3 - Урок от NATALI:Делаем дождь плагином Альен Скин
Часть 4 - Урок от NATALI:Делаем дождь плагином Альен Скин
Часть 5 - Урок от NATALI:Плагин- Greg's Factory Output2 и урок как им создавать анимацию
Часть 6 - Урок от NATALI:Учимся делать свет плагином Альен Скин-Impact
Часть 7 - Урок от NATALI:Учимся создавать коллаж
Часть 8 - Урок от NATALI:Для фотошопа С5 -быстрое выделение
Часть 9 - .Урок от NATALI: Учимся добавлять плагины и маски в Корел
Часть 10 - Урок: Учимся делать огонь плагином Альен Скин
Часть 11 - Урок от NATALI:Плавное движение всего в четырёх слоях
Часть 12 - Урок от NATALI:Учимся делать блики инструментом осветлитель
Часть 13 - Урок от NATALI:Марионеточная деформация для С5
Часть 14 - Урок от NATALI:Восстанавливающая кисть
Часть 15 - Урок от NATALI:Заливка с учётом содержимого для С5
Часть 16 - Урок от NATALI:Учимся создавать 3Д формат в С5
Часть 17 - Урок от NATALI: Бегущая дорожка
Часть 18 - Урок от NATALI:Движение текста по заданному пути
Часть 19 - Урок от NATALI: Плывущие облака
Часть 20 - Урок от NATALI:Как использовать МАСКИ- в фотошопе

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

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

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

Итак, что же нам нужно. Самое главное - современный компьютер. Достаточно мощный, что бы на нем без проблем работала программа Adobe Photoshop. Photoshop на сегодняшний день – самый распространенный и самый мощный графический редактор. Это даже не программа, а целый пакет программ, слишком сложный, чтобы научить работать с ним на шести страницах. Профессиональные дизайнеры учатся работать с Photoshop'ом годами. Мы же научимся только тем операциям, которые будут нам необходимы сейчас. Еще одно важное замечание. Существует много версий переводов этой англоязычной программы на русский язык. Поэтому в моих инструкциях будут и английские, и русские названия, написанные через черту: Русский / English. Работать мы будем в самой распространенной версии Photoshop'а – 7.0. Если в моих картинках будут какие-то непонятки, зовите маму с папой. А то и бабушку с дедушкой – пусть объяснят, как могут. Если не смогут, а рисование в Photoshop'е вас очень заинтересовало, – купите учебник по этой программе.

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

Поехали?

1. Запускаем программу Photoshop. Изображения, ”снятые” с экрана компьютера и показанные в нашем журнале, могут немного отличаться от того, что вы увидите на своих экранах – ведь мы работаем в системе MacOS Classic, а большинство из вас – в системе MS Windows.

[Рисунок 1]

2. В верхней части экрана, после надписи Adobe Photoshop находятся Главные меню. Выбираем в меню Файл / File команду Открыть... / Open... Находим нашу картину и нажимаем Открыть / Open. Картинка у нас на экране.

3. Ее цветовые характеристики придется изменить. То, что вы видите на экране монитора и то, что будет вышито по канве, немножко отличается, правда? Я внимательно смотрю на нашего котенка, делаю вид, что долго думаю, потом решаю: будем вышивать его шестью цветами нитей. А в нашей картинке – 65 тысяч цветов. Многовато... Заходим в меню Изображение / Image, выбираем в подменю Режим / Mode команду Индексный цвет... / Indexed color... В раскрывшемся окне (рис. 2) сделаем следующие настройки.

а. Палитра / Palette. Ставим значение Локально (адаптивный) / Local (adaptive).

б. Цвета / Colors. Ставим значение 6 (помните, мы решили вышивать шестью цветами нитей). Впрочем, вы можете попробовать ввести разные числа (3-9) и выбрать то, что понравится больше. Не надо ставить 100 или 256 цветов - откуда у вас столько оттенков ниток!

в. Принуждение / Forced. Ставим значение Нет / None.

г. На кнопке Прозрачность / Transparency галочку (профессионалы называют ее "флажок") необходимо снять.

д. Дрожание (Распыление) / Diffusion. Ставим значение Нет / None.

Нажимаем OK (рис. 3). Выглядит хуже, чем было? Я же предупреждал... Но, это еще не все!

[Рисунок 2]

[Рисунок 3]

4. В том же главном меню Изображение / Image находим подменю Размер изображения... / Image size... Здесь тоже придется кое-что изменить (рис. 4).

а. Прежде всего поставьте флажок на кнопке Ограничение пропорций / Constrain proportions.

б. Затем ставим флажок на кнопке Повторное изображение / Resample Image и рядом с этой кнопкой выбираем метод Бикубический / Bicubic.

в. Давайте не будем делать нашу вышитую кошку размером со слона. Ограничимся скромным размером в 60 стежков по ширине. Один стежок в данном случае равен одной точке (одному пикселю) нашего компьютерного изображения.В строчке Ширина / Width выбираем единицу измерения пиксели / pixels и ставим значение 60.

Нажимаем OK (рис. 5). Ай-яй-яй, что получилось – без микроскопа не разглядеть! Давайте присмотримся получше. На палитре инструментов (на экране слева) находим инструмент Лупа / Zoom tool. Выбираем ее. Под главными меню (на палитре Опции / Options) ищем кнопку Обрезать по экрану / Fit On Screen. Нажимаем. Ой! Какой кошмар! А кто говорил, что будет легко?

[Рисунок 4]

[Рисунок 5]

5. Вот теперь и начинается ТВОРЧЕСТВО! Как из получившегося у нас монстра сделать удобную картинку для вышивки? В главном меню Окно / Window ставим галочку на строчке Навигатор / Navigator. Появившееся окошко с уменьшенной копией отодвигаем так, чтобы оно не закрывало наше основное изображение. Для работы с ним понадобятся всего три инструмента: Карандаш / Pencil tool*, Ластик / Eraser tool и Пипетка / Eyedropper tool. Настроим их на палитре Опции / Options (под главными меню).

* Выбор карандаша. Карандаш и кисть находятся на одной кнопке палитры инструментов. Помните, где палитра инструментов? Нажмите на кнопку Кисть-Карандаш и подождите, пока не всплывет мини-меню. Выбирайте Карандаш / Pencil.

а. Настройка Карандаша. В мини-меню Кисть / Brush выбираем самый первый (самый маленький) размер – 1.

б. Настройка Ластика. В мини-меню Кисть / Brush выбираем самый первый (самый маленький) размер – 1. В мини-меню Режим / Mode выбираем Карандаш / Pencil.

в. Настройка Пипетки. В мини-меню Размер / Sample Size выбираем режим Point Sample.

Пипетка нам нужна, чтобы выбирать цвета нашей картинки. Ну-ка, щелкните пипеткой на картинке. Что изменилось? Правильно: "набранный" в пипетку цвет появился на верхнем квадратике в палитре инструментов. Нажмите на двойную стрелочку возле этих цветов. Они поменялись местами! Еще раз... Снова поменялись. Эти цвета называются "основными": сверху – Цвет переднего плана / Foreground Color (им мы будем рисовать), снизу – Фоновый цвет / Background color (им мы будем стирать). Давайте попробуем. Видите, в верхнем левом углу картинки – совершенно ненужное черное пятно. Мы можем его либо закрасить, либо стереть.

а. Закрашиваем. Выбираем Пипетку / Eyedropper tool. "Набираем" в нее коричневый цвет, который возле пятна. Выбираем Карандаш / Pencil. Наводим на пятно и нажимаем мышку. Опа – и пятна как и не было!

б. Стираем. Щелкаем на двойную стрелочку возле основных цветов. Коричневый цвет стал фоновым. Выбираем Ластик / Eraser tool. Наводим на пятно и нажимаем. Пятно стерто.

[Рисунок 6]

6. И вот, после часа творческих мук, рисования и стирания у меня получилась такая картинка.

[Рисунок 7]

Конечно, я немножко схитрил. Заменил черный цвет глаз на зеленый, добавил светло-зеленый и четыре цвета фона (от темно-красного до бледно-красного).

А что выйдет у вас? Если выйдет хуже, чем у меня – не расстраивайтесь: вы ведь только начали учиться, а я занимаюсь этим уже много лет.

7. Вышивать, сверяясь с монитором компьютера, не очень удобно. Проще картинку распечатать. Зайдите в уже знакомое вым подменю Размер изображения... / Image size... Сделаем два изменения.

а. Рядом с кнопкой Повторное изображение / Resample Image выберем метод Ближайший сосед/ Nearest Neighbor.

б. Зададим значения ширины (width) и высоты (height) по 1200 точек (pixels). То есть, мы увеличили изображение в 20 раз по ширине и высоте. Нажимаем OK.

8. В меню Фильтры (Эффекты) / Filter находим подменю Другое / Other, а в нем – фильтр Сетка / Grid... В окошках Расстояние / Spacing (как по горизонтали, так и по вертикали) ставим значение 20 (вы помните, что картинка увеличена в 20 раз). Значение толщина линии / width – 1. Кроме этого, вы можете выбрать цвет линии сетки: Foreground или Background (я уже писал, что это такое). Самые удобные цвета, конечно, черный и белый. Поэтому выберите их заранее. Нажмите OK. Вам осталось только распечатать картинку на цветном принтере.

[Рисунок 8]

ИСТОЧНИК: Журнал "Ксюша. Для любителей рукоделия. Умелые ручки"

Серия сообщений "ФОТОШОП":
Часть 1 - Создание неонового свечения
Часть 2 - КАК СДЕЛАТЬ КАРТИНКУ В ФОРМАТЕ PNG
Часть 3 - Избавляемся от прыщей - урок фотошоп
Часть 4 - Урок-моргающие глазки
Часть 5 - Колорирование в эпиграфе (баннере) - урок фотошоп
Часть 6 - Эффект древней рукописи.
Часть 7 - Все посты сообщества: уроки, кисти, шрифты и т.д
Часть 8 - Уроки Photoshop. Редактирование фото. Коллажи. Спецэффекты.
Часть 9 - Портретная ретушь
Часть 10 - Урок "Фрагментированная рамка"
Часть 11 - Как отделить объект от фона с помощью быстрой маски - урок фотошоп
Часть 12 - Как сделать иконку из фотографии
Часть 13 - Урок - ЭФФЕКТ ДВИЖЕНИЯ
Часть 14 - Уроки фотошоп. Преобразование фотографии в пунктирные линии.
Часть 15 - Как делать рамочки с тоненькими полосками.
Часть 16 - Уроки Фотошоп для начинающих.
Часть 17 - Учимся.
Часть 18 - Для чего нужна рамка фотографии?
Часть 19 - Сохраняем незавершенную работу в Фотошопе
Часть 20 - Спецэффекты : Виньетка

БРОДИЛКА

по урокам Ledy OlgA,

которые находятся в моём блоге на mail.ru.

Если вы только начали осваивать Фотошоп,то они вам очень помогут.

Серия сообщений "Уроки от Ledy OlgA":
Часть 1 - Урок 1. Моргающие глазки
Часть 2 - Бродилка по урокам Ledy OlgA

Серия сообщений "Сборник уроков":
Часть 1 - 50 новых уроков Photoshop
Часть 2 - Бродилка по урокам Ledy OlgA

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

Читать далее 

Уроки Photoshop

(для начинающих и среднего уровня)

Цитата сообщения Andrey2006

Полезное для работы в Photoshop (Фотошоп)

Начало работы,Основные приемы при работе и Справочные сведния а так же все чато возникающие проблемы:

СКАЧАТЬ  ФОТОШОП 

Самоучитель по Photoshop CS5  Читать далее

Серия сообщений "Программы для дизайна и графики":
Часть 1 - Простая программа для создания анимации
Часть 2 - Хотите увидеть как Вы будете выглядеть через 20 лет?
Часть 3 - Портативный графический редактор Portable Artweaver
Часть 4 - Fаnta Morph 3.0 Pоrtable Rus
Часть 5 - PhotoInstrument - волшебный редактор для обработки фото.
Часть 6 - Программа для создания анимированных слайдшоу
Часть 7 - Framing Studio Pro - программа для наложения рамок и масок
Часть 8 - Генератор бекграунда
Часть 9 - Nature Illusion Studio - превращаем фото в реалистичные анимированные изображения
Часть 10 - Portable CorelDRAW X4
Часть 11 - MediaChance Dynamic Photo HDR — программа помогает в создании HDR фотографий
Часть 12 - SWFText - это программа для создания анимации Flash текста
Часть 13 - Сайт-архив шрифтов
Часть 14 - Magic Particles - это редактор спецэффектов, п

Серия сообщений "Мои уроки":

Часть 1 - Урок от NATALI: Выделение при помощи быстрой маски
Часть 2 - Урок от NATALI:Использование маски на картинке
Часть 3 - Урок от NATALI:Делаем дождь плагином Альен Скин
Часть 4 - Урок от NATALI:Делаем дождь плагином Альен Скин
Часть 5 - Урок от NATALI:Плагин- Greg's Factory Output2 и урок как им создавать анимацию
Часть 6 - Урок от NATALI:Учимся делать свет плагином Альен Скин-Impact
Часть 7 - Урок от NATALI:Учимся создавать коллаж
Часть 8 - Урок от NATALI:Для фотошопа С5 -быстрое выделение
Часть 9 - .Урок от NATALI: Учимся добавлять плагины и маски в Корел
Часть 10 - Урок: Учимся делать огонь плагином Альен Скин
Часть 11 - Урок от NATALI:Плавное движение всего в четырёх слоях
Часть 12 - Урок от NATALI:Учимся делать блики инструментом осветлитель
Часть 13 - Урок от NATALI:Марионеточная деформация для С5
Часть 14 - Урок от NATALI:Восстанавливающая кисть
Часть 15 - Урок от NATALI:Заливка с учётом содержимого для С5
Часть 16 - Урок от NATALI:Учимся создавать 3Д формат в С5
Часть 17 - Урок от NATALI: Бегущая дорожка
Часть 18 - Урок от NATALI:Движение текста по заданному пути
Часть 19 - Урок от NATALI: Плывущие облака
Часть 20 - Урок от NATALI:Как использовать МАСКИ- в фотошопе
Часть 21 - Урок от NATALI: Ещё одно плавное движение в анимации
Часть 22 - Урок от NATALI:Движение жидкости в бокале
Часть 23 - Урок от NATALI: Переливы на картинке градиентом
Часть 24 - Урок от NATALI: Как добавит анимашку на картинку в С3
Часть 25 - Урок от NATALI:Выделение и плагин Альен Скин
Часть 26 - Урок от NATALI: Как картинку вставить в рамочку
Часть 27 - Урок от NATALI:Учимся делать несколько анимаций в одной картинке
Часть 28 - Урок от NATALI: БЛИКИ
Часть 29 - Урок от NATALI: Ещё один вариант движения
Часть 30 - Урок от NATALI: Оживляем лепесточки цветов
Часть 31 - Урок от NATALI: Стерео - эффект
Часть 32 - Урок от NATALI:Текстовые эффекты
Часть 33 - Урок от NATALI: Красивый блик на невидимом узоре
Часть 34 - Урок от NATALI: Нежный Блеск Шумом
Часть 35 - Урок от NATALI: Создание Рамочки на картинке в фотошопе
Часть 36 - Урок от NATALI: Воздушный поцелуй
Часть 37 - Урок от NATALI:Иллюзия движения при помощи света и тени
Часть 38 - Урок от NATALI:Красивый эффект движения
Часть 39 - Урок от NATALI:Создание картинки с прозрачными краями
Часть 40 - Урок от NATALI: Переливы на тексте градиентом
Часть 41 - Урок от NATALI: Учимся создавать рамочку в PNG формате