Просмотр полной версии : Делаем простой коллаж в ФОТОШОПЕ
das_Blumchen, ЦАРИЦА, Кузнецова, Ямочка, Я-Лилия! По вашим просьбам постараюсь, как можно подробнее, рассказать, как сделать несложный коллаж в Фотошопе.
1. Открываем две картинки, котoрые мы хотим соединить. Размеры картинок должны быть одинаковыми. В случае разницы размеров, сначала подогнать.
http://s42.radikal.ru/i098/0809/b8/738c79e15b0c.jpg (http://www.radikal.ru)
2. Поместим одно изображение на другое. Для этого выделим одно изображение (в нашем случае это пара на жёлтом фоне) и скопируем его командой скопировать.
http://s53.radikal.ru/i140/0809/56/9bd71de7cd98.jpg (http://www.radikal.ru)
Далее, закрываем исходное изображение (или сварачиваем значком "-" в верхнем правом углу изображения). Автоматически мы оказываемся на сиреневом изображении, и командой вклеить переносим на него скопированное жёлтое изображение.
http://i080.radikal.ru/0809/74/0359e798d2d8.jpg (http://www.radikal.ru)
В итоге получаем на экране наложенное жёлтое на сиреневое изображение. Обратите внимание, в табличке слоёв (выделено красным карандашом) появился второй слой под номером 1.
http://s46.radikal.ru/i111/0809/3f/a4af2f6b1684.jpg (http://www.radikal.ru)
3. Выбираем жёлтый слой (он должен располагаться выше другого слоя) и добавляем к нему векторную маску, нажатием, выделенной красным карандашом, кнопки.
http://s55.radikal.ru/i147/0809/51/5e9535658406.jpg (http://www.radikal.ru)
4. Не снимая с маски выделения (в палитре слоёв она будет обведена чёрным контуром):
http://s55.radikal.ru/i149/0809/a5/46c8f5d78b6b.jpg (http://www.radikal.ru)
выбираем инструмент Градиент
http://s49.radikal.ru/i124/0809/24/0fa6abd5fbd3.jpg (http://www.radikal.ru)
5. Протаскиваем прямую градиента по любому направлению. В данном случае я протащил по горизонтали справа налево. Длина прямой, которую мы тащим, регулирует видимость изображений относительно друг друга. Экспериментируем, пока не добьёмся нужного эффекта!
http://s59.radikal.ru/i164/0809/6c/db695a571fa0.jpg (http://www.radikal.ru)
Вот, что получилось в итоге: http://s51.radikal.ru/i131/0809/0e/6583185377e0.jpg (http://www.radikal.ru)
das_Blumchen
08.09.2008, 16:44
Ой, как легко и просто все! А такие штуки красивые получаются! Спасибо за подробные и ясные объяснения. Будем пробовать :)
Удачи!
Далее, усложнив задачу, экспериментируйте с тремя изображениями. Для облегчения, сохраняйте промежуточный результат, полученный коллажированием двух картинок.
Желаю успеха в создании новых кастов! :flower
Спасибо Сергей)))Действительно все просто,если есть наглядный пример с картинками и разъяснениями)
А что по поводу другого вида картинок? У тебя я видела много кастов, в которых создавалось впечатление,что меняется только половина картинки, а правая половина(напрмер) остается без изменений с текстом на ней.
Ты имеешь ввиду анимацию?
Типа этой? http://s43.radikal.ru/i102/0809/55/65c2edea8a59.gif (http://www.radikal.ru)
Ооо, без понятия..я не различаю анимацию,флешку и т.д. Например твой каст "Ну вот и все.." Там мужчина на месте, а девушка меняется...Это что?
Да, я понял. Поменял выше картинку:)
Это анимация, её тоже можно сделать в Фотошопе. Давай, завтра выложу порядок её изготовления.
Кузнецова
08.09.2008, 17:38
Серёж, спасибо что взялся за наше обучение. Надеюсь, я сумею освоить эти премудрости. Вот только у меня фотошоп удалили когда комп чистили от вирусов. Можно его найти где-нибудь в инете и скачать себе на компьютер?
Уважаемые форумчане, подскажите, пожалуйста, как в фотошопе делать вот такие коллажи:
7394
Очень хочу сделать что то подобное, тоже в черно-белом цвете, только аболютно не знакома с фотошопом. Мне нужна прям пошаговая инструкция. Помогите, а?
И как там всякие фитифлюшки делать, типа звездочек, сердечек и загогулинок?
Я, конечно, понимаю, что нашему народу для того, чтобы изменить размер фотки/добавить надпись etc нужен непременно Фотошоп (ессно взломанный =)), но все же: почему бы для таких целей не использовать специальный софт, в котором куда проще разобраться, и в котором уже предусмотрена куча шаблонов?
Например, Picture Collage Maker (http://rapidshare.com/files/131834091/Picture_Collage_Maker_v1.9.3.1418.rar)
Оффсайт (http://www.picturecollagesoftware.com/)
Кузнецова
08.09.2008, 23:39
Например, Picture Collage Maker
Оффсайт
Там же ни слова по-русски! Как разобраться?
РИТАтуй, я не понял - нужно три отдельные фотографии или три, соединённые в одну?
Три соединенные в одну, ка на той картинке которую я пиложила...
Я, конечно, понимаю, что нашему народу для того, чтобы изменить размер фотки/добавить надпись etc нужен непременно Фотошоп (ессно взломанный =)), но все же: почему бы для таких целей не использовать специальный софт, в котором куда проще разобраться, и в котором уже предусмотрена куча шаблонов?
Например, Picture Collage Maker (http://rapidshare.com/files/131834091/Picture_Collage_Maker_v1.9.3.1418.rar)
Винс, мне все равно в какой программе будет сделана картинка..
Фвкт в том, что я натсоящий ламер и просто попросила наглядно показать как это все делается. Не факт что справлюсь сама...
Там же ни слова по-русски! Как разобраться?
Да, это проблема =)))
Вот русификатор (http://sapfir.ifolder.ru/7424580)
AlexGray
09.09.2008, 08:00
1. Создать новый слой с заданными размерами и режимом цвета ч/б.
2. Открыть фотографии. Если нужно, то обрезать кадрированием до примерно одинакового размера по высоте.
3. Перетащить их на созданный слой. Скомпоновать. Объединить слои.
4. Выбрать кисть "Звездочка" и "зазвездить".
5. Жмем кнопку "Т" (текст) и выбираем понравившийся шрифт.
6. Объединяем слои и сохраняем в jpeg.
7. Стучим ко мне в асю с вопросом "Шота я не понЯл как тута сделать так" и переделываем заново.
AlexGray,гг))) Отличная пошаговая инструкция)
Но, к сожалению, таким,как я (а я не знаю даже, что такое "слой" в фотошопе, "скомпоновать"? "зазвездить"?:oh), надо к инструкции давать картинки, стрелочки,указатели и т.д..
Так что п.7. КАК РАЗ в тему))))))))))))))))))))):z1932
1. Открываем изображения, с которыми будем работать - основное (стационарное, на которое будем накладывать меняющиеся картинки) и набор изображений для анимации.
http://i018.radikal.ru/0809/1b/ed77833c13cd.jpg (http://www.radikal.ru)
2. Отмечаем размеры стационарного изображения, чтобы подогнать для него накладываемые...
http://s50.radikal.ru/i128/0809/ca/30a1e318d930.jpg (http://www.radikal.ru)
3. Для того, чтобы наложить текст на изображение, в панели инструментов нажимаем на кнопку Т, щёлкаем мышкой на изображение и впечатываем нужную фразу:
http://i005.radikal.ru/0809/7a/e750cbcde5c0.jpg (http://www.radikal.ru)
http://i062.radikal.ru/0809/0b/3ca957205654.jpg (http://www.radikal.ru)
В панели параметров, можно менять шрифт надписи, размер шрифта...
http://s57.radikal.ru/i155/0809/80/b5f35b9379df.jpg (http://www.radikal.ru)
Работая со стилями, можно сделать более эффектную надпись (в данном случае я наложил на неё тень):
http://s41.radikal.ru/i091/0809/71/a741b6a187f8.jpg (http://www.radikal.ru)
http://s61.radikal.ru/i172/0809/19/31ab8dd6da32.jpg (http://www.radikal.ru) Таким образом, будем считать стационарное изображение готово.
4. Теперь подготовим изображения для анимации. Для этого подгоним их по высоте стационарного изображения.
Для этого, активируя каждое изображение, в панели управления выходим на вкладку ИЗОБРАЖЕНИЕ, выбираем операцию Размер изображения и в табличке устанавливаем нужную нам высоту. В данном случае это 350 пк.
http://s41.radikal.ru/i094/0809/f2/317341913776.jpg (http://www.radikal.ru)
http://s41.radikal.ru/i094/0809/72/4d0cf3ec2a59.jpg (http://www.radikal.ru)
5. Открываем первое подготовленное изображение, выделяем его (в панели инструментов для этого выбираем прямоугольную область и обводим ею изображение)
http://s47.radikal.ru/i118/0809/48/9e3238b0a1ff.jpg (http://www.radikal.ru)
Затем в панели управления во вкладке РЕДАКТИРОВАНИЕ выбираем операцию Вырезать или Скопировать.
Переходим на стационарное изображение и через команду Вклеить (в Панели управления во вкладке РЕДАКТИРОВАНИЕ) помещаем его на стационарное изображение.
http://s40.radikal.ru/i089/0809/99/2e29d5095d05.jpg (http://www.radikal.ru)
Вот, что должно получиться. Обращаем внимание на табличку слоёв (выделено красным карандашом) - с вставкой текста и нового изображения образуются два новых слоя, активируя которые, можно непосредственно с ними работать.
http://s55.radikal.ru/i147/0809/f2/2a524ffb5139.jpg (http://www.radikal.ru)
Теперь, находясь на новом слое (выделено синим в панели слоёв), будем работать с новым вставленным изображением.
6. Выбираем инструмент Ластик большого диаметра с нулевой жёсткостью, при этом выбираем 100% непрозрачность и нажим (характеристики выставляются на панельке вверху окна фотошопа, если их не меняли ранее, то автоматом они встают со значением 100%).
http://s47.radikal.ru/i115/0809/16/05c5b5ad5a65.jpg (http://www.radikal.ru)
Этим большим ластиком мы делаем грубую подготовительную работу - стираем большие лишние куски изображения наложенного слоя. Главное на этом этапе не переусердствовать и не стереть лишнее. Уменьшая размеры ластика, можно подчищать некоторые детали, делая картинку более чёткой.
Вот, что получается http://s42.radikal.ru/i097/0809/70/758448ddb732.jpg (http://www.radikal.ru)Если всё устраивает, сохраняем это изображение (желательно все изображения сохранить в одной папке). И повторяем все операции (пп. 5,6) для двух оставшихся изображений.
http://s55.radikal.ru/i148/0809/a5/9bf9d3431079.jpg (http://www.radikal.ru)
http://i082.radikal.ru/0809/2e/a847367b023f.jpg (http://www.radikal.ru)
Все изображения готовы и можно приступать к анимации.
7. Для этого в панели инструментов нажимаем нижнюю кнопку (выделено красным карандашом) и переходим в программу ImageReady.
http://s39.radikal.ru/i085/0809/40/fb11c6215a4b.jpg (http://www.radikal.ru)
8. Импортируем в программу заготовленные изображения из папки:
http://s39.radikal.ru/i086/0809/32/0cd5f506f490.jpg (http://www.radikal.ru)
Вот, что должны получиться в итоге. В анимационной панели видим кадры нашей будущей анимации
http://s40.radikal.ru/i089/0809/89/c1486d3ae757.jpg (http://www.radikal.ru)
8. Далее, выбирая поочерёдно каждый кадр, щёлкаем мышкой на время отображения кадра (цифра "0") и устанавливаем наилучшее время задержки кадра (в данном случае это 2 секунды):
http://s46.radikal.ru/i114/0809/56/0f36ba7a0a13.jpg (http://www.radikal.ru) http://s50.radikal.ru/i127/0809/0c/c3d8c609bfff.jpg (http://www.radikal.ru)
9. Далее, для просмотра полученной анимации, жмём на воспроизведение (кнопка отмечена красным карандашом):
http://s41.radikal.ru/i094/0809/eb/798bfbe7a718.jpg (http://www.radikal.ru)
10. Если в анимации всё устраивает, сохраняем её:
http://s61.radikal.ru/i172/0809/4c/e71f128bdd06.jpg (http://www.radikal.ru)
Вот, что получилось: http://s40.radikal.ru/i088/0809/8c/bae8d059be20.gif (http://www.radikal.ru)
РИТАтуй! Грей достаточно подробно изложил порядок составления коллажа, так что сначала определись, в какой программе готова пробовать его делать. Что есть в наличии? А потом будем пробовать "шагать", если это Фотошоп...
Часть 1.
1. Открываем нужные изображения.
http://s52.radikal.ru/i135/0809/58/baf373eaad39.jpg (http://www.radikal.ru)
2. Активируем первое изображение и определяем его размер (в панели управления вкладка ИЗОБРАЖЕНИЕ -> размер изображения). В данном случае - 400х266 пикс.
http://s51.radikal.ru/i134/0809/5c/a7debae16012.jpg (http://www.radikal.ru)
Активируем второе и делаем тоже самое - в данном случае его размер 850х605 пикс.
http://s39.radikal.ru/i084/0809/b9/7c835c835ecb.jpg (http://www.radikal.ru)
3. Подгоняем второе изображение под размеры первого. Замечаем, если мы подгоним его по высоте,
http://s56.radikal.ru/i154/0809/b6/2c5a6b95cb47.jpg (http://www.radikal.ru)
то, оно будет отличаться по ширине
http://s60.radikal.ru/i170/0809/33/ff98e9d5eaf2.jpg (http://www.radikal.ru)
Значит, равняем его по ширине с первым. Устанавливаем ширину в 400 пикс.
http://s40.radikal.ru/i089/0809/af/ac6de1c320d1.jpg (http://www.radikal.ru)
4. Далее, чтобы привести второе изображение к размерам первого, выделяем его (в панели инструментов выбираем пунктирный прямоугольник и обводим им изображение), далее идём во вкладку РЕДАКТИРОВАНИЕ и вырезаем командой вырезать.
http://i038.radikal.ru/0809/f2/c86ec9c9f1ff.jpg (http://www.radikal.ru)
Закрываем пустое изображение (крестиком в правом верхнем углу) без сохранения.
Автоматически оказываемся в окне с первым изображением. В панели управления выбираем вкладку Файл, в нём выбираем вкладку Новый и в раскрывшейся табличке размеров устанавливаем размеры первого изображения 400х266 пикс.
http://s55.radikal.ru/i148/0809/7e/d9378e77fbe1.jpg (http://www.radikal.ru) нажимаем кнопку ОК.
5. В образовавшееся пустое окно вклеиваем вырезанное изображение (панель управления -> вкладка редактирование -> команда вклеить)
http://i005.radikal.ru/0809/02/f9a023e4c002.jpg (http://www.radikal.ru)
http://s42.radikal.ru/i098/0809/b9/1565529cd33b.jpg (http://www.radikal.ru)
Находясь непосредственно в кадре нового изображения, его можно смещать, чтобы найти нужное положение.
В итоге получаем два одинаковых по размеру изображения. Второе сохраняем.
Часть 2. Сделаем из них простой коллаж.
1. Возможно придётся обесцветить первое изображение.
Для этого, активируя первое цветное изображение, переходим во вкладку ИЗОБРАЖЕНИЕ, затем во вкладку Коррекция и далее командой Обесцветить убираем раскраску.
http://s44.radikal.ru/i106/0809/4f/47a39ebfb8cb.jpg (http://www.radikal.ru)http://i033.radikal.ru/0809/f0/b51b82de13c6.jpg (http://www.radikal.ru)
2. Объединяем два изображения в одно.
Для этого в Панели управления во вкладке Файл выбираем команду Новый и в раскрывшемся окне устанавливаем размеры ширины наших изображений 400 пикс и двойной их высоты 532 пикс (266 пикс+266 пикс).
http://s56.radikal.ru/i154/0809/41/e76679f07a81.jpg (http://www.radikal.ru)
3. Далее в полученное новое пустое окно нам нужно перенести оба наших изображения. Поочерёдно, выделяя и вырезая каждое, вклеиваем их в новое окно.
http://s43.radikal.ru/i100/0809/87/d45962a3852f.jpg (http://www.radikal.ru)
Вклеенное изображение можно сдвигать, находясь мышкой непосредственно на нём, в панели инструментов при этом должен быть активирован курсор.
Вот, что получается в итоге
http://s42.radikal.ru/i095/0809/e4/6e529d1de14d.jpg (http://www.radikal.ru) Изображение полученное сохраняем.
4. После загрузки полученного изображения, используя фигурные кисти, можно нанести на изображения узоры или надписи.
http://s55.radikal.ru/i148/0809/c7/4e0c0f9efc26.jpg (http://www.radikal.ru)
Ещё из ваших любимых фотографий можно сделать вот такую излавку... http://s55.radikal.ru/i148/0809/ce/45895a363b38.jpg (http://www.radikal.ru) http://s42.radikal.ru/i095/0809/87/eed9cf2b3bfd.jpg (http://www.radikal.ru), которую часто используют в качестве подписи в форумах.
Вот и 1-й блин))) Спасибо Сереже еще раз) Очень помог.
http://s53.radikal.ru/i139/0809/21/6b6003cf87c3t.jpg (http://radikal.ru/F/s53.radikal.ru/i139/0809/21/6b6003cf87c3.jpg.html)
Sherry20
10.09.2008, 20:15
Где? Я тоже хочу посмотреть на него!
Да вот выложить не могла никак((( Почему-то не хотел мой блин грузиться :огорчение
Еле-еле залила его. Вот теперь представляю вам свой первый блин (http://photofile.com.ua/users/sherry20/95198731/101189847/#mainImageLink) :смущаюсь
Не ругайте очень, я первый раз!
Спасибо Сережа за урок! Все понятно, и как оказалось довольно просто. Теперь буду тренироваться.
Вот результаты моего первого урока проб и ошибок :wink:
И у меня есть первый блин, хочу показать, так как, что-то не нравится, а что - не знаю.....Но не выходит вставить так, чтоб анимация работала(((
Спасибо, а может знаешь, как так вложить, чтоб анимация была видна?
Sherry20
19.09.2008, 17:44
verona, у меня тоже видно не было. Долго мучилась, потом залила вот сюда (http://photofile.com.ua/index.php), и оставила просто ссылку на картинку.
http://photofile.name/photo/murchik2004/135151303/xlarge/137798968.gif
Урррррра!!!!Спасибо,Sherry20!!!!!
Ну, вот и я наконец-то овладела искусством создания коллажей...
Не судите строго))))))http://s54.radikal.ru/i145/0810/a8/3706e8fade56t.jpg (http://radikal.ru/F/s54.radikal.ru/i145/0810/a8/3706e8fade56.jpg.html)
Sherry20
07.10.2008, 15:39
Форумчане, хелп! У меня возникла проблема с анимацией, и я понятия не имею как ее решить. Я делаю картинки, из котрых потом должна получиться анимация, картинки в нормальном качестве, яркие получаются, без дефектов. А когда в Имейдж Риди я эти картинки "соединяю" в анимацию, то с качеством картинки сотворяется нечто страшное. Даже не знаю, как объяснить... Вроде как там где фон соединяется с наложенным на него изображением оно (изображение) идет как бы пятнами. Вот как на этом вот плейкасте (((
http://www.playcast.ru/uploads/pl/2008/09/20/pl_696521.jpg (http://www.playcast.ru/playcasts/view.php?card=696521&code=63b4b8ffaa4f022bfa269b89bc43df87ff4a09ab)
Подскажите пожаааалуйста, с чем это может быть связано и как с такой пакостью бороться. А то у мну уж совсем руки опускаются :огорчение
das_Blumchen
09.10.2008, 19:26
Sherry20, я в этом плохо разбираюсь, но могу предположить, что это происходит потому что GIF-анимация делается только с 256 цветами... или что-то такое, как этого избежать тоже не знаю... Но может это тебе как-то поможет.
Мой первый коллаж. Очень простенький:)
Не ругайте сильно:) Делала все по инструкции.
Огромное спасибо Сергею :)
ОбезумевшаяОтЛюбви
22.10.2008, 16:35
Нашла в интернете инструкцию как сделать блестящую картинку самому с помощью программы Adobe Photoshop.
Подробная инструкция здесь: http://www.glitters.ru/make_glitters.html
может быть кому-нибудь будет интересно :)
Вот я сегодня наконец-то попробовала сделать коллаж по инструкции SerjAnd (спасибо вам огромное за тему :)). Не ругайте строго.:z141
8445
Парочка сайтов, где в режиме он-лайн можно сделать блестящие поздравительные открытки или просто украсить свои фото... Вот что-то типа такого...
http://s50.radikal.ru/i130/0810/e3/774ab95df2c9.gif (http://www.radikal.ru) http://blingee.com/blingee/upload_base?i=
http://i026.radikal.ru/0810/9b/eb170f9f4aa0.gif (http://www.radikal.ru) http://www.glitterfy.com/upload.php
Ещё один сайт для создания блестяшек-анимашек - http://blingeasy.com/ (create photo now). Типа таких...
http://s42.radikal.ru/i097/0810/3f/777a05ab98c0.gif (http://www.radikal.ru) http://i054.radikal.ru/0810/8f/8e7557114cca.gif (http://www.radikal.ru) http://i056.radikal.ru/0810/3a/45383ed64859.gif (http://www.radikal.ru)
das_Blumchen
30.10.2008, 12:28
Спасибо, Сереж, за такие полезные ссылочки.:flower
Теперь очень милая и красивая фоточка получается и без работы в фотошопе, в котором я не разбираюсь.
Вот такую себя я отправила своему любимому:
http://s53.radikal.ru/i140/0810/40/349d97bfeeee.gif
persefona
19.11.2008, 02:02
Не знаю, в эту ли тему ссылка... (если чего, модераторы, просьба, перенесите в нужную тему)
www.loonapix.com/effector (http://world-of-love.ru/forum/www.loonapix.com/effector)
Жмешь на Brouse, грузишь фотку – свою или чью-нибудь еще (главное, не тяжелее 5 Мб). Дальше выбираешь сценарий *открытки (Select effect) – например, твой портрет в галерее, в *газете под **заголовком «Wanted», на обложке какой-то *книженции, – а потом жмешь на Create – и готово!
Вот такое фото я сделала своему другу...
8835
Ещё один похожий генератор фотографий!
http://ru.photofunia.com/
Я тоже начала штурмовать фотошоп, с сегодняшнего вечера :)
Нашла некоторые уроки photoshop, может и вам будут интересны
http://photoshop.demiart.ru/
И еще тут Иллюстрированный самоучитель по Photoshop (http://photoshop.demiart.ru/book/Index.html)
Добавлено через 16 часов 21 минуту
Ребята, я все-таки сама не справлюсь. я хочу вставить лица в этикетку шампанского.
Как мне подогнать размер лица к размеру ветки елки? Я хочу, чтоб лица были а ля игрушки внутри елочки.
Чтоб получилось так:
http://cs707.vkontakte.ru/u8521301/15977840/x_22eb280f.jpg
Как мне загладить фон на фотографии лица, чтоб он был везде одинаковый, а то кто на траве, кто у стен фотографировался и тп.
Как тут сделано:
http://cs707.vkontakte.ru/u8521301/15977840/x_8f2ecdca.jpg
Заранее спасибо :wink2
das_Blumchen
18.12.2008, 17:52
1. Выдели слой, в котором надо изменить размер картинки. Нажми Ctrl+T(англ) (меню Edit/Free Transform) и появится рамочка вокруг твоей картинки, размеры, которой можно изменять. Когда добилась нужного результата нажимай Ентер или зеленую галочку на панели сверху, если не устраивает и хочешь вернуть обратно - Ескейп, или перечеркнутый красный кружочек.
2. Посложнее... Может есть путь легче, но я бы сделала так: волшебной палочкой выделила бы все, кроме лица и удалила, потом поставила бы нужный фон. Если волшебная палочка плохо выделила, то взяла бы Лассо, тоже выделила бы ненужный фон, удалила, и заблурила лицо, потому что будет видно рваные края от удаления фона. Чтобы заблурить, я взяла бы на панели инстументов капельку (Bloor Tool) и по краю лица поводила бы. Проверь, чтобы при выбранном Bloor Tool, Stength, который располагается сверху под названиями менюшек был больше нуля.
Удачи.
LiaMURka
19.12.2008, 13:53
Demiart хороший сайт, по нему хорошо учиться!
Насчет лиц и фона- самый простой способ- это просто стирателем фона (специальный ластиком) по контуру обвести, а потом вырезать и поставить всех на одинаковый фон. Это самый аккуратный способ, да и простой. Лассо больше подходит для более грубых объектов.
LiaMURka
19.12.2008, 14:24
Еще можно это делать с помощью наложения маски. Как в моем коллаже снизу. На демиарте много про маски написано и как это делать. Могу рассказать, это тоже не сложно сделать.
LiaMURka
20.12.2008, 10:52
Сначала дам ссылку на сайт, где подробно написано как это сделать. Там с картинками и попонятнее будет.
http://www.demiart.ru/forum/index.php?showtopic=54632&st=0
Там описано практически все основные приемы. Но если что будет непонятно как сделать или что-то будет не получаться, то пиши, обязательно отвечу и разъясню.
Но это конечно не все приемы, которые с масками делать можно, но для начала это как раз не сложно!
Sherry20
22.12.2008, 23:42
Я раньше в теме писала про проблемы с анимацией (http://www.world-of-love.ru/forum/showthread.php?t=12387&page=5), в качестве она теряет у меня очень...
das_Blumchen, оказалась права, это потому что GIF-анимация делается только с 256 цветами. Но нигде не могу найти как этого избежать. Форумчане, кто работает с анимацией, хелп!
SerjAnd, может ты подскажешь? У тебя полный порядок с анимацией, может ты настройки какие-то выставляешь? Или выставлял? Может помнишь?:огорчение
К сожалению нет... с цветными картинками анимация теряет качество прилично! Проще дело обстоит с чёрно-белыми...
AlexGray
24.12.2008, 13:00
das_Blumchen, оказалась права, это потому что GIF-анимация делается только с 256 цветами.
Бла-бла-бла.. Если вы чего-то не знаете, то это не значит, что этого нельзя сделать.
Sherry20
24.12.2008, 23:28
AlexGray, извини за глупые вопросы, конечно, но я эту штуку (на которую указывает красная стрелка) видела, я не понимаю, как она может помочь улучшить качество анимации... И я имела в виду что макс. кол-во цветов GIF-анимации 256, а не то, что только 256 бывает. Просто неверно выразилась... А разве бывает больше в этой анимации чем 256 цветов?
Еще раз сорри за глупые вопросы...
das_Blumchen
25.12.2008, 12:41
Народ, а поделитесь своими русскими шрифтами, плиз :)
AlexGray
25.12.2008, 22:09
Пардон, не врубился сразу в вопрос. Но все равно проблема не в этом. 256 цветов вполне достаточно для нормального отображения изображения. Больше и не нужно - мы же не хотим получить картинку весом в фильм, правильно? Скорей всего проблема заключается в неправильных настройках при оптимизации. Попробуй с ними повозиться, поэкспериментируй. Может быть при сохранении вес файла ограничен настройками и поэтому программа сжимает автоматически уменьшая резкость и количество цветов. В общем трудно сделать вывод не зная какие именно манипуляции производились. Могу предложить два варианта помощи: ты пошагово и подробно опишешь все действия, а я скажу где ошибка или ты скинешь мне на мыло pdf той картинки, что в плейкасте.
Sherry20
26.12.2008, 21:23
AlexGray, подробно и пошагово как я делаю, описано вот тут (http://www.world-of-love.ru/forum/showthread.php?t=12387&page=2). В Сережином посте. Вот я точно так и делаю, ни шагу влево-вправо.
А картинку в pdf я могу на мыло скинуть. Наши мыло в личку, пожалуйста.
Заранее огромное спасибо! Саш, прости что достаю тут своими "Помогите!Помогите!", просто сама никак(((
Скорей всего проблема заключается в неправильных настройках при оптимизации.
Я бы с удовольствием поигралась с настройками, но не знаю где они находятся((( И ни слова не понимаю по английски...
1. Подбираем и открываем картиночку в качестве фона.
2. Находясь в таблице слоёв, создаём новый слой и назовём его снег1.
http://www.msie.asia/images/ttC32951.jpg (http://ebchat.ru)
http://www.msie.asia/images/SxE33724.jpg (http://ebchat.ru)
3. Теперь, находясь на новом слое (в таблице слоёв выделен синим цветом), выберем кисточку в зависимости от того, какой снег нужен – крупа или хлопья и, конечно, зависит от размера картинки. Я взял кисть № 7 белого цвета.
http://www.msie.asia/images/5Wt33833.jpg (http://ebchat.ru)
4. Начинаем в художественном беспорядке легко и непринужденно тыкать кистью по холсту, пока результат нас не удовлетворит.
5. Итак, слой создан и на нём статичная картинка снегопада.
http://www.msie.asia/images/QQb34496.jpg (http://ebchat.ru)
6. Выделяем слой снег1, дублируем этот слой и назовём его снег2.
http://www.msie.asia/images/Tk834623.jpg (http://ebchat.ru)
http://www.msie.asia/images/29m34964.jpg (http://ebchat.ru)
http://www.msie.asia/images/amp35296.jpg (http://ebchat.ru)
7. Выбираем инструмент Move Tool (клавиша V) - чёрная стрелочка.
8. Смещаем слой снег2(должен быть выделен синим в таблице слоёв) немного вниз и вправо (можно клавишами управления курсорами - вниз и вправо). Увидим на картинке смещение снежинок.
http://www.msie.asia/images/NRC35576.jpg (http://ebchat.ru)
9. Теперь снова дублируем ПЕРВЫЙ слой (снег1), называем его снег3 и, находясь на нём курсором в таблице слоёв, перемещаем (перетягиваем) на самый верх.
http://www.msie.asia/images/YYv36180.jpg (http://ebchat.ru)
10. Смещаем слой снег3 немного влево и вверх. На общей картинке (все слои включены – слева отмечены глазком) увидим снежный беспорядок.
http://www.msie.asia/images/QfE36355.jpg (http://ebchat.ru)
11. Гасим все слои, кроме фона. Сохраняем файл (в формате .PSD!) Вся подготовительная работа в Adobe Photoshop закончена, идём анимировать изображение в Adobe Image Ready.
http://www.msie.asia/images/aYX36596.jpg (http://ebchat.ru)
12. Загружаем исходный файл
http://www.msie.asia/images/n4l36991.jpg (http://ebchat.ru)
и создаём ещё 2 кадра (нажатием кнопки создать дубликат текущего слоя в окне анимации),
http://www.msie.asia/images/5pJ37074.jpg (http://ebchat.ru)
на которых поочередно отмечаем слои снег1, снег2 и снег3 (для этого, выделив первый кадр в окне анимации(отмечен синим), в таблице слоёв отмечаем (ставим глазок) слой снег1,
http://www.msie.asia/images/jLX37263.jpg (http://ebchat.ru)
далее, находясь на втором кадре, отмечаем слой снег2 (отметку со слоя снег1 снимаем) и повторяем операцию с третьим кадром (отметки со слоёв снег1 и снег2 должны быть сняты)).
http://www.msie.asia/images/oMu37392.jpg (http://ebchat.ru)
13. В окне анимации выделяем три полученных кадра и выставляем время смены кадров.
http://www.msie.asia/images/M1G37788.jpg (http://ebchat.ru)
14. Кнопкой воспроизведение просматриваем получившуюся анимацию. Если всё устраивает, сохраняем GIF-файл, как оптимизированный.
http://www.msie.asia/images/ifj38246.gif (http://ebchat.ru)
Народ, а поделитесь своими русскими шрифтами, плиз
http://xfont.ru/russian/
Создайте открытку со своим фото! - http://www.clubdud.com/widgets/photos/frame
Вот что получается:
http://s61.radikal.ru/i174/0901/c2/348f985c24ab.jpghttp://s56.radikal.ru/i153/0901/ab/c08105f0e4b8.jpg
http://s40.radikal.ru/i089/0901/88/c6dd59c66167.jpghttp://i022.radikal.ru/0901/a0/30a18e754851.jpg
White_Ангелочек
31.01.2009, 16:55
SerjAnd, спасибо тебе огромное за этот раздел!!!!Очень нам "неумеющим" помогаешь! Подскажи пожалуйста, как на этом сайте http://blingeasy.com/ потом правильно фото переделанное сохранить...Я просто его Сохранила как...но получилось оно очень маленькое. А там на английском..я незнаю, возможно можно как-то так сохранить в таком же размере, как и загружала фото. Прости, но я очень плохо в этом разбираюсь(
White_Ангелочек, к сожалению, фото прежнего размера после обработки не получится! Наибольший размер - Size: 480x347 (2 of 4).
Меня попросили рассказать, как делать вот такие этикетки (http://world-of-love.ru/forum/showthread.php?t=13641).
Постараюсь объяснить. Чтобы сделать вот такую этикетку:
http://i004.radikal.ru/0902/54/675f6875e3bct.jpg (http://radikal.ru/F/i004.radikal.ru/0902/54/675f6875e3bc.jpg.html)
Нужно скачать шаблон этикеток для шампанского в формате psd (да поможет Вам яндекс). В этом формате рисунок разбит по слоям. Те каждый элемент можно убрать, добавить, изменить, переместить и все что душе угодно.
На картинках я выделяла нужные вещи стрелочкой. Тут показано, что у исходника все разбито на слои.
http://s61.radikal.ru/i171/0902/55/b3f21a948b70t.jpg (http://radikal.ru/F/s61.radikal.ru/i171/0902/55/b3f21a948b70.jpg.html)
Убрать ненужный слой можно либо удалив его (выделить его во вкладке слоев и нажать delete или же в функциях слоя "удалить слой"), либо скрыв (для этого нажмите на глаз рядом с нужным слоем, и слой зрительно пропадет, однако потом его можно будет вернуть нажав снова на глаз)
http://i060.radikal.ru/0902/f0/1e2d234d0f97t.jpg (http://radikal.ru/F/i060.radikal.ru/0902/f0/1e2d234d0f97.jpg.html)
Далее можно изменить фигуры, добавив свои (в данном случае сердечко), перетащив картинку непосредственно на файл с которым работаем. Во вкладке "слои" перетащив новую фигуру до нужного вам положения (выше фона, ниже, допустим, текста). Также можно добавить текст (буква Т в панели слева). Таким образом редактируем все, что нам нужно.
http://i041.radikal.ru/0902/f6/b467dc2328a2t.jpg (http://radikal.ru/F/i041.radikal.ru/0902/f6/b467dc2328a2.jpg.html)
Чтобы добавить фото нужно (1) перетащить его на наш файл.
http://s44.radikal.ru/i106/0902/00/6208e920684at.jpg (http://radikal.ru/F/s44.radikal.ru/i106/0902/00/6208e920684a.jpg.html)
(2) Перетащить фото "ручкой" на вкладке слоя до нужного местоположения (выше фона, ниже сердечка)
(3)Трансформировать фото, нажав одновременно Ctrl и Т (фото можно крутить, уменьшать)
(4) Маштабированить фото можно вручную "на глаз", или вверху панели указав нужный процент уменьшения фото (не забудьте нажать "цепочку" для равномерного уменьшения/увеличения фото)
http://s52.radikal.ru/i135/0902/88/d8541fed81a1t.jpg (http://radikal.ru/F/s52.radikal.ru/i135/0902/88/d8541fed81a1.jpg.html)
(5) Выделив слой фото (если вдруг перескакивали с него), удаляем лишнее ластиком (можно не бояться-другие слои не пострадают, главное не стереть фото так, чтобы внутри сердечко что-либо "пострадало" (если что можно нажать Ctrl + Z и все вернется назад)
http://s49.radikal.ru/i125/0902/7f/760297501999t.jpg (http://radikal.ru/F/s49.radikal.ru/i125/0902/7f/760297501999.jpg.html)
(6) доводя этикеточку "до ума" правим текст (цвет, размер, шрифт и тд)
http://s40.radikal.ru/i090/0902/4c/8b93aedb588ct.jpg (http://radikal.ru/F/s40.radikal.ru/i090/0902/4c/8b93aedb588c.jpg.html)
Распечатываем и клеим) Вроде бы и все :9
А вот что у нас получилось:
http://s39.radikal.ru/i084/0902/0b/99d12e33ec09t.jpg (http://radikal.ru/F/s39.radikal.ru/i084/0902/0b/99d12e33ec09.jpg.html)http://s42.radikal.ru/i098/0902/09/ab70391a4be4t.jpg (http://radikal.ru/F/s42.radikal.ru/i098/0902/09/ab70391a4be4.jpg.html)http://s56.radikal.ru/i151/0902/fe/fff2a373c752t.jpg (http://radikal.ru/F/s56.radikal.ru/i151/0902/fe/fff2a373c752.jpg.html)
http://i078.radikal.ru/0902/8e/1065faf94a35t.jpg (http://radikal.ru/F/i078.radikal.ru/0902/8e/1065faf94a35.jpg.html)http://s57.radikal.ru/i155/0902/8f/aabe4280d5a0t.jpg (http://radikal.ru/F/s57.radikal.ru/i155/0902/8f/aabe4280d5a0.jpg.html)http://s58.radikal.ru/i162/0902/51/6b8ad7c7d44et.jpg (http://radikal.ru/F/s58.radikal.ru/i162/0902/51/6b8ad7c7d44e.jpg.html)
С помощью очень красивых рамочек (http://www.photoshope.ru/photoshop/kliparts/frames3.htm)(скачивание бесплатное) можно сделать оригинальные коллажи!
http://i057.radikal.ru/0902/b7/e46e47d0134e.jpg (http://www.radikal.ru) http://s56.radikal.ru/i151/0902/a5/18d1dddac000.jpg (http://www.radikal.ru) http://s60.radikal.ru/i170/0902/97/ded5ab50e175.jpg (http://www.radikal.ru) http://s59.radikal.ru/i166/0902/37/811798c533af.jpg (http://www.radikal.ru)
solnishko
04.04.2009, 12:56
SerjAnd, может, конечно, вопрос не по адресу, но задам...
2. Отмечаем размеры стационарного изображения, чтобы подогнать для него накладываемые
У меня просто не открывается вкладка "Размер изображения". Это глюк программы и нужно переустановить? У меня фотошоп cs2.
И еще такой вопрос - анимацию можно в любом фотошопе делать? И во 2ом, и в 3м?
Вкладка размер изображения должна быть по-любому активна...
Но можно сделать легче - накладываемое изображение массштабировать по размеру стационарного через вкладку редактирование --> трансформирование --> массштабирование. Изображение выделится пунктирным квадратом, уголки которого можно сдвигать, тем самым подгоняя изображение под нужную величину.
Анимацию я делал в CS2, главное, чтобы была загружена программа Image Ready.
solnishko
04.04.2009, 14:40
SerjAnd, ну насколько я понимаю, этим нужно просто подогнать фото под определенный размер. А это можно сделать и в другой программе, и в фотошопе открыть уже нужного размера?
Конечно! Главное - точно угадать с размером!
solnishko
04.05.2009, 20:02
SerjAnd, огромное спасибо за подробное описание, как сделать анимацию!!!!!
Вот мое первое творение))
Рыжехвостая
04.05.2009, 20:59
Вот мой небольшой коллажик....
http://s52.radikal.ru/i138/0905/e4/a243ae3f6edat.jpg (http://radikal.ru/F/s52.radikal.ru/i138/0905/e4/a243ae3f6eda.jpg.html)
Интересное коллажирование:
Начинаем! открываем изображение старой комнаты (каменной) ctrl+o или File-Open
http://demiart.ru/forum/uploads/post-18869-1175793514.jpg
Как мы можем заметить, стоит подправить яркость и контраст - Image-Adjustments- Levels (ctrl+l).
http://demiart.ru/forum/uploads/post-18869-1175793516.jpg
Так же стоит внести изменения в цвета изображения Image - Adjustments -Curves (ctrl+m).
http://demiart.ru/forum/uploads/post-18869-1175793518.jpg
Дублируем этот слой Layer - Duplicate Layer (ctrl+j) и обесцвечиваем копию Image - Apply Image
http://demiart.ru/forum/uploads/post-18869-1175793515.jpg
Теперь нам понадобится маска, соответственно : Layer -Add Layer Mask -Reveal All . Выбираем Gradient Tool от черного до прозрачного , чтобы сделать слой невидимым к верху
http://demiart.ru/forum/uploads/post-18869-1175793517.jpg
Теперь сливаем эти слВ ноои Layer -Merge Down (ctrl+e).
В новом окне открываем изображение статуи ctrl+o
http://demiart.ru/forum/uploads/post-18869-1175793519.jpg
Выделяем ее с помощью Polygonal Lasso Tool. Копируем Edit -Copy (ctrl+c) и вставляем к комнате : Edit-Paste (ctrl+v). Если нужно - подправим размеры с помощью Edit - Free Transform (ctrl+t)
http://demiart.ru/forum/uploads/post-18869-1175793879.jpg
Добавляем маску к слою со статуей и, воспользовавшись Gradient Tool, сделаем невидимой часть основания статуи, чтобы она "прижилась" на новом месте.
http://demiart.ru/forum/uploads/post-18869-1175793881.jpg
Теперь : Layer - Remove Layer Mask - Apply и снова обесцвечиваем слой, воспользовавшись функцией Image -Adjustments -Channel Mixer
http://demiart.ru/forum/uploads/post-18869-1175793883.jpg
Подредактируем яркость и контраст
http://demiart.ru/forum/uploads/post-18869-1175794067.jpg
Теперь статуе нужно добавить тени, чтобы она гармонично смотрелась в комнате, жмем (ctrl+j) и дублируем слой, теперь нижний слой со статуей делаем абсолютно черным Image - Adjustments - Channel Mixer
http://demiart.ru/forum/uploads/post-18869-1175794069.jpg
Затем изменим положение (трансформируем) : Edit -Transform - Distort
http://demiart.ru/forum/uploads/post-18869-1175794071.jpg
Тень слишком яркая, чтобы смягчить ее ,воспользуемся фильтром- Filter -Blur -Gaussian Blur со значением 19 pixels
Blending Mode изменим на Multiply, а Opacity на 40%.
http://demiart.ru/forum/uploads/post-18869-1175794470.jpg
Теперь создаем новый слой Layer- New - Layer и группируем его с предыдущим, на котором расположена статуя: Layer - Create Clipping Mask. Выбираем инструмент Polygonal Lasso Tool и выделяем ту часть статуи, которая должна находиться в тени. Выделив, заполняем черным цветом с помощью Paint Bucket Tool.
http://demiart.ru/forum/uploads/post-18869-1175794472.jpg
СНимаем выделение Select - Deselect (ctrl+d) и смягчаем тень с помощью Gaussian Blur с такими же настройками. В этот раз устанавливаем Blending Mode на Multiply, а Opacity на 30%.
http://demiart.ru/forum/uploads/post-18869-1175794474.jpg
Теперь нам понадобится фотография девушки,которая будет обращаться в статую, например эта
http://demiart.ru/forum/uploads/post-18869-1175794728.jpg
Выделим фон, на котором расположена девушка и удалим. Снизим видимость слоя с девушкой до 50% и разместим ее так, чтобы плечи девушки накладывались на плечи статуи. Для этого пользуемся Edit - Free Transform (ctrl+t).
http://demiart.ru/forum/uploads/post-18869-1175794730.jpg
Добавляем маску и действуем так же, как и в случае с основанием статуи -пользуемся Gradient Tool, чтобы создать плавный переход от статуи к девушке.
http://demiart.ru/forum/uploads/post-18869-1175794732.jpg
Теперь нам нужно выделить и удалить ту часть статуи, которая выступает за контур девушки. После корректируем яркость и контраст с помощью функции Levels (ctrl+l).
http://demiart.ru/forum/uploads/post-18869-1175794990.jpg
Так же нужно добавить тень на девушку
http://demiart.ru/forum/uploads/post-18869-1175794993.jpg
Теперь нам нужно загрузить сюда еще одно изображение - водопада
http://demiart.ru/forum/uploads/post-18869-1175794995.jpg
Удалим ненужные нам участки, затем Edit– Transform – Flip Horizontal и подкорректитруем размер (ctrl+t). "Исток" водопада - кувшин. Воспользуемся так же Gradient Tool,после добавления маски, чтобы водопадик "прижился" на новом месте
http://demiart.ru/forum/uploads/post-18869-1175823704.jpg
Теперь: Layer – Remove Layer Mask – Apply и идем в Channel Mixer.
http://demiart.ru/forum/uploads/post-18869-1175823707.jpg
Выьираем инструмент Brush Tool (нужная кисточка тут ). И расположим растения над входом (по надобности - -используем Free Transform)
Gradient Tool поможет нам затемнить растения сверху
http://demiart.ru/forum/uploads/post-18869-1175824139.jpg
Теперь нам понадобится вот такой вот лист клена
http://demiart.ru/forum/uploads/post-18869-1175823978.jpg
Удаляем фон листа (он белый, значит, можно воспользоваться Magic Wand Tool) и сделаем несколько копий его. Расположим листья на сновании статуи, используя Edit – Transform – Distort
http://demiart.ru/forum/uploads/post-18869-1175825117.jpg
Добавим тень нашим листочкам: Layer – Layer Style – Drop Shadow
Добавим тень нашим листочкам: Layer – Layer Style – Drop Shadow
И сольем все слои с ними (ctrl+e).
http://demiart.ru/forum/uploads/post-18869-1175824526.jpg
Теперь нужно обесцветить этот слой (Channel Mixer).
http://demiart.ru/forum/uploads/post-18869-1175824353.jpg
А Gradient Tool сделаем так:
http://demiart.ru/forum/uploads/post-18869-1175824355.jpg
Blending Mode изменим на Overlay, а Opacity на 77%.
Нужно внести изменения к слой с девушкой Image- Adjustments - Selective Color.
http://demiart.ru/forum/uploads/post-18869-1175824617.jpg
Загружаем кисти с трежинами (http://anarasha-stock.deviantart.com/art/Cracks-Brush-32549115?q=by%3Aanarasha-stock&qh=sort%3Atime+-in%3Ascraps) и постараемся сделать "натуральное каменное тело"
http://demiart.ru/forum/uploads/post-18869-1175824619.jpg
Снова Gradient Tool , но в этот раз, чтобы добавить света. Blending Mode установим на Soft Light
http://demiart.ru/forum/uploads/post-18869-1175824621.jpg
Загружаем изображение с бумагой
http://demiart.ru/forum/uploads/post-18869-1175824787.jpg
Поворачиваем его: Edit - Transform - Rotate 90 CW и Blending Mode устанавливаем на Color Burn.
http://demiart.ru/forum/uploads/post-18869-1175824789.jpg
Выбираем Brush Tool и дарабатываем изображение - добавляем трещин.
Вот и все!
LiaMURka
22.06.2009, 18:58
Ankar, а не проще было просто выложить ссылку, тем более, что не вы придумали. У меня пока все картинки тут пооткрывались, столько времени прошло.
http://demiart.ru/forum/index.php?showtopic=21810
Sweet_Cherry
25.06.2009, 11:21
SerjAnd, БОЛЬШОЕ СПАСИБО за анимации! Такая детальная инструкция и с рисунками, что просто грех не попробовать сделать. Я новичок в этой теме, но с фотошопом немного знакома. СПАСИБО ВСЕМ РЕБЯТАМ так много интересного и поучительного. СПАСИБО vAnga, этикеточки обязательно попробую сделать, я на Новый год их покупала у когото в инете. С того времени решила научится пользоваться фотошопом, а то стыдно при здравом уме, хорошем здоровье и тех. обеспечении НЕ УЧИТСЯ, а платить деньги. С ЛЮБОВЬЮ, ВАШ ПРИМЕРНЫЙ УЧЕНИК
Nachtfalter
30.07.2009, 18:57
Привет всем фотолюбителям! Вот я тоже посмотрела на ваши монтажи и вдохновилась! Это не первая работа, вторая. Первая была прямо пошагово сделана с обучающего поста, получилось неплохо... Но меня она по многим параметрам не устраивает. А вот вторая работа - фотоотчет о летнем отдыхе (и не только отдыхе) в деревне. Сразу взялась сделать несколько картинок. Оказывается, это довольно легко. Но тоже есть свои недочеты, которые, к сожалению, сейчас уже не исправить...
http://i013.radikal.ru/0907/ce/aec3dc61fba1t.jpg (http://radikal.ru/F/i013.radikal.ru/0907/ce/aec3dc61fba1.jpg.html)
SerjAnd, большое спасибо за твои уроки. Очень помогли.
З.Ы а как выставить на форум анимированную картинку, чтоб она "шевелилась?=)
http://www.radikal.ru/ Очень простой в использовании! Загружаешь картинку, копируешь 1-3 строчки и в пост! Пробуй!
http://s43.radikal.ru/i102/1001/e8/6af0989d22f6.gif (http://www.radikal.ru) - 2ая строчка http://s43.radikal.ru/i102/1001/e8/6af0989d22f6t.jpg (http://radikal.ru/F/s43.radikal.ru/i102/1001/e8/6af0989d22f6.gif.html) - 3я строчка
SerjAnd, да, я загрузила.
Глянь тут. (http://www.world-of-love.ru/forum/showthread.php?p=577544#post577544)
На уменьшенном изображении оно не шевелится, а когда открываешь тогда да.
Здравствуйте а не подскажите вот у меня кнопочка как то странно работает вот это выдиление я просто только начал работать типа как бы научиться то
Вот набрела на темку, посмотрела ее начало, и захотелось мне по уроку Сержанта сделать анимацию. Но, к сожалению, не нашла нужного фона или что-то еще..., ну не знаю, анимация пока не вышла. Зато получился коллаж.
Здорово получилось! Ярко! Молодец! :daizy
Вот еще один коллаж. Делали с дочкой совместно в программе Movie Maker ролик о дружбе. Так вот, этот коллаж титульный лист.
Я еще не очень много умею в шопе делать, поэтому подсказывайте, что можно было сделать лучше.
sheina, отлично получилось! Я бы еще заполнил чем-нибудь правую вертикаль - или веточкой-вензелем (той, что сверху из правого угла - я бы ее повернул еще и вниз по вертикали, получился бы уголочек живой такой) или надписью какой, или циферьками, или еще чем-нибудь. А то пустота как-то бросается в глаза.
Chudolisichka
20.04.2010, 08:28
Очень понравились и уроки, и работы по ним. Такое чуйство, что наш народ как-то быстрее воспринимает полезности. Спасибо Сереже за тему.
А я хочу спросить - для юзербаров анимация... Как правильно сделать из тех картинок, которые уже есть. Я так понимаю, что тут есть тонкость - размер изображения должен вписаться в формат юзербара. Кто-то делал это самостоятельно? Наверняка!!! Помогите уроком, пожалуйста!
Ирин, похоже тот сайт для создания блестяшек, приказал долго жить... Но есть некоторая альтернатива - http://blingee.com/. Может пригодится?
Верящая в сказку
18.10.2010, 21:05
Первый блин... :for&against Вроде освоила этот урок!!!
Nachtfalter
18.10.2010, 21:21
Верящая в сказку, здорово! очень романтично получилось! ))) Это на второй фотке вы с любимым?
Верящая в сказку
18.10.2010, 21:55
Для этого в панели инструментов нажимаем нижнюю кнопку (выделено красным карандашом) и переходим в программу ImageReady.
А где взять такую волшебную кнопочку? У меня она кажется в бегстве.
Добавлено через 1 минуту
Это на второй фотке вы с любимым?
Нет-нет. Это все картинки. Просто учусь пока. Потом и до своих фотографий доберусь =)
Верящая в сказку, Анют, блинок твой очень даже мастерским оказался! Ты молодец!
А про кнопочку в ФШ - это для лёгкости перехода из программы в программу. Можно свой рабочий файл сохранить с расширением .PSD и потом открыть его в Image, которую запустишь вручную. Вот если её не окажется в списке приложений Аdobe, это хуже - либо неполная установка ФШ, либо не лицензия, либо покоцанная при взломе...
Спасибо за эту темку и эти уроки. Попробовала следовать первому уроку...
И вот мой первый блин)))
Верящая в сказку
21.10.2010, 02:39
Atlanta, ух, ты Катюш! Красота-то какая получилась!!!
Катюш, молодец! Всё очень здорово!:red thumb:
Можно себе упростить задачу в создании подобного коллажика, если верхнюю картинку будете просто аккуратно подтирать ластиком с размытыми краями из набора основных кистей (рис.1). Так же можно поиграть прозрачностью с верхним слоем (рис.2).
рис.1 http://s52.radikal.ru/i136/1010/b3/085c9f435a4ct.jpg (http://radikal.ru/F/s52.radikal.ru/i136/1010/b3/085c9f435a4c.jpg.html) рис.2 http://s47.radikal.ru/i117/1010/fe/73e57a6996e0t.jpg (http://radikal.ru/F/s47.radikal.ru/i117/1010/fe/73e57a6996e0.jpg.html) Когда достигните желаемого результата, слои объединить, вырезать картинку по подходящей форме и сохранить в формате .jpg или .gif!
http://i031.radikal.ru/1010/5e/4c444b47c4cdt.jpg (http://radikal.ru/F/i031.radikal.ru/1010/5e/4c444b47c4cd.jpg.html) http://i048.radikal.ru/1010/d5/3c57442849cbt.jpg (http://radikal.ru/F/i048.radikal.ru/1010/d5/3c57442849cb.jpg.html)
И вот так украсить изображение можно с помощью плагина Alien Skin Xenofex
http://i057.radikal.ru/1010/85/ce6ce30384fd.gif
Если кому-то интересно и может пригодиться, попробую подробно рассказать, как сделать распадающуюся надпись.
http://www.ipicture.ru/uploads/20101119/6V2TWTO7.gif
1. Открываем нужное вам изображение http://www.ipicture.ru/uploads/20101119/thumbs/yP5AOL7O.jpg (http://www.ipicture.ru/Gallery/Viewfull/2132312.html).
2. Инструментом горизонтальный текст пишем на картинке слово (или два, сколько надо :)) http://www.ipicture.ru/uploads/20101119/thumbs/1h47T5ZS.jpg (http://www.ipicture.ru/Gallery/Viewfull/2132327.html) http://www.ipicture.ru/uploads/20101119/thumbs/1jVlRngG.jpg (http://www.ipicture.ru/Gallery/Viewfull/2132361.html).
3. Наводим "мышку" на слой с текстом и кликаем правой кнопкой. Ищем надпись растрировать текст. Жмём. http://www.ipicture.ru/uploads/20101119/thumbs/H6s5tE2c.jpg (http://www.ipicture.ru/Gallery/Viewfull/2132383.html).
4. После того, как текст обратили в слой, нам нужно сделать несколько дубликатов для создания анимационного эффекта. Чтобы движения были плавные, слоёв должно быть много (находясь на слое с текстом, нажимаем правую кнопку "мышки" и выбираем создать дубликат слоя. И так 10 раз.) В данном случае у нас будет 11. http://www.ipicture.ru/uploads/20101119/thumbs/3VUVauO5.jpg (http://www.ipicture.ru/Gallery/Viewfull/2132530.html) http://www.ipicture.ru/uploads/20101119/thumbs/NU3XFNR5.jpg (http://www.ipicture.ru/Gallery/Viewfull/2132584.html).
5. После того, как создали дубликаты слоёв, "глаза" снимаем со всех, кроме самого первого с текстом и основного фона. Находясь на слое с текстом (выделен синим цветом), переходим во вкладку фильтры и далее в опцию искажение. Выбираем тип искажения волна и выставляем параметры как на втором рисунке.
http://www.ipicture.ru/uploads/20101119/thumbs/q5edhCWg.jpg (http://www.ipicture.ru/Gallery/Viewfull/2132649.html) http://www.ipicture.ru/uploads/20101119/thumbs/UOkCoR01.jpg (http://www.ipicture.ru/Gallery/Viewfull/2132692.html).
6. Затем "открываем глаз" на втором слое, также идём во вкладку фильтры - искажение - волна и в параметре число генераторов снижаем показатель на 100 (899). http://www.ipicture.ru/uploads/20101119/thumbs/HvTJHuEC.jpg (http://www.ipicture.ru/Gallery/Viewfull/2132745.html) Процедуру повторяем с каждым из слоёв, и на 10-м показатель числа генераторов упадёт до 90. Последний 11 слой оставляем без изменений.
7. После обработки всех слоёв, переносим изображение в ImageReady нажатием кнопки внизу панели инструментов. http://www.ipicture.ru/uploads/20101119/thumbs/ss6j1DTp.jpg (http://www.ipicture.ru/Gallery/Viewfull/2132789.html) http://www.ipicture.ru/uploads/20101119/thumbs/X3JGYSyL.jpg (http://www.ipicture.ru/Gallery/Viewfull/2132838.html).
8. Нажатием треугольной кнопки в правом верхнем углу окна анимация, откроем всплывающее окно опций и выберем создать кадры из слоёв. http://www.ipicture.ru/uploads/20101119/thumbs/UuLUEVwn.jpg (http://www.ipicture.ru/Gallery/Viewfull/2132849.html) http://www.ipicture.ru/uploads/20101119/thumbs/QiQNrRsK.jpg (http://www.ipicture.ru/Gallery/Viewfull/2132879.html).
9. Чтобы основной фон появился на всех кадрах, опять жмём треугольную кнопку в углу окна анимация, выбираем опцию выделить все кадры и снимаем и снова "открываем глаз" на слое с фоном http://www.ipicture.ru/uploads/20101119/thumbs/3I32b6Et.jpg (http://www.ipicture.ru/Gallery/Viewfull/2132919.html) http://www.ipicture.ru/uploads/20101119/thumbs/Dc6qV1RX.jpg (http://www.ipicture.ru/Gallery/Viewfull/2132953.html).
10. Снова выделяем все кадры http://www.ipicture.ru/uploads/20101119/thumbs/aCMQLWpk.jpg (http://www.ipicture.ru/Gallery/Viewfull/2133082.html), аккуратно нажимаем на стрелочку внизу любого кадра и выставляем одно для всех, кроме последнего, время отображения http://www.ipicture.ru/uploads/20101119/thumbs/LsSRTdWV.jpg (http://www.ipicture.ru/Gallery/Viewfull/2133095.html). В последнем кадре выставляем такое время, чтобы успеть легко прочитать надпись http://www.ipicture.ru/uploads/20101119/thumbs/NvP9TyIS.jpg (http://www.ipicture.ru/Gallery/Viewfull/2133199.html) http://www.ipicture.ru/uploads/20101119/thumbs/VVgSYs2g.jpg (http://www.ipicture.ru/Gallery/Viewfull/2133264.html). Обратить внимание, чтобы в левом нижнем углу окна анимация была активна надпись всегда. Это важно, чтобы анимация была зациклена, а не срабатывала только один раз при запуске картинки http://www.ipicture.ru/uploads/20101119/thumbs/V2AZKOM2.jpg (http://www.ipicture.ru/Gallery/Viewfull/2133307.html).
11. Проверяем как работает анимация (нажимаем кнопочку воспроизведения)http://www.ipicture.ru/uploads/20101119/thumbs/OUXtYTHG.jpg (http://www.ipicture.ru/Gallery/Viewfull/2133454.html) и сохраняем http://www.ipicture.ru/uploads/20101119/thumbs/GHeWLVaF.jpg (http://www.ipicture.ru/Gallery/Viewfull/2133477.html).
12. Для тех, кто хочет сделать обратный ход анимации - сделайте снова копирование всех кадров и в панели опций отметьте вставить кадры http://www.ipicture.ru/uploads/20101119/thumbs/f2mp4jw3.jpg (http://www.ipicture.ru/Gallery/Viewfull/2133682.html). Во всплывшем меню отметьте кружочек вклеить после выделенных http://www.ipicture.ru/uploads/20101119/thumbs/XTk54c7c.jpg (http://www.ipicture.ru/Gallery/Viewfull/2133674.html). Снова выйдете в панель опций и отметьте реверс кадров http://www.ipicture.ru/uploads/20101119/thumbs/h7doFZZ0.jpg (http://www.ipicture.ru/Gallery/Viewfull/2133781.html). Удалите последний кадр, дублирующий первый, нажав на корзину http://www.ipicture.ru/uploads/20101119/thumbs/yDwLt1rC.jpg (http://www.ipicture.ru/Gallery/Viewfull/2133826.html). Проверьте работу анимашки и сохраните!
http://www.ipicture.ru/uploads/20101119/vjR8fL8R.gif
:1heart:
Radionova
10.03.2011, 18:29
А вот моя проба
Коллаж свадебной фотки (http://picttr.ru/image_info.aspx?id=355)
das_Blumchen
10.03.2011, 19:21
Какой жуткий камень! Мамочки-родные...
Грамотная Ксеня
06.08.2013, 20:21
Помогите, добрые люди...
Никогда не работала с несколькими фотками, только с одной. Но возникла необходимость. Нужно сделать нарезку из 5 фотографий в одну. Я читаю уже неделю все, что можно. Но натыкаюсь на одну проблему - как открыть эти фотки в одном окне? Вот всё делаю по различным инструкциям и везде мне кажется, что какой-то пункт пропущен...
Lisapeta
06.08.2013, 20:24
Грамотная Ксеня, открываешь сначала в разных окнах. Потом на нужной фотке, в разделе "Слои", кликаешь правой кнопкой мыши", выбираешь "Дублировать слой", далее выбираешь документ, где эта фотография должна быть. И так со всеми фотками повторяешь. В итоге у тебя все фотографии будут в 1 документе.
Возможно, нужно будет размер фото уменьшить, чтобы они все уместились, но это уже после дублирования в 1 документ.
Грамотная Ксеня
06.08.2013, 20:26
Lisapeta, Ааааааааа!!!!! Спасибо!!!! Получилось!!!! (Но везде не так описывают).
Lisapeta
06.08.2013, 20:35
Грамотная Ксеня,
Я просто знаю, как в интернете иногда сложно найти информацию, чтоб прям по полочкам разложили, хотя иногда ищешь что-то элементарное. Так что радуйся и наслаждайся :)
Спасибо. Обязательно попробую что-нибудь подобное сделать.
Работает на vBulletin® версия 3.7.4. Copyright ©2000-2025, Jelsoft Enterprises Ltd. Перевод: zCarot