• Авторизация
Дневник Лента друзей / Полная версия Добавить в друзья Страницы: «позже раньше»


уроки фотошоп делаем рамочки 17-01-2014 18:07





Уроки "Фотошопа" по созданию рамки




Я покажу самый простой способ создания рамочки.
Начнём
УРОК №7
Создаем полотно для нашей рамочки.ФАЙЛ-НОВЫЙ
Проставляем ширину и высоту
[показать]
Желательно ширину не превышать больше - 900 рикс.
иначе рамка не красиво встанет в блоге.
Заливаем нашу рамку понравившимся цветом
[403x241]
Дальше нам нужно украсить нашу рамочку.
ФАЙЛ-ОТКРЫТЬ
И выбираем картинки,уголки,цветы....
все то ,чем будем украшать нашу рамочку.
Я взяла зелёный цветочек.
[419x300]
Инструментом "ПЕРЕМЕЩЕНИЕ"
переносим наш цветок на рамку.
Если надо уменьшить,увеличить,повернуть наше украшение.
Идём
РЕДАКТИРОВАНИЕ- СВОБОДНОЕ ТРАНСФОРМИРОВАНИЕ
И с зажатой клавишей Shift увеличиваем, уменьшаем
или поворачиваем наше украшение.
При этом всегда стоим на том слое , на котором работаем.
(он будет синего цвета)
Таких украшений можно поставить сколько угодно
сверху и снизу нашей рамочки.
Но середина рамки, должна быть однотонной без украшений.
(В блоге, середина рамочки растягивается в длину
и будет очень не красиво если рисунок не совпадет)
Я украшу рамочку обводкой.Для этого создаем новый слой
[показать]
И стоя на этом слое ИдёмВЫДЕЛЕНИЕ-ВСЁ
Вся рамка выделится пунктиром.Далее
РЕДАКТИРОВАНИЕ-ВЫПОЛНИТЬ ОБВОДКУ
Появится окошко.Выбираем ширину,цвет обводки-Жмём "ОК"
[467x325]
с помощью клавиш Ctrt+D-снимем выделение.Или
ВЫДЕЛЕНИЕ-ОТМЕНИТЬ ВЫДЕЛЕНИЕ
Вокруг рамочки появилась обводка.Можно оставить так
или с помощью
РЕДАКТИРОВАНИЕ- СВОБОДНОЕ ТРАНСФОРМИРОВАНИЕ
с зажатой клавишей Shift уменьшим и переместить обводку
в середину нашей работы.
Посмотрим
[222x300]
Я сверху добавила ещё узорчик и применила к нему
тень и тиснение.Можно писать до бесконечности,
возможностей в ФШ очень много.
Но на этом закончим украшать.
И объединим все слои на палитре слоев.
[317x322]
Перейдём к разрезанию нашей работы.
Создаём новый слой, такой-же или большего размера
Берем инструмент ПРЯМОУГОЛЬНАЯ-ОБЛАСТЬ
Выделяем верхнюю часть нашей рамки,переносим ее с помощью
инструмента ПЕРЕМЕЩЕНИЕ
на новый прозрачный слой.Далее идём
ИЗОБРАЖЕНИЕ-ТРИММИНГ
Обрежется всё лишнее. Останется только верхняя часть рамки.
[454x421]
Сохраняем ее ФАЙЛ-СОХРАНИТЬ КАК
в формате JPG -Таким образом мы обрезаем
и сохраняем среднюю и нижнюю части рамки.
Можно обрезать нашу работу с помощью инструмента
РАСКРОЙКА
Читать далее...
комментарии: 0 понравилось! вверх^ к полной версии
Делаем ФШ рамку с помощью бордюрных масок 17-01-2014 18:00


Делаем ФШ рамку с помощью бордюрных масок






Вчера выставила Бордюрные маски, с помощью которых можно делать фотошопные рамки, такие, например.

[700x]

Ваш текст

Надеюсь, рамка вам нравится


[700x]



Меня попросили рассказать, как в ФШ делать такие рамки.
Этому мы и будем сегодня учиться.



Открыли в ФШ новый файл - Файл - Открыть

Фотографии в альбоме «Мои фотошопные рамки» Ларисы Гурьяновой на Яндекс.Фотках



[показать]



[показать]



[показать]



[показать]



[показать]



[показать]



[показать]



[показать]



[показать]



Читать далее...
комментарии: 0 понравилось! вверх^ к полной версии

уроки фотошоп делаем рамочки 17-01-2014 17:51


21:00

(ссылка) 


комментарии: 0 понравилось! вверх^ к полной версии
уроки фотошоп делаем рамочки 17-01-2014 16:18


[показать]
ПАМЯТКА НАЧИНАЮЩИМ ФОТОШОППЕРАМ

ДЕЛАЕМ РАЗРЕЗНУЮ РАМКУ В ФШ

Урок написан по просьбе постоянных читателей.

Будем учиться делать вот такую фотошопную рамку

[700x]
Здесь будет ваш текст
[700x]


/savepic.ru/2778834.png"" target="_blank">http://savepic.ru/2778834.png" width="700"border="0">http://savepic.org/1958492.png" cellpadding="0" cellspacing="0">
Здесь будет ваш текст
http://savepic.ru/2797266.png"width="700" border="0">

" type="text" />
Похожих уроков достаточно много, я просто хочу показать на примере одной рамки, какие приемы в ФШ можно здесь использовать.

Сначала запомним некоторые важные моменты.

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


Когда я делаю рамку, я не представляю, что получится в финале...Иногда фантазия уводит совершенно далеко от того, что задумывалось... В инете есть замечательные готовые скрап-наборы, вот сейчас мы одним таким и воспользуемся... Смотрим скрап-набор.

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

Откроем в ФШ [показать] Уменьшим его до 800 пикселей.

[700x]

[показать]

Точно так же поступите еще с двумя фонами:

[показать] и [показать]

Откройте в ФШ новый файл размером 800х600 пикселей с прозрачным фоном

[показать]

Читать далее...
комментарии: 0 понравилось! вверх^ к полной версии
ДЕЛАЕМ РАМКИ В ФШ 17-01-2014 16:00



Урок для тех ,кто хочет научиться делать рамочки в фотошопе.Урок для  Photoshop CS5 .



Будем делать рамочку не сложную с картинкой.

1Открываем фотошоп,идем  файл ,создать.  вот такие параметы.

[640x352]
2 Открываем картинку,которую хотим видеть в рамке.(у меня пейзаж).   
Снимаем замочек в панели слоев.Подгоняем размер 
картинки(изображение,изменить размер. Меняем ширину на 800px ,высота 
автоматически поменяется) .

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

[640x399]

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

[640x384]

5 Делаем активным слой с картинкой(см скрин) Берем ластик  ,выставляем рамеры кисти (см скрин)

[276x149]

И начинаем аккуратно стирать ,что бы картинка слилась с фоном (см 
скрин)Если не получилось,можно вернуться 
назад(редактирование,отменить)Потом слои,объединить видимые.

[640x389]

6 Берем выделение(см скрин) прямоугольник№1 ,тянем за уголок на рамке и 
получам пямоугольник,потом добавляем слой№2 и заливаем фоновым цветом№3 
(редактирование,выполнить заливку)

[640x400]

7 Применим тиснение. В панели слоев активный слой прямоугольник. Жмем 
внизу на значек(см скрин) и выбираем тиснение,делаем как на скрине. 
(стиль внутренний скос,размер 8,цвет ставим фоновый.)

[640x382]

8 Далее редактирование,трансформирование,деформация. И по точкам можно менять фигуру прямоугольника.(см скрин)

[640x369]

9Делаем обводку,я сделала градиентом.Создаем градиент. жмем на 
градиент,вверху появится окошко с градиентом,жмем на него и отроется 
окно редактирования градиента.(см скрин).  потом жмем ок.

[640x453]

10 Далее нажимаем  в слоях на значок(см скрин) выбираем обводка (можно 
сделать цветом ,узором,как вам нравится) размер 3   снаружи.

Читать далее...
комментарии: 2 понравилось! вверх^ к полной версии
Подружкам. 17-01-2014 15:45


[показать] [показать]


Я с букетом ярким хризантем,
Забегу к подруге на минутку…
Деловые...Некогда нам всем…
Поддались заботам не на шутку…

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

Вновь солгу, что так же молода!
Ведь мы с ней ровесники - погодки.
Что года!?
Всего лишь череда зим и лет…
Мы для кого-то - тётки?

Рассмеемся, вспомнив эпизод
Жизни прошлой, чуточку беспечной.
Сохранился в нас еще завод,
след любви друг к другу бесконечный…

Ах, подружка, милая моя!
Что нам возраст, времени условья …
Я люблю тебя! Пред иконой вечером молясь,
попрошу я для тебя здоровья…
Елена Дружинина.
[показать]
LEDI_NATA

комментарии: 0 понравилось! вверх^ к полной версии
Подружкам. 17-01-2014 15:07


[показать]
Присядь, подруженька... попьём чайку...
Поговорим... за жизнь, твою... мою...
По бабски... сплетни в кучу соберём...
А может... лучше коньячку? Давай... налью?!
Ну, как живёшь? Что происходит у тебя?
И почему страдаешь... на сей раз?
Давай... сначала выпьем по одной...
И ты... начнёшь печальный свой рассказ…
Что? Муж ушёл? Поэтому в слезах?
Да пусть идёт... - невелика потеря...
Ну почему... печаль в твоих глазах?
Ну вот... расплакалась... тетеря!..
Кому он нужен?.. Приползёт милок!
А если нет... - печалиться не надо...
Нальём... с тобой ещё... на посошок...
Придёт... простишь... и снова будет рядом!
Так тяжело... давать советы иногда...
И лгать... душой осознавая...
Предательства любви... прощать нельзя...
И все мы это... сердцем понимаем...
Душой понять ,никак нельзя....
Давай за нас, давай за нашу дружбу....
Я поднимаю тост за Лучшую Подругу,
До дна.... я за тебя, ты за меня...
Пусть внешность будет как картинка,
Походка — легкой, от бедра!
Глаза сверкают, как росинки,
И на улыбки будь щедра!
Пусть солнце светит, как на юге,
И звезды блещут для тебя!
Как повезло, что мы подруги,
Для счастья береги себя!!!
[600x424]

[показать]






*** любовь***
комментарии: 0 понравилось! вверх^ к полной версии
Подружкам. 16-01-2014 23:20



Давай, поболтаем подружка,
О детях, домашних делах.
Уверена, ты хохотушка
Давай же пошутим в стихах.
Забудем меж строчек заботы,
Махнем на обиды рукой,
Несчастий своих эпизоды,
Оставим на время, с тобой.
Давай, поболтаем подружка,
Углем самовар разведем.
Где сахар, любимая кружка -
Чайку виртуально попьем.
Затронем вопросы о моде,
О женском взгрустнем, о своем.
О странностях летних в погоде,
И даже тихонько споем.
Давай поболтаем подружка,
По почте тепло отошлем!!!!

инет.


 [показать]
комментарии: 2 понравилось! вверх^ к полной версии
Подружкам. 16-01-2014 22:55


[показать]

Ты проходи,подруга,не стесняйся.
Давай с тобой немножко посидим.
О жизни поболтаем,не смущайся,
А если хочешь,просто помолчим.
А может,выпьем коньячку немножко?
За нас с тобой,за счастье впереди.
Судьба порой бывает очень сложной.
Все будет хорошо,подруга,не грусти.
Ну,а вторую мы за что поднимем?
Конечно,выпьем мы за мужиков.
Чтоб нас они боготворили и ценили,
И говорили больше нежных слов.
И третью мы с тобою опрокинем.
Давай,подруга,выпьем за любовь.
Я верю,что она нас не покинет,
Пускай играет в наших жилах кровь.
Давай,подруга,выпьем за друзей,
За всех,которых нет и тех,кто с нами.
Они порой не замечают мелочей,
Но согревают нас всегда сердцами.
На посошок с тобою выпьем за врагов.
Пусть козни строят,мы всегда учтивы.
Мы сможем им достойный дать отпор,
А если проиграем битву,то красиво.

[показать]



комментарии: 0 понравилось! вверх^ к полной версии
Подружкам. 16-01-2014 22:36






[400x46]
Подруги.
Ты проходи, подруга, не стесняйся.
Давай с тобой немножко посидим.
О жизни поболтаем, не смущайся,
А если хочешь, просто помолчим.

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

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

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

Давай, подруга, выпьем за друзей,
За всех, которых нет и тех, кто с нами.
Они порой не замечают мелочей,
Но согревают нас всегда сердцами.

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

автор ?
[300x100]



 LEDI_NATA
комментарии: 0 понравилось! вверх^ к полной версии
Подружкам. 16-01-2014 22:30


[550x]
[показать]
[показать]
С тобою мы знаем друг друга давно
Ты мне как сестра, ближе нет никого
В расстройствах и радости мы заодно
И сердце уже у обеих одно.

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

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

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

инет.
[показать]
комментарии: 0 понравилось! вверх^ к полной версии
Подружкам. 16-01-2014 21:36


[показать]

Подружки.
Пойдем, погуляем, подруга?!
Что вечером дома сидеть?
Не мы выбираем друг друга,
Так Богу угодно, поверь…

Пойдем, посидим на скамейке,
Расскажешь, как день провела.
На той (полу) нашей аллее
Всю ночь проведем… До утра…

Ну что же глаза свои прячешь?
Взгляни на меня – успокой…
В ответ вдруг по-детски: «Не прячу…
Мне просто спокойно с тобой».

инет.
[показать]

[15x]LEDI_NATA
комментарии: 0 понравилось! вверх^ к полной версии
Фотошоптренинг. Урок №1. Инструмент ПРЯМОУГОЛЬНОЕ ВЫДЕЛЕНИЕ 16-01-2014 21:08


1. ВСЕГДА при КАЖДОМ ОТКРЫТИИ ПРОГРАММЫ настраиваем панель инструментов в два столбика.

2. ВСЕГДА при КАЖДОМ ОТКРЫТИИ ПРОГРАММЫ ставим галочку возле ПОКАЗАТЬ УПРАВЛЯЮЩИЕ ЭЛЕМЕНТЫ.

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

[400x]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Теперь давайте этим же
Читать далее...
комментарии: 0 понравилось! вверх^ к полной версии
Урок №2. Овальное выделение. Тиснение. Свечение. 16-01-2014 21:04


Результат урока:
[500x375]
Открываем программу.
Вспоминаем наши три правила при открытии программы.
1. Ставим панель инструментов в два столбика.
2. Выбираем инструмент ПЕРЕМЕЩЕНИЕ и ставим галочку ПОКАЗЫВАТЬ УПРАВЛЯЮЩИЕ ЭЛЕМЕНТЫ.
Открываем снова изображение нашего полковника (можете своё).
МЕНЮ - ФАЙЛ - ОТКРЫТЬ. Через обзор выбираем нужную картинку и она появляется на рабочем столе программы.
3. Снимаем замочек в панели слоёв.
Изображение готово к обработке.

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

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

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

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

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

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

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

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

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

откроется окошко. Чего там только нет. Давайте мы возьмём ТИСНЕНИЕ.Как видно, изображение стало немного выпуклым.
Теперь давайте снова нажмём на вторую иконку внизу панели слоёв и выберем там ВНЕШНЕЕ СВЕЧЕНИЕ.
Откроется снова окно, где жмите опять всё подряд, меняйте цвета, цифровые значения
до тех пор пока не понравится результат и только потом жмём ДА.Я сделаала так и у меня вокруг изображения появилось синее внешнее свечение.

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

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

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

По уроку Милледи Малиновской.


LEDI_NATA

комментарии: 0 понравилось! вверх^ к полной версии
Урок №3. Инструменты ЗАЛИВКА. ПИПЕТКА. 16-01-2014 19:42


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

[600x500]
Открываем фотошоп.

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



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

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



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



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

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



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

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



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

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



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



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



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

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



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

Например так



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



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



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

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



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

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



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



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



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



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



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



После
заливки последней фигуры идём МЕНЮ - ВЫДЕЛЕНИЕ - ОТМЕНИТЬ ВЫДЕЛЕНИЕ. И
готовую
Читать далее...
комментарии: 0 понравилось! вверх^ к полной версии
Урок №4. Инструмент Текст. Cтили. Клипарт. 16-01-2014 19:36


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

[600x500]

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




Ставлю курсор и пишу слово ПРИВЕТ! (Важно! Текст пишем на чистой заливке, не попадая на линии)



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

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



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

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

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



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

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



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



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

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



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



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

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



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



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



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



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

Как найти такое изображение?
В
поиск яндекса забиваем, например, БУКЕТ РОЗ КЛИПАРТ и жмём НАЙТИ. Вам
выдадут кучу ссылок, но самой первой, как правило, идут картинки с
розами. Жмём на эту
Читать далее...
комментарии: 0 понравилось! вверх^ к полной версии
Урок №5. Анимация "Самопечатающийся текст" 16-01-2014 19:25


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

[500x]


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

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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


Теперь нашей кистью закрашиваем шесть последних
Читать далее...
комментарии: 0 понравилось! вверх^ к полной версии
Урок №6. Анимация текста шумом и градиентом 16-01-2014 19:20


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

[500x]

[500x]


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

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

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

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




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



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



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



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



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

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

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




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



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



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



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



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



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



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



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



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

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

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



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

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

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




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



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



Нажимаете
плей.смотрите, что получилось. Останавливаете анимацию и сохраняете на
рабочий стол "меню - файл - сохранить для Web".

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


Таким
же способом можно делать очень красивую анимацию, наложив на текст
градиент (градиент это своего рода узор, только в нём идёт плавный
переход двух, или более цветов, без конкретного рисунка). Для этого
делаете первую часть урока до того
Читать далее...
комментарии: 0 понравилось! вверх^ к полной версии
Урок №7. Анимация текста скручиванием. 16-01-2014 19:14


Результат урока:
[500x]

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



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

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

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


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

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



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



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



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

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



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

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

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

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

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



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



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

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

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



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

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

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

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



Давайте я  буду сейчас в дальнейших объяснениях эту стрелочку так и
Читать далее...
комментарии: 0 понравилось! вверх^ к полной версии
Урок 8. Появляющаяся надпись. 16-01-2014 19:09


Сейчас я расскажу как с делать вот такую надпись.


[624x146]

Это результат урока.
[551x412]


открыли новый документ (или как у меня сразу картинку)

и написали текст! (если делаете на картинке, текст на новом слое!!!)

добавили к тексту стили (если надо) - тень, обводку и прочее

[640x512]



все! работа готова, пошли в имидж реди!

ТЕПЕРЬ ВНИМАТЕЛЬНО!



1 кадр - пустой (или просто картинка) - без текста, то есть на ТЕКСТЕ в панели слоев, глазик ОТКЛЮЧЕН.

делаем 2 кадр - включаем глазик на тексте

[640x512]



Нажимаем промежуточные кадры в анимации!

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

ОК!


теперь ДОБАВЛЯЕМ ЕЩЕ 1 КАДР И НА НЕМ ОТКЛЮЧАЕМ ВИДИМОСТЬ (ГЛАЗИК)




И ОПЯТЬ ВЫСТАВЛЯЕМ ПРОМЕЖУТОЧНЫЕ КАДРЫ

[640x512]



теперь поставим время!

с 1 до пустого кадра - к примеру 0,1сек.

пустой кадр - 1 сек.

следующий - по предпоследний - 0,1сек.

последний - 1 сек!

То есть - средний кадр и последний кадр - должны быть больше по времени - чтобы четче был виден эффект.



Ну вот и всё!

Из блога Миледи Малиновской.
LEDI_NATA

комментарии: 0 понравилось! вверх^ к полной версии



Дневник Лента друзей / Полная версия Добавить в друзья Страницы: «позже раньше»